@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/duelia/assets/bebas-neue-latin-ext-400-normal-DWiEslNC.woff2) format("woff2"),url(/duelia/assets/bebas-neue-latin-ext-400-normal-HFKRJXnW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/duelia/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2) format("woff2"),url(/duelia/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kaushan Script;font-style:normal;font-display:swap;font-weight:400;src:url(/duelia/assets/kaushan-script-latin-ext-400-normal-CW-Pyyvv.woff2) format("woff2"),url(/duelia/assets/kaushan-script-latin-ext-400-normal-Dmz6mG63.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kaushan Script;font-style:normal;font-display:swap;font-weight:400;src:url(/duelia/assets/kaushan-script-latin-400-normal-DtTcRpVb.woff2) format("woff2"),url(/duelia/assets/kaushan-script-latin-400-normal-DZZZR3n8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/duelia/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2) format("woff2"),url(/duelia/assets/barlow-vietnamese-400-normal-BFeobeCK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/duelia/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2) format("woff2"),url(/duelia/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/duelia/assets/barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2"),url(/duelia/assets/barlow-latin-400-normal-fsAxiSwU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/duelia/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2) format("woff2"),url(/duelia/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/duelia/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2) format("woff2"),url(/duelia/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/duelia/assets/barlow-latin-600-normal-DILqtrty.woff2) format("woff2"),url(/duelia/assets/barlow-latin-600-normal-CNwfPWQD.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #120b16;--panel: rgba(16, 9, 20, .84);--panel2: rgba(30, 17, 34, .9);--paper: #f7ecdc;--muted: #c4b2b6;--gold: #ffb45c;--rose: #ef6a7a;--line: rgba(255, 214, 170, .2);--bar: 46px;--display: "Bebas Neue", "Barlow", system-ui, sans-serif;--script: "Kaushan Script", "Barlow", cursive;--text: "Barlow", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0710;overflow:hidden;overflow:clip;color:var(--paper);font:16px/1.4 var(--text);-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.app{position:fixed;inset:0;overflow:hidden;overflow:clip;user-select:none;-webkit-user-select:none}.tags{overflow:hidden;overflow:clip}.gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.bar{position:absolute;top:0;left:0;right:0;height:var(--bar);display:flex;align-items:center;gap:10px;padding:0 12px;z-index:20;background:linear-gradient(#0a050ec7,#0a050e00);pointer-events:none}.bar>*{pointer-events:auto}.brand{font:30px/1 var(--script);color:var(--paper);text-decoration:none;text-shadow:0 2px 0 rgba(0,0,0,.5);padding:4px 6px 0;letter-spacing:.01em}.bar-fill{flex:1;pointer-events:none}.series{font:18px/1 var(--display);letter-spacing:.06em;color:var(--muted);display:flex;gap:12px}.series b{color:var(--paper);font-weight:400}.identity{position:relative;display:flex;align-items:center;gap:6px;background:#1009149e;border:1px solid var(--line);border-radius:999px;padding:3px 4px;height:38px}.dot-button,.weapon-button{width:30px;height:30px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;padding:0}.dot-button i{width:18px;height:18px;border-radius:50%;background:var(--c, #e8413c);box-shadow:0 0 0 2px #ffffffd9}.weapon-button svg{width:24px;height:24px;color:var(--paper)}#playerName{width:124px;background:transparent;border:0;outline:none;padding:4px 2px;font-weight:600}#playerName:focus{box-shadow:inset 0 -2px 0 var(--gold)}.tools{display:flex;gap:6px}.tool{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#1009149e;display:grid;place-items:center;padding:0}.tool svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool svg .fill{fill:currentColor;stroke:none}.tool.lang{font:15px/1 var(--display);letter-spacing:.08em}#soundButton[aria-pressed=true] .off,#soundButton[aria-pressed=false] .on{display:none}.tool:hover,.tool:focus-visible,.dot-button:hover,.weapon-button:hover{background:#ffb45c2e;outline:none}.pop{position:absolute;top:44px;right:0;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:8px;display:grid;gap:6px;z-index:30;box-shadow:0 10px 30px #00000080}.color-picker{grid-template-columns:repeat(4,40px)}.color-picker button{width:40px;height:40px;border-radius:50%;border:2px solid transparent;background:var(--c)}.color-picker button[aria-pressed=true]{border-color:#fff}.weapon-menu{grid-template-columns:repeat(2,120px)}.weapon-menu button{display:flex;align-items:center;gap:8px;height:44px;border-radius:10px;border:1px solid transparent;background:#ffffff0a;padding:0 10px;font:18px/1 var(--display);letter-spacing:.05em}.weapon-menu button svg{width:26px;height:26px}.weapon-menu button[aria-pressed=true]{border-color:var(--gold);background:#ffb45c24}.card{position:absolute;z-index:15;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px 24px;box-shadow:0 18px 50px #0000008c}.home{left:max(24px,3vw);top:calc(var(--bar) + 18px);width:min(430px,40vw);max-height:calc(100% - var(--bar) - 36px);overflow:auto}.logo{font:74px/.95 var(--script);margin:0 0 4px;background:linear-gradient(180deg,#fff3d6 10%,#ffb45c 60%,#ef6a7a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45))}.tagline{margin:0 0 16px;color:var(--muted);font-size:15px}.label{font:16px/1 var(--display);letter-spacing:.12em;color:var(--muted);margin:6px 0 8px;text-transform:uppercase}.weapons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.weapons button{display:grid;justify-items:center;gap:4px;padding:10px 4px 8px;border-radius:14px;border:1px solid var(--line);background:#ffffff08}.weapons button svg{width:38px;height:38px;color:var(--paper)}.weapons button span{font:18px/1 var(--display);letter-spacing:.05em}.weapons button[aria-checked=true]{border-color:var(--gold);background:linear-gradient(#ffb45c33,#ef6a7a1f)}.weapons button[aria-checked=true] svg{color:var(--gold)}.weapons button:hover,.weapons button:focus-visible{border-color:#ffb45c99;outline:none}.weapon-hint{grid-column:1 / -1;color:var(--muted);font-size:13px;text-align:center;min-height:18px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 12px}.primary,.secondary{min-height:48px;padding:0 20px;border-radius:14px;font:22px/1 var(--display);letter-spacing:.08em;border:1px solid transparent}.primary{flex:1;background:linear-gradient(180deg,#ffbd6a,#ef6a7a);color:#1b0d12;box-shadow:0 4px #8c3341}.primary:hover,.primary:focus-visible{filter:brightness(1.08);outline:none}.primary:active{transform:translateY(2px);box-shadow:0 2px #8c3341}.primary:disabled{filter:grayscale(.8) brightness(.7);cursor:default}.secondary{background:#ffffff0f;border-color:var(--line)}.secondary:hover,.secondary:focus-visible{border-color:var(--gold);outline:none}.options{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:4px 0 8px}.options label{display:grid;gap:3px;font-size:13px;color:var(--muted)}.options select{min-height:40px;border-radius:10px;background:#00000059;border:1px solid var(--line);padding:0 8px;color:var(--paper)}.link{background:none;border:0;color:var(--gold);padding:6px 0;text-decoration:underline;text-underline-offset:3px;min-height:40px}.note{color:var(--muted);font-size:14px;margin:6px 0}.lobby{left:max(24px,3vw);top:calc(var(--bar) + 18px);width:min(470px,44vw);max-height:calc(100% - var(--bar) - 36px);overflow:auto}.lobby h2,.result h2{font:40px/1 var(--display);letter-spacing:.06em;margin:0 0 10px}.invite{display:flex;gap:8px}.invite input{flex:1;min-width:0;min-height:44px;border-radius:12px;border:1px solid var(--line);background:#00000059;padding:0 10px;color:var(--paper);font-size:14px}.roster{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}.roster li{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 10px;border-radius:12px;background:#ffffff0a}.roster li i{width:14px;height:14px;border-radius:50%;background:var(--c);flex:none}.roster li svg{width:24px;height:24px;flex:none;color:var(--muted)}.roster li .n{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster li .t{font:14px/1 var(--display);letter-spacing:.08em;color:var(--muted)}.roster li .t.bot{color:var(--gold)}.result{left:50%;top:calc(50% + var(--bar) / 2);transform:translate(-50%,-50%);width:min(560px,calc(100% - 32px));max-height:calc(100% - var(--bar) - 20px);overflow:auto;text-align:center}.result h2{font:56px/1 var(--script);text-transform:none;letter-spacing:0;background:linear-gradient(180deg,#fff3d6,#ffb45c);-webkit-background-clip:text;background-clip:text;color:transparent}.result-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:15px}.result-table th{font:14px/1 var(--display);letter-spacing:.08em;color:var(--muted);font-weight:400;padding:6px 4px}.result-table td{padding:8px 4px;border-top:1px solid var(--line)}.result-table td:first-child{text-align:left;font-weight:600}.result-table tr.win td:first-child:after{content:" ★";color:var(--gold)}.result-table i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--c);margin-right:8px;vertical-align:-1px}.sheet{position:absolute;inset:0;z-index:40;background:#08040ab8;display:grid;place-items:center;padding:16px}.sheet-body{width:min(680px,100%);max-height:100%;overflow:auto;background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:22px 26px}.sheet-body h2{font:36px/1 var(--display);letter-spacing:.06em;margin:0 0 10px}.sheet-body h3{font:20px/1 var(--display);letter-spacing:.08em;color:var(--gold);margin:16px 0 4px}.sheet-body p{margin:0 0 6px;color:var(--paper)}.hud{position:absolute;left:0;right:0;top:calc(var(--bar) + 2px);display:grid;grid-template-columns:1fr 96px 1fr;gap:12px;padding:0 max(18px,2.4vw);z-index:10;pointer-events:none}.side{display:grid;gap:4px}.side .who{display:flex;align-items:center;gap:8px;font:22px/1 var(--display);letter-spacing:.06em;text-shadow:0 2px 0 rgba(0,0,0,.6);min-width:0}.side .who .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side .who .tag{font-size:14px;color:var(--gold)}.side .who .wpn{width:22px;height:22px;flex:none;color:var(--c);filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}.side.right .who{flex-direction:row-reverse;text-align:right}.hp{position:relative;height:16px;border-radius:3px;background:#0a050cb8;box-shadow:inset 0 0 0 1.5px #fff0dc8c,0 2px #0006;overflow:hidden;transform:skew(-18deg)}.side.right .hp{transform:skew(18deg)}.hp i{position:absolute;top:2px;bottom:2px;left:2px;border-radius:1px;transform-origin:left;width:calc(100% - 4px)}.side.right .hp i{transform-origin:right;left:auto;right:2px}.hp .fill{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 70%,#000))}.hp .lost{background:#fff3d6;opacity:.85}.sub{display:grid;grid-template-columns:1fr 1.6fr;gap:8px}.side.right .sub{direction:rtl}.gd,.mtr{position:relative;height:7px;border-radius:2px;background:#0a050cb3;box-shadow:inset 0 0 0 1px #fff0dc4d;overflow:hidden}.gd i,.mtr i{position:absolute;inset:1px;transform-origin:left}.side.right .gd i,.side.right .mtr i{transform-origin:right}.gd i{background:#cfe3f2}.gd.low i{background:#ff8a6a}.mtr i{background:linear-gradient(90deg,#ffb45c,#fff3c9)}.mtr b{position:absolute;inset:-6px 0;display:none}.mtr.full{box-shadow:inset 0 0 0 1px #fff3c9,0 0 12px #ffb45c}.mtr.full i{animation:shine .9s ease-in-out infinite alternate}@keyframes shine{0%{filter:brightness(1)}to{filter:brightness(1.5)}}.pips{display:flex;gap:6px;height:12px}.side.right .pips{justify-content:flex-end}.pips i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #fff0dcb3}.pips i.on{background:var(--gold);box-shadow:0 0 8px var(--gold)}.mid{display:grid;justify-items:center;align-content:start}.timer{font:50px/1 var(--display);letter-spacing:.02em;text-shadow:0 3px 0 rgba(0,0,0,.6);min-width:70px;text-align:center}.timer.low{color:#ff8a6a}.round-lbl{font:15px/1 var(--display);letter-spacing:.12em;color:var(--muted);text-shadow:0 1px 0 #000}.queue{position:absolute;top:calc(var(--bar) + 76px);left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10;pointer-events:none;font:15px/1 var(--display);letter-spacing:.06em}.queue span{display:flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#100914b3;border:1px solid var(--line)}.queue span i{width:9px;height:9px;border-radius:50%;background:var(--c)}.queue span b{color:var(--gold);font-weight:400}.announce{position:absolute;left:0;right:0;top:34%;text-align:center;z-index:12;pointer-events:none;opacity:0}.announce{will-change:transform,opacity}.announce span{position:relative;display:inline-block;font:clamp(56px,10vw,130px)/1.1 var(--script);background:linear-gradient(180deg,#fff7e0 15%,#ffb45c 55%,#ef5a5a);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .15em}.announce span:before{content:attr(data-text);position:absolute;left:.15em;top:0;z-index:-1;color:#1a0a10;-webkit-text-fill-color:#1a0a10;transform:translate(.03em,.05em);text-shadow:0 0 .12em rgba(0,0,0,.55);background:none}.announce small{display:block;font:clamp(18px,2.4vw,28px)/1.2 var(--display);letter-spacing:.1em;text-shadow:0 2px 0 #000;margin-top:6px}.announce.show{animation:pop 1.5s cubic-bezier(.2,.9,.2,1) forwards}.announce.hold{animation:popHold .45s cubic-bezier(.2,.9,.2,1) forwards}@keyframes pop{0%{opacity:0;transform:scale(1.6)}12%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1.06)}}@keyframes popHold{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.call{position:absolute;top:calc(var(--bar) + 120px);z-index:11;pointer-events:none;font:30px/1 var(--display);letter-spacing:.06em;text-shadow:0 2px 0 #000,0 0 12px rgba(0,0,0,.6);opacity:0}.call.c0{left:max(24px,4vw)}.call.c1{right:max(24px,4vw);text-align:right}.call b{display:block;font-size:44px;color:var(--gold)}.call.show{animation:callIn 1.1s ease-out forwards}@keyframes callIn{0%{opacity:0;transform:translateY(8px) scale(1.2)}10%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}.pause-note{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:13;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 18px;font:22px/1.2 var(--display);letter-spacing:.05em}.tags{position:absolute;inset:0;z-index:5;pointer-events:none}.tags .tg{position:absolute;transform:translate(-50%,-100%);font:15px/1 var(--display);letter-spacing:.06em;text-shadow:0 1px 0 #000,0 0 6px rgba(0,0,0,.8);white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:2px}.tags .tg:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--c);filter:drop-shadow(0 1px 0 #000)}.hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:9;font-size:13px;color:var(--muted);background:#10091499;border-radius:999px;padding:6px 14px;pointer-events:none;white-space:nowrap}.toast{position:absolute;left:50%;top:calc(var(--bar) + 12px);transform:translate(-50%);z-index:50;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 16px}.rotate{position:absolute;left:12px;right:12px;top:52%;z-index:9;text-align:center;font-size:14px;color:var(--paper);text-shadow:0 1px 0 #000}.touch{position:absolute;inset:0;z-index:8;pointer-events:none}.stick-zone{position:absolute;left:0;bottom:0;width:45%;height:70%;pointer-events:auto;touch-action:none}.stick{position:absolute;left:0;top:0;width:100%;height:100%}.knob{position:fixed;left:110px;top:calc(100% - 110px);width:112px;height:112px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,240,220,.5) 0 22%,rgba(255,240,220,.08) 23% 60%,transparent 61%);box-shadow:inset 0 0 0 2px #fff0dc4d;opacity:.55;transition:opacity .2s;pointer-events:none}.stick.active .knob{opacity:1}.pad{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:236px;height:200px;pointer-events:none}.tb{position:absolute;border-radius:50%;border:2px solid rgba(255,240,220,.42);background:#10091485;font:15px/1 var(--display);letter-spacing:.06em;pointer-events:auto;touch-action:none;display:grid;place-items:center;padding:0}.tb.on{background:#ffb45c80;border-color:#fff3d6}.tb.light{width:78px;height:78px;right:92px;bottom:6px}.tb.heavy{width:78px;height:78px;right:6px;bottom:58px}.tb.guard{width:62px;height:62px;right:176px;bottom:74px}.tb.grab{width:54px;height:54px;right:102px;bottom:104px}.tb.special{width:54px;height:54px;right:20px;bottom:148px;border-color:#ffb45c80}.tb.special.ready{background:#ffb45c6b;box-shadow:0 0 16px #ffb45c;border-color:#fff3c9}@media(max-width:760px),(max-height:520px){:root{--bar: 40px}.brand{font-size:24px}#playerName{width:84px}.home,.lobby{left:10px;right:10px;width:auto;top:calc(var(--bar) + 8px);bottom:10px;max-height:none;padding:16px}.logo{font-size:52px}.timer{font-size:38px}.hud{grid-template-columns:1fr 64px 1fr;gap:8px;padding:0 10px}.side .who{font-size:17px}.hp{height:12px}.call{top:calc(var(--bar) + 84px);font-size:22px}.call b{font-size:32px}.queue{top:calc(var(--bar) + 60px);font-size:13px}.result{padding:14px 16px}.result h2{font-size:40px}.result-table{margin:4px 0;font-size:14px}.result-table td{padding:5px 4px}.result .actions{margin:4px 0}}@media(max-height:520px)and (min-aspect-ratio:4/3){.home,.lobby{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-content:start;overflow:auto}.home .logo,.home .tagline{grid-column:1}.home .label,.home .weapons{grid-column:2}.home .actions{grid-column:1;grid-row:3}.home .options{grid-column:2}.home .link{grid-column:1}.lobby{align-items:start}.lobby h2{grid-column:1;grid-row:1;font-size:34px;margin:0 0 4px}.lobby .invite{grid-column:2;grid-row:1}.lobby .note{grid-column:1;grid-row:2;margin:0 0 4px}.lobby .roster{grid-column:1;grid-row:3 / span 2;margin:4px 0}.lobby .options{grid-column:2;grid-row:2 / span 2;grid-template-columns:1fr 1fr 1fr;margin:8px 0 4px}.lobby .actions{grid-column:2;grid-row:4;margin:6px 0 0}.logo{font-size:46px}.identity .weapon-button{display:none}}@media(max-aspect-ratio:1/1){.home,.lobby{bottom:auto;max-height:calc(100% - var(--bar) - 18px);overflow:auto}.result{top:auto;bottom:14px;transform:translate(-50%);max-height:calc(100% - var(--bar) - 28px)}html.with-result .net-badge{display:none!important}}@media(pointer:coarse){:root{--bar: 50px !important}.identity{height:46px;padding:2px 3px}.dot-button,.weapon-button{width:40px;height:40px}#playerName{height:40px}}@media(max-width:520px){.identity #playerName,.identity .weapon-button{display:none}.identity{padding:2px}.pop.color-picker{right:auto;left:0}}.color-picker .pop-name{grid-column:1 / -1;min-height:44px;border-radius:10px;border:1px solid var(--line);background:#00000059;padding:0 10px;color:var(--paper);font-weight:600;width:100%}.color-picker .pop-weapons{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.color-picker .pop-weapons button{width:auto;height:44px;border-radius:10px;background:#ffffff0d;border:1px solid transparent;display:grid;place-items:center}.color-picker .pop-weapons button svg{width:26px;height:26px;color:var(--paper)}.color-picker .pop-weapons button[aria-pressed=true]{border-color:var(--gold)}html.with-result .hud,html.with-result .queue,html.with-result .call,html.with-result #pauseNote{display:none!important}html.portrait .hud{top:calc(var(--bar) + 4px)}html.portrait .stick-zone{width:46%;height:46%}html.portrait .pad{width:200px;height:190px}html.portrait .tb.light{width:74px;height:74px;right:104px;bottom:4px}html.portrait .tb.heavy{width:74px;height:74px;right:8px;bottom:30px}html.portrait .tb.guard{width:60px;height:60px;right:136px;bottom:96px}html.portrait .tb.grab{width:54px;height:54px;right:70px;bottom:118px}html.portrait .tb.special{width:54px;height:54px;right:6px;bottom:124px}html.playing .identity,html.playing .series{display:none}@media(prefers-reduced-motion:reduce){.announce.show,.call.show{animation-duration:.01s;animation-delay:0s;opacity:1}}@media(max-height:500px)and (orientation:landscape){html.playing{--bar: 44px !important}.hud{top:0;height:var(--bar);left:var(--hud-side, 200px);right:var(--hud-side, 200px);padding:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}.side{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who pips" "hp hp" "sub sub";gap:2px 6px;align-content:center}.side.right{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pips who" "hp hp" "sub sub"}.side .who{grid-area:who;font-size:14px;gap:5px;text-shadow:0 1px 0 rgba(0,0,0,.7)}.side .who .tag{font-size:11px}.side .who .wpn{width:14px;height:14px}.hp{grid-area:hp;height:9px;box-shadow:inset 0 0 0 1px #fff0dc8c,0 1px #0006}.hp i{top:1.5px;bottom:1.5px}.sub{grid-area:sub;gap:4px}.gd,.mtr{height:4px;border-radius:1px}.gd i,.mtr i{inset:.5px}.pips{grid-area:pips;align-self:center;height:8px;gap:4px}.pips i{width:8px;height:8px;box-shadow:inset 0 0 0 1px #fff0dcb3}.mid{align-content:center}.timer{font-size:26px;min-width:38px;text-shadow:0 2px 0 rgba(0,0,0,.6)}.round-lbl{font-size:9px;letter-spacing:.1em}.queue{top:calc(var(--bar) + 4px);font-size:12px}.queue span{padding:3px 8px}.call{top:calc(var(--bar) + 14px)}}