:root{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--yellow:#ffe500;--muted:#c5dfeb;--line:#678a9a;background:#000;font-family:Arial,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{background:#000;place-items:center;min-height:100svh;margin:0;display:grid}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}button{cursor:pointer;color:inherit;background:0 0;border:0;min-height:40px;padding:8px 10px;font-size:14px;font-weight:800}button:hover{color:#ff3939}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}#workspace{place-items:center;width:100%;display:grid}#app{width:min(100%,133.333dvh);min-width:0}main{width:100%}#viewport{aspect-ratio:4/3;isolation:isolate;background:#000;width:100%;position:relative;overflow:hidden;container-type:inline-size}#arena{outline-offset:-3px;width:100%;height:100%;display:block}#arena:focus-visible{outline:1px solid var(--yellow);outline-offset:-1px}#menu-controls,#result-controls{pointer-events:none;position:absolute;inset:0}#menu-controls button,#result-controls button{pointer-events:auto;color:#0000;min-height:0;box-shadow:none;background:0 0;padding:0;position:absolute}#menu-controls button:focus-visible,#result-controls button:focus-visible{outline-offset:2px}body[data-screen=game] #menu-controls{display:none}#loading,#announcement{text-align:center;color:#fff;pointer-events:none;text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;margin:0;font-size:clamp(12px,2.4cqw,22px);font-weight:900;line-height:1.5;position:absolute;inset:45% 12% auto}#loading{color:var(--yellow)}#menu-status{text-align:center;color:#fff;pointer-events:none;text-shadow:1px 1px 2px #000,-1px -1px 2px #000;margin:0;font-size:clamp(9px,1.35cqw,13px);line-height:1.4;position:absolute;bottom:1%;left:12%;right:12%}body[data-screen=game] #menu-status{display:none}.control-bar{pointer-events:none;position:absolute;inset:0}.control-bar h1{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.control-bar nav{display:contents}.corner-tools{pointer-events:auto;align-items:center;gap:1px;display:flex;position:absolute;top:.6%;right:1%}#game-tools,#round-panel{align-items:center;display:flex}.corner-tools button{filter:drop-shadow(1px 1px 1px #000);opacity:.7;background-position:50%;background-repeat:no-repeat;background-size:19px;width:34px;height:40px;min-height:40px;padding:0;font-size:0;display:block}.corner-tools button:hover,.corner-tools button:focus-visible{opacity:1;outline:1px solid var(--yellow);outline-offset:-5px;background-color:#00456599}.corner-tools button[aria-expanded=true]{opacity:1}.corner-tools #chat-button{position:relative}.corner-tools #chat-button:after{content:attr(data-unread);min-width:12px;color:var(--yellow);text-shadow:1px 1px #000;font:800 10px Arial;position:absolute;top:0;right:0}.corner-tools #pause{display:none}#language-button{background-image:url(/ui/language.svg)}#pause{background-image:url(/ui/pause.svg)}body[data-paused=true] #pause{background-image:url(/ui/play.svg)}#menu{background-image:url(/ui/back.svg)}#share-result{background-image:url(/ui/share.svg)}#chat-button{background-image:url(/ui/chat.svg)}#help-button{background-image:url(/ui/help.svg)}#sound{background-image:url(/ui/muted.svg)}#sound[aria-pressed=true]{background-image:url(/ui/sound.svg)}#more-button{background-image:url(/ui/menu.svg)}#net-quality{width:max-content;max-width:220px;color:var(--yellow);text-shadow:1px 1px #000;font-size:11px;position:absolute;top:42px;right:0}#online-button{pointer-events:auto;white-space:nowrap;text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;min-height:30px;padding:2px 20px;font-size:clamp(13px,3.5cqw,32px);font-weight:900;line-height:1.1;position:absolute;top:72.5%;left:50%;transform:translate(-50%)}body:not([data-menu=title]) #online-button,body[data-screen=game] #online-button,body[data-screen=game] #language-button{display:none}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}dialog{overscroll-behavior:contain;color:#fff;text-shadow:1px 1px #00111f;background:#003c59f5;border:2px solid #f6d42b;border-radius:7px;width:min(420px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:24px;font-size:13px;font-weight:700;line-height:1.55;overflow:auto;box-shadow:inset 0 0 0 3px #00314e,0 4px 12px #0008}dialog::backdrop{background:#0009}.dialog-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:18px;display:flex}.dialog-head>div{flex-direction:column;display:flex}.dialog-head h2{color:var(--yellow);text-shadow:2px 2px #00111f;margin:0;font:italic 900 26px/1.1 Arial,sans-serif}.eyebrow{color:#cfebfa;order:2;margin:5px 0 0;font-size:11px}.close{color:#fff;min-width:32px;min-height:32px;margin:-8px -8px 0 0;padding:0;font-size:26px;line-height:1}#lobby-language-button{min-width:36px;min-height:32px;margin-top:-5px;padding:0;font-size:12px}#help .eyebrow{display:none}.setup-fields{grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:16px;display:grid}label,.field-label{color:#e3f2fa;margin-bottom:5px;font-size:12px;display:block}select,input{color:#fff;background:#001d34cf;border:1px solid #82a5bb;border-radius:2px;width:100%;max-width:100%;min-height:40px;padding:8px;font-size:13px;font-weight:700}select:disabled{opacity:.6}.machine-field{position:relative}.machine-field:after{content:"";background:var(--yellow);width:7px;height:7px;position:absolute;top:5px;right:2px}#online[data-color="1"] .machine-field:after{background:#4c99ff}#online[data-color="2"] .machine-field:after{background:#ff3f36}#online[data-color="3"] .machine-field:after{background:#55ce70}.primary{color:#fff;text-shadow:2px 2px #00111f;width:100%;min-height:42px;padding:6px;font-size:20px;font-weight:900;display:block}.primary:hover{color:#ff3939}.primary:focus-visible{outline:1px solid var(--yellow)}#join-form{border-top:1px solid #7aa0b377;margin-top:12px;padding-top:12px}.join-entry{gap:4px;display:flex}.join-entry input{letter-spacing:.1em;text-transform:uppercase;min-width:0;font:800 17px ui-monospace,monospace}.join-entry input::placeholder{letter-spacing:0;text-transform:none;color:#b5ccd9;font:400 12px Arial}.join-entry button{flex:none;max-width:42%;font-size:14px}#room-code-panel{border-bottom:1px solid #7aa0b377;grid-template-columns:1fr auto;align-items:center;margin:8px 0 12px;padding-bottom:10px;display:grid}#room-code-panel .field-label{grid-column:1/-1}#room-code{letter-spacing:.12em;color:var(--yellow);text-shadow:2px 2px #00111f;font:900 clamp(20px,5vw,30px) ui-monospace,monospace}#copy-room{font-size:12px}.quiet-action{width:100%;min-height:32px;padding:6px 0;font-size:12px;display:block}#status{color:#e7f4ff;overflow-wrap:anywhere;min-height:18px;margin:12px 0 0;font-size:12px;line-height:1.55}.rules{margin:0 0 16px;font-size:14px;line-height:1.7}.controls-list{margin:0}.controls-list>div{border-top:1px solid #7aa0b377;grid-template-columns:minmax(82px,30%) 1fr;align-items:center;column-gap:8px;padding:10px 0;display:grid}.controls-list dt{overflow-wrap:anywhere;color:var(--yellow);font-size:11px}.controls-list dd{flex-wrap:wrap;align-items:center;gap:4px;margin:0;display:flex}.controls-list dd span{color:#dfedf5;width:100%;font-size:11px}kbd{background:#00152899;border:1px solid #9eb3be;border-bottom-width:3px;place-items:center;min-width:24px;height:24px;font:800 11px Arial;display:inline-grid}.footnote{color:#e0edf5;margin:16px 0 0;font-size:11px;line-height:1.65}.option-list{display:grid}.option-list>button,.toggle-row{text-align:left;color:#fff;border-top:1px solid #7aa0b377;justify-content:space-between;align-items:center;width:100%;min-height:42px;margin:0;padding:8px 0;font-size:14px;font-weight:800;display:flex}.option-list>button:hover{color:#ff3939}.toggle-row input{accent-color:var(--yellow);cursor:pointer;width:18px;height:18px;min-height:0;margin:0}#language{margin-bottom:14px}.credit-line{font-size:15px;line-height:1.8}.credit-link{color:var(--yellow);margin-top:16px;display:inline-block}#option-status:empty{display:none}#chat-panel{scrollbar-width:thin;color:#fff;border-left:2px solid var(--yellow);text-shadow:1px 1px #000;background:#001526c9;flex-direction:column;min-width:0;padding:9px 10px;display:flex;overflow:auto}#viewport>#chat-panel{z-index:5;width:40%;min-width:280px;max-width:430px;height:30%;min-height:185px;max-height:270px;position:absolute;bottom:24%;left:2%}.chat-head{flex:none;align-items:center;gap:4px;height:24px;display:flex}.chat-head h2{color:var(--yellow);flex:1;margin:0;font-size:12px}.chat-head button{width:24px;height:24px;min-height:24px;padding:0}.chat-head #chat-close{font-size:21px}.chat-head #chat-mute{background:url(/ui/sound.svg) 50%/15px no-repeat;font-size:0}.chat-head #chat-mute[aria-pressed=true]{background-image:url(/ui/muted.svg)}#chat-connection,#chat-empty{color:#d4e4ee;margin:3px 0 5px;font-size:11px;line-height:1.5}#viewport #chat-panel[data-available=true] #chat-connection,#viewport #chat-empty{display:none}#chat-log{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:24px;margin:3px 0 6px;padding:0;list-style:none;overflow:auto}#chat-log li{grid-template-columns:60px minmax(0,1fr);gap:4px;padding:2px 0;font-size:12px;line-height:1.5;display:grid}.chat-author{white-space:nowrap;font-size:11px;font-weight:900}.chat-text{white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;min-width:0}#chat-input{resize:none;color:#fff;scrollbar-width:thin;background:#00101dbb;border:1px solid #8baab9;border-radius:0;width:100%;height:34px;min-height:32px;max-height:72px;padding:5px 7px;font-size:13px;line-height:1.4;display:block}#chat-input:read-only{opacity:.6}.chat-submit{justify-content:space-between;align-items:center;gap:4px;height:24px;display:flex}#chat-count{color:#bad0df;font:10px Arial}#chat-send{min-height:24px;color:var(--yellow);padding:0;font-size:12px}#chat-feedback{color:var(--yellow);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.4}#chat-feedback:empty{display:none}#chat-new{min-height:24px;color:var(--yellow);padding:2px;font-size:11px}#chat-hint{color:#d4e4ee;margin:4px 0 0;font-size:10px;line-height:1.5}#viewport #chat-hint{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#lobby-chat-slot #chat-panel{background:#001426aa;border-top:1px solid #7aa0b377;border-left:0;width:100%;height:245px;margin-top:10px;padding:7px 8px}#lobby-chat-slot #chat-hint{display:none}#chat-feed{pointer-events:none;z-index:4;text-shadow:1px 1px 2px #000,-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000;width:49%;max-width:470px;margin:0;padding:0;font-size:clamp(10px,1.55cqw,14px);font-weight:700;line-height:1.6;list-style:none;position:absolute;bottom:26%;left:3%}#chat-feed li{align-items:baseline;gap:6px;display:flex}#chat-feed b{flex:none}#chat-feed span{-webkit-line-clamp:2;overflow-wrap:anywhere;unicode-bidi:plaintext;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}body[data-chat=open] #chat-feed,body[data-screen=home] #chat-feed{display:none}[data-color="0"].chat-author,#chat-feed [data-color="0"]{color:#ffe500}[data-color="1"].chat-author,#chat-feed [data-color="1"]{color:#5dbaff}[data-color="2"].chat-author,#chat-feed [data-color="2"]{color:#ff6a6a}[data-color="3"].chat-author,#chat-feed [data-color="3"]{color:#69ec86}#touch{z-index:3;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,36px);gap:2px;display:none;position:absolute;bottom:24%;left:2%}body[data-screen=game][data-touch=true]:not([data-phase=result]):not([data-chat=open]) #touch{display:grid}#touch button{color:#fff;touch-action:none;background:#00162988;border:1px solid #a9c2d0;width:36px;height:36px;min-height:36px;padding:0;font-size:21px}#touch button:active{color:#000;background:#ffe500}#touch button:first-child{grid-column:2}#touch button:nth-child(2){grid-column:1}body .hshare-dialog{--hshare-bg:#00314e;--hshare-fg:#fff;--hshare-muted:#dfedf5;--hshare-line:#7aa0b377;--hshare-accent:#ffe500;background:#003c59f5;border:2px solid #f6d42b;border-radius:7px;animation:none}body .hshare-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0009}body .hshare-dialog :is(button,a[data-channel]){box-shadow:none;border-radius:2px}@media (width<=600px){dialog{padding:20px;font-size:12px}.dialog-head h2{font-size:23px}.setup-fields{gap:8px}select{padding:7px;font-size:12px}#lobby-chat-slot #chat-input{font-size:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.chat-head{z-index:1;background:#001526d9;position:sticky;top:0}body[data-touch=true] #chat-feed{width:calc(94% - 124px);left:calc(2% + 124px)}@container (width<=600px){.corner-tools{gap:0;top:0;right:1%}.corner-tools button{background-size:16px;width:30px;height:34px;min-height:34px}body[data-screen=game] .corner-tools #help-button,.corner-tools #menu{display:none}#viewport>#chat-panel{width:96%;min-width:0;max-width:none;height:46%;min-height:0;max-height:none;padding:5px 7px;bottom:24%;left:2%}.chat-head{height:20px}.chat-head h2{font-size:11px}.chat-head button{height:22px;min-height:22px}#chat-log{min-height:18px;margin:2px 0 3px}#chat-log li{grid-template-columns:55px minmax(0,1fr);font-size:11px;line-height:1.4}#chat-input{min-height:30px;max-height:54px;padding:3px 5px;font-size:16px;line-height:1.3}.chat-submit{height:20px}#chat-send{min-height:20px;font-size:11px}#chat-feedback{font-size:10px}#chat-feed{width:87%;line-height:1.4;bottom:26%}#touch{grid-template-columns:repeat(3,30px)}#touch button{width:30px;height:30px;min-height:30px;font-size:18px}body[data-touch=true] #chat-feed{width:calc(94% - 104px);left:calc(2% + 104px)}}body .hshare-dialog .hshare-channel-icon{display:none}.hshare-dialog{--hshare-bg:#111b24;--hshare-fg:#f3f2eb;--hshare-muted:#bcc8ce;--hshare-line:#435561;--hshare-accent:#dbea99;box-sizing:border-box;border:1px solid var(--hshare-line);background:var(--hshare-bg);width:min(960px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--hshare-fg);overscroll-behavior:contain;text-align:start;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:22px;margin:auto;padding:28px;font:400 16px/1.5 system-ui,sans-serif;overflow:auto;box-shadow:0 24px 80px #0007}.hshare-dialog[open]{animation:.18s ease-out hshare-in}.hshare-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071017c9}.hshare-dialog *{box-sizing:border-box}.hshare-dialog [hidden]{display:none!important}.hshare-dialog .hshare-head{z-index:2;background:var(--hshare-bg);border-bottom:1px solid var(--hshare-line);justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding-top:8px;padding-bottom:22px;display:flex;position:sticky;top:0}.hshare-dialog .hshare-product{color:var(--hshare-muted);overflow-wrap:anywhere;margin:0 0 6px;font-size:14px}.hshare-dialog h2{letter-spacing:-.025em;color:var(--hshare-fg);margin:0;font:650 28px/1.25 system-ui,sans-serif}.hshare-dialog .hshare-body{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:start;gap:32px;display:grid}.hshare-dialog .hshare-body:has(.hshare-art[hidden]){grid-template-columns:minmax(0,1fr)}.hshare-dialog .hshare-art,.hshare-dialog .hshare-tools{min-width:0}.hshare-dialog canvas{object-fit:contain;border:1px solid var(--hshare-line);background:#09131c;border-radius:12px;width:100%;height:auto;max-height:49dvh;margin:16px auto 0;display:block}.hshare-dialog canvas[aria-busy=true]{opacity:.55;transition:opacity .16s}.hshare-dialog .hshare-note,.hshare-dialog .hshare-guide,.hshare-dialog .hshare-file-hint{color:var(--hshare-muted);overflow-wrap:anywhere;margin:16px 0;font-size:14px;line-height:1.65}.hshare-dialog .hshare-note:empty{display:none}.hshare-dialog .hshare-channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hshare-dialog .hshare-actions,.hshare-dialog .hshare-formats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hshare-dialog :is(button,a[data-channel]){border:1px solid var(--hshare-line);min-width:0;height:auto;min-height:48px;color:var(--hshare-fg);text-align:center;text-transform:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;box-shadow:none;touch-action:manipulation;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin:0;padding:13px 16px;font:600 14px/1.45 system-ui,sans-serif;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex;position:static;transform:none}.hshare-dialog .hshare-channels :is(button,a){background:#ffffff03;flex-direction:column;gap:10px;min-height:94px;padding:16px 12px}.hshare-dialog .hshare-channel-icon{border:1px solid var(--hshare-line);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font:500 21px/1 system-ui,sans-serif;display:grid}.hshare-dialog :is(button,a[data-channel]):hover{border-color:var(--hshare-accent);color:var(--hshare-accent);background:#ffffff0a;transform:none}.hshare-dialog :is(button,a[data-channel]):focus-visible,.hshare-dialog :is(input,textarea):focus-visible{outline:2px solid var(--hshare-accent);outline-offset:4px;box-shadow:none}.hshare-dialog button:disabled{opacity:.45;cursor:wait;transform:none}.hshare-dialog .hshare-close{border-radius:50%;flex:none;width:44px;min-width:44px;min-height:44px;padding:6px;font-size:26px;line-height:1}.hshare-dialog button[aria-pressed=true]{background:var(--hshare-accent);border-color:var(--hshare-accent);color:var(--hshare-bg)}.hshare-dialog .hshare-field{color:var(--hshare-muted);gap:8px;margin:20px 0 0;font-size:13px;font-weight:500;display:grid}.hshare-dialog :is(input,textarea){box-sizing:border-box;border:1px solid var(--hshare-line);width:100%;min-width:0;min-height:48px;color:var(--hshare-fg);text-align:start;letter-spacing:normal;box-shadow:none;resize:vertical;-webkit-user-select:text;user-select:text;background:#0002;border-radius:9px;margin:0;padding:13px 14px;font:400 16px/1.5 system-ui,sans-serif;display:block}.hshare-dialog .hshare-status{min-height:24px;color:var(--hshare-accent);overflow-wrap:anywhere;margin:18px 0 0;font-size:14px;line-height:1.6}.hshare-dialog .hshare-official{border-top:1px solid var(--hshare-line);flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:20px;display:flex}.hshare-dialog .hshare-official a{color:var(--hshare-muted);padding:10px}@keyframes hshare-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (width<=640px){.hshare-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:18px}.hshare-dialog .hshare-body{grid-template-columns:minmax(0,1fr);gap:22px}.hshare-dialog .hshare-head{z-index:2;background:var(--hshare-bg);margin-bottom:20px;padding-top:8px;padding-bottom:18px;position:sticky;top:0}.hshare-dialog canvas{max-height:31dvh}.hshare-dialog .hshare-channels{gap:10px}.hshare-dialog .hshare-channels :is(button,a){min-height:84px;padding:12px 6px;font-size:13px}.hshare-dialog .hshare-formats{gap:10px}}@media (width<=359px){.hshare-dialog .hshare-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.hshare-dialog .hshare-channel-icon{display:none}.hshare-dialog .hshare-channels :is(button,a){flex-direction:row;min-height:50px}}@media (height<=600px) and (width>=641px){.hshare-dialog{padding:20px}.hshare-dialog canvas{max-height:50dvh}.hshare-dialog .hshare-head{z-index:2;background:var(--hshare-bg);margin-bottom:18px;padding-top:8px;padding-bottom:14px;position:sticky;top:0}.hshare-dialog .hshare-body{gap:24px}}@media (prefers-reduced-motion:reduce){.hshare-dialog[open]{animation:none}.hshare-dialog *{transition:none!important}}