: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.333svh);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}#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%}#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 (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}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}button,a,input,select,textarea{touch-action:manipulation}#arena,#menu-controls,#result-controls{touch-action:none}#touch{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0b1722e8;border:1px solid #71838e;border-radius:50%;width:148px;height:148px;display:none}body[data-screen=game][data-touch=true]:not([data-phase=result]):not([data-chat=open]) #touch{display:block}#touch button{z-index:2;touch-action:none;background:0 0;border:0;border-radius:6px;width:48px;height:48px;min-height:48px;font-size:22px;position:absolute}#touch button[data-bit="1"]{top:0;left:49px}#touch button[data-bit="2"]{bottom:0;left:49px}#touch button[data-bit="4"]{top:49px;left:0}#touch button[data-bit="8"]{top:49px;right:0}#touch button[data-active=true]{color:var(--yellow);background:#264558}.touch-thumb{pointer-events:none;width:40px;height:40px;transform:translate(var(--thumb-x,0px),var(--thumb-y,0px));z-index:1;background:#3c5265;border:1px solid #a7b8c3;border-radius:50%;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px)}@media (width<=1200px){body[data-touch=true] .corner-tools{top:calc(env(safe-area-inset-top,0px) + 6px);right:calc(env(safe-area-inset-right,0px) + 8px);z-index:6;gap:0;position:fixed}body[data-touch=true] .corner-tools button{opacity:.95;background-size:20px;width:44px;height:44px;min-height:44px}body[data-touch=true] .corner-tools #help-button,body[data-touch=true] .corner-tools #menu{display:none}body[data-touch=true] #touch{left:calc(env(safe-area-inset-left,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:6;position:fixed}body[data-touch=true] #chat-feed{width:80%;bottom:24%;left:3%}input:not([type=checkbox]),select,textarea,#chat-input,#lobby-chat-slot #chat-input{font-size:16px}body[data-touch=true] #viewport>#chat-panel{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));top:calc(var(--visual-top,0px) + env(safe-area-inset-top,0px) + 12px);width:auto;min-width:0;max-width:none;min-height:0;height:min(340px,calc(var(--visible-height,100dvh) - env(safe-area-inset-top,0px) - 24px));z-index:9;background:#001526f5;max-height:none;padding:8px 10px;position:fixed;bottom:auto}body[data-touch=true] #viewport .chat-head{height:40px}body[data-touch=true] #viewport .chat-head h2{font-size:14px}body[data-touch=true] #viewport .chat-head button{width:40px;height:40px;min-height:40px}body[data-touch=true] #viewport #chat-log{min-height:32px}body[data-touch=true] #viewport #chat-log li{font-size:13px}body[data-touch=true] #viewport #chat-input{min-height:40px}body[data-touch=true] #viewport .chat-submit{height:36px}body[data-touch=true] #viewport #chat-send{min-height:36px;font-size:14px}}@media (width<=600px){body[data-touch=true][data-layout=portrait] #workspace{min-height:100svh;padding-top:calc(56px + env(safe-area-inset-top,0px));padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))}body[data-touch=true][data-layout=portrait][data-screen=home] #workspace{padding-bottom:56px}body[data-touch=true][data-layout=portrait] #online-button{min-height:34px;font-size:18px}}@media (width<=1200px){body[data-touch=true][data-layout=landscape] #app{width:min(calc(100% - 288px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)),calc(100svh * 4 / 3));min-width:0}body[data-touch=true][data-layout=landscape] #touch{width:132px;height:132px;left:calc(env(safe-area-inset-left,0px) + 6px);bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}body[data-touch=true][data-layout=landscape] #touch button{width:44px;height:44px;min-height:44px}body[data-touch=true][data-layout=landscape] #touch button[data-bit="1"],body[data-touch=true][data-layout=landscape] #touch button[data-bit="2"]{left:43px}body[data-touch=true][data-layout=landscape] #touch button[data-bit="4"],body[data-touch=true][data-layout=landscape] #touch button[data-bit="8"]{top:43px}body[data-touch=true][data-layout=landscape] .corner-tools{flex-wrap:wrap;justify-content:flex-end;max-width:132px}}#mobile-hud{pointer-events:none;display:none}@media (width<=1200px){body[data-screen=game][data-touch=true] #mobile-hud{top:calc(env(safe-area-inset-top,0px) + 62px);z-index:3;justify-content:space-between;align-items:center;gap:8px;line-height:1.5;display:flex;position:fixed;left:16px;right:16px}#mobile-player{color:#dce7ef;font-size:13px;font-weight:700}#mobile-clock{color:var(--yellow);white-space:nowrap;font-size:18px;font-weight:900}body[data-screen=game][data-touch=true][data-layout=landscape] #mobile-hud{flex-direction:column;align-items:flex-end;width:120px;left:auto;right:12px}body[data-layout=landscape] #mobile-player{font-size:12px}body[data-layout=landscape] #mobile-clock{font-size:16px}body[data-touch=true][data-editing=true] #app{width:var(--game-width)}}dialog:not(.hshare-dialog){--panel-line:#4d7288;--panel-muted:#bfd0dc;width:min(440px,100vw - 24px);max-width:none;max-height:calc(var(--visible-height,100dvh) - 24px);overscroll-behavior:contain;color:#f5f8fa;border:1px solid #c3b450;border-top:3px solid var(--yellow);text-shadow:none;background:#062d45;border-radius:3px;margin:auto;padding:24px;font-size:14px;font-weight:500;line-height:1.5;overflow:auto;box-shadow:0 12px 40px #0008}dialog::backdrop{background:#000b}.dialog-head{border-bottom:1px solid var(--panel-line);align-items:flex-start;gap:4px;margin:0 0 22px;padding-bottom:16px;display:flex}.dialog-head>div,.dialog-head>h2{flex:1;min-width:0}.dialog-head>div{flex-direction:column;gap:6px;display:flex}.dialog-head h2{letter-spacing:-.02em;color:var(--yellow);overflow-wrap:anywhere;margin:5px 0 0;font:900 26px/1.2 Arial,sans-serif}.eyebrow{color:var(--panel-muted);order:2;margin:0;font-size:12px;font-weight:500;line-height:1.4}.dialog-head .close,#lobby-language-button{color:#e6eff5;background:0 0;border:1px solid #0000;border-radius:2px;flex:none;place-items:center;width:44px;min-width:44px;min-height:44px;margin:-2px 0 0;padding:0;line-height:1;display:grid}.dialog-head .close{font-size:28px;font-weight:400}#lobby-language-button{font-size:12px;font-weight:700}dialog:not(.hshare-dialog) button{overflow-wrap:anywhere;min-height:44px;line-height:1.35;transition:background-color .12s,color .12s,border-color .12s}.dialog-head button:hover,.dialog-head button:focus-visible{color:#fff;background:#173f58;border-color:#7291a5}label,.field-label{color:var(--panel-muted);margin-bottom:7px;font-size:12px;font-weight:600;line-height:1.4;display:block}select,input{color:#fff;background:#031f32;border:1px solid #7892a4;border-radius:2px;width:100%;max-width:100%;min-height:48px;padding:10px 12px;font-size:16px;font-weight:500;line-height:1.4}select:disabled{color:#b4c4cf;opacity:.65}input::placeholder{color:#93a9b8}.setup-fields{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;margin-bottom:22px;display:grid}.machine-field{position:relative}.machine-field:after{content:"";background:var(--yellow);width:6px;height:6px;position:absolute;top:5px;right:2px}#online[data-color="1"] .machine-field:after{background:#5dbaff}#online[data-color="2"] .machine-field:after{background:#ff6a6a}#online[data-color="3"] .machine-field:after{background:#69ec86}dialog:not(.hshare-dialog) .primary{border:1px solid var(--yellow);background:var(--yellow);color:#102333;text-align:center;width:100%;min-height:48px;text-shadow:none;border-radius:2px;padding:12px 16px;font-size:16px;font-weight:800;display:block}dialog:not(.hshare-dialog) .primary:hover:not(:disabled){color:#102333;background:#fff276;border-color:#fff276}dialog:not(.hshare-dialog) .primary:active:not(:disabled){background:#d4bf00;border-color:#d4bf00}dialog:not(.hshare-dialog) button:disabled{color:#93a9b8;opacity:1;cursor:default;background:#17394f;border-color:#496577}#join-form{border-top:1px solid var(--panel-line);margin-top:22px;padding-top:20px}.join-entry{gap:8px;display:flex}.join-entry input{letter-spacing:.12em;text-transform:uppercase;min-width:0;font:700 18px/1.4 ui-monospace,monospace}.join-entry input::placeholder{letter-spacing:0;text-transform:none;font:400 14px Arial}.join-entry button{color:#fff;background:#123e58;border:1px solid #90a7b6;border-radius:2px;flex:none;min-width:80px;max-width:45%;padding:10px 14px;font-size:14px;font-weight:700}.join-entry button:hover{color:#fff;background:#24536b}#status{color:#d6e3eb;overflow-wrap:anywhere;background:#021f31;border-left:2px solid #d6c34c;min-height:44px;margin:22px 0 0;padding:12px;font-size:12px;font-weight:500;line-height:1.6}#room-code-panel{border:1px solid var(--panel-line);background:#031f32;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin:0 0 18px;padding:14px 12px;display:grid}#room-code-panel .field-label{grid-column:1/-1;margin:0}#room-code{letter-spacing:.08em;color:var(--yellow);font:700 clamp(18px,5vw,28px)/1.4 ui-monospace,monospace}#copy-room{color:#fff;border:1px solid var(--panel-line);border-radius:2px;padding:8px;font-size:12px}.quiet-action{border:1px solid var(--panel-line);color:#f5f8fa;text-align:center;background:0 0;border-radius:2px;width:100%;min-height:44px;margin-top:10px;padding:10px 12px;font-size:13px;font-weight:600;display:block}.quiet-action:hover,#copy-room:hover{color:#fff;background:#173f58}.options-language{margin-bottom:24px}.option-list{border-top:1px solid var(--panel-line);display:grid}.option-links{margin-top:22px}.option-list>button,.toggle-row{text-align:left;color:#e9f0f5;border-bottom:1px solid #3a5e75;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:50px;margin:0;padding:12px 8px;font-size:14px;font-weight:600;display:flex}.option-list>button:hover{color:#fff;background:#173f58}.toggle-row{cursor:pointer}.toggle-row input{accent-color:var(--yellow);cursor:pointer;flex:none;width:20px;height:20px;min-height:0;margin:0}.toggle-row:hover{background:#173f58}.exit-action{color:#fff;background:#12384f;border:1px solid #7892a4;border-radius:2px;width:100%;margin-top:22px;font-size:14px}.exit-action:hover{color:#fff;background:#24536b}.rules{margin:0 0 22px;font-size:15px;line-height:1.65}.controls-list{margin:0}.controls-list>div{border-top:1px solid var(--panel-line);grid-template-columns:minmax(84px,30%) 1fr;align-items:start;gap:12px;padding:14px 0;display:grid}.controls-list dt{color:var(--yellow);overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.5}.controls-list dd{flex-wrap:wrap;align-items:center;gap:5px;margin:0;display:flex}.controls-list dd span{width:100%;color:var(--panel-muted);margin-top:3px;font-size:12px;line-height:1.5}kbd{color:#e9f0f5;background:#092236;border:1px solid #819baa;border-bottom-width:2px;border-radius:2px;place-items:center;min-width:27px;height:27px;font:700 12px Arial;display:inline-grid}.footnote{color:var(--panel-muted);margin:20px 0 0;font-size:12px;line-height:1.65}.credit-line{margin:0;font-size:16px;line-height:1.8}.credit-link{min-height:44px;color:var(--yellow);align-items:center;margin-top:14px;font-size:13px;display:inline-flex}#option-status:empty,#help .eyebrow{display:none}@keyframes panel-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}dialog[open]:not(.hshare-dialog){animation:.14s ease-out panel-enter}dialog[open]::backdrop{animation:.14s ease-out backdrop-enter}@keyframes backdrop-enter{0%{background:0 0}to{background:#000b}}body #chat-panel{border:1px solid #54758b;border-left:2px solid var(--yellow);text-shadow:none;background:#032338ed;border-radius:2px;padding:10px 12px}body #viewport>#chat-panel{max-width:440px;height:34%;min-height:248px;max-height:320px}body #chat-panel .chat-head{background:0 0;border-bottom:1px solid #3e6178;gap:4px;height:44px;min-height:44px;margin-bottom:6px;padding-bottom:6px}body #chat-panel .chat-head h2{letter-spacing:0;font-size:14px;font-weight:700}body #chat-panel .chat-head button{border-radius:2px;flex:none;width:44px;height:44px;min-height:44px}body #chat-panel .chat-head button:hover{color:#fff;background-color:#22485f}body #chat-panel .chat-head #chat-mute{background-size:18px}body #chat-log{min-height:32px;margin:0 0 10px}body #chat-log li{grid-template-columns:58px minmax(0,1fr);gap:6px;padding:4px 0;font-size:13px;line-height:1.55}body #chat-log .chat-author{font-size:11px;line-height:1.85}body #chat-input{background:#001927;border-color:#7892a4;border-radius:2px;min-height:44px;padding:9px 10px;font-size:16px;line-height:1.4}body .chat-submit{height:44px;min-height:44px;margin-top:4px}body #chat-send{min-height:44px;color:var(--yellow);background:#123e58;border:1px solid #577990;border-radius:2px;padding:8px 14px;font-size:13px}body #chat-send:hover:not(:disabled){background:#24536b}body #chat-send:disabled{color:#92a9b8;opacity:.7}body #chat-count{font-variant-numeric:tabular-nums;font-size:11px}body #chat-feedback{margin-top:4px;font-size:12px;line-height:1.5}body #chat-panel #chat-new{min-height:44px}body #lobby-chat-slot #chat-panel{height:300px;margin-top:16px}body .corner-tools button{width:44px;height:44px;min-height:44px;transition:background-color .12s,opacity .12s}body .corner-tools button:active{background-color:#345166}body .corner-tools #pause{display:none}@media (width<=600px){body #viewport>#chat-panel{left:12px;right:12px;top:calc(var(--visual-top,0px) + 12px);width:auto;min-width:0;max-width:none;height:min(380px,calc(var(--visible-height,100dvh) - 24px));z-index:9;min-height:0;max-height:none;position:fixed;bottom:auto}dialog:not(.hshare-dialog){padding:18px}.dialog-head{margin-bottom:20px;padding-bottom:14px}.dialog-head h2{font-size:24px}.setup-fields{gap:10px}.join-entry button{min-width:64px;padding:10px}#room-code{letter-spacing:.04em}#room-code-panel{padding:12px 8px}body #chat-log li{grid-template-columns:52px minmax(0,1fr)}}@media (width<=1200px){body[data-touch=true] #viewport>#chat-panel{height:min(380px,calc(var(--visible-height,100dvh) - env(safe-area-inset-top,0px) - 24px));min-height:0;max-height:none;padding:10px 12px}body[data-touch=true] #viewport #chat-panel .chat-head{height:44px;min-height:44px}body[data-touch=true] #viewport #chat-panel .chat-head button{width:44px;height:44px;min-height:44px}body[data-touch=true] #viewport #chat-panel #chat-input{min-height:44px}body[data-touch=true] #viewport #chat-panel .chat-submit{height:44px;min-height:44px}body[data-touch=true] #viewport #chat-panel #chat-send{min-height:44px}}@media (prefers-reduced-motion:reduce){dialog[open]:not(.hshare-dialog),dialog[open]::backdrop{animation:none}dialog:not(.hshare-dialog) button,body .corner-tools button{transition:none}}body[data-chat=open] #mobile-hud{visibility:hidden}body #chat-panel,body[data-touch=true][data-chat=open] #viewport>#chat-panel{background:#032338}body[data-touch=true][data-layout=portrait][data-menu=title] #online-button{min-height:44px;margin-top:-5px}.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}}