@font-face{font-family:Saira Stencil One;font-style:normal;font-display:swap;font-weight:400;src:url(/hullivo/assets/saira-stencil-one-vietnamese-400-normal-CgSoN2dm.woff2) format("woff2"),url(/hullivo/assets/saira-stencil-one-vietnamese-400-normal-C-B0jM97.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:Saira Stencil One;font-style:normal;font-display:swap;font-weight:400;src:url(/hullivo/assets/saira-stencil-one-latin-ext-400-normal-DMIlmdX4.woff2) format("woff2"),url(/hullivo/assets/saira-stencil-one-latin-ext-400-normal-CR3hwvrm.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:Saira Stencil One;font-style:normal;font-display:swap;font-weight:400;src:url(/hullivo/assets/saira-stencil-one-latin-400-normal-CaP09Fmm.woff2) format("woff2"),url(/hullivo/assets/saira-stencil-one-latin-400-normal-BhLFNLer.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:Sofia Sans Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Sofia Sans Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/hullivo/assets/sofia-sans-cyrillic-wght-normal-waSyF_sL.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Sofia Sans Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/hullivo/assets/sofia-sans-greek-wght-normal-BVXOQ11m.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Sofia Sans Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/hullivo/assets/sofia-sans-latin-ext-wght-normal-WAXdtJoO.woff2) format("woff2-variations");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:Sofia Sans Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/hullivo/assets/sofia-sans-latin-wght-normal-B9fg0t1U.woff2) format("woff2-variations");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: #061c27;--deep: #04141d;--glass: rgba(5, 24, 34, .8);--glass-hi: rgba(9, 36, 48, .9);--line: rgba(233, 189, 110, .32);--brass: #ecc274;--brass-hi: #ffd998;--cream: #f4ecdb;--muted: #aec0c4;--signal: #e8553d;--ok: #8be3b1;--sonar: #8dffcf;--bad: #ff8a78;--display: "Saira Stencil One", "Sofia Sans Variable", system-ui, sans-serif;--ui: "Sofia Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--bar: 54px;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--cream);font:16px/1.4 var(--ui);-webkit-font-smoothing:antialiased}body{overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[hidden]{display:none!important}.app{position:fixed;inset:0;display:grid;grid-template-rows:var(--bar) 1fr}.bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));background:linear-gradient(180deg,#031017fa,#05161ff0);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:8px;color:var(--cream);text-decoration:none;font:22px/1 var(--display);letter-spacing:.04em}.brand svg{width:34px;height:34px}.b-hull{fill:#e7e2d4}.b-band{fill:#223142}.b-sea{fill:none;stroke:#8fd3df;stroke-width:2.2;stroke-linecap:round}.score{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.side{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 10px 4px 6px;border-radius:999px;border:1px solid transparent;transition:background .25s,border-color .25s}.side[data-seat="1"]{flex-direction:row-reverse;padding:4px 6px 4px 10px}.side.turn{background:#ecc2741f;border-color:var(--line)}.flag{flex:none;width:26px;height:20px;border-radius:3px;border:0;padding:0;position:relative;overflow:hidden;box-shadow:0 1px #0006,inset 0 0 0 1px #ffffff40}.flag:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 42%,rgba(255,255,255,.85) 42% 58%,transparent 58%)}.side[data-seat="1"] .flag:after{background:linear-gradient(90deg,transparent 0 34%,rgba(255,255,255,.85) 34% 66%,transparent 66%)}.flag:disabled{cursor:default}.who{display:flex;flex-direction:column;min-width:0;line-height:1.1}.who .name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:18ch;background:none;border:0;padding:0;text-align:inherit}.who .name[contenteditable=true]{outline:1px dashed var(--line);border-radius:4px;padding:0 3px}.who .tag{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.side[data-seat="1"] .who{text-align:right}.pts{font:800 26px/1 var(--ui);color:var(--brass);min-width:1.1ch;text-align:center;font-variant-numeric:tabular-nums}.mid{font:700 13px/1 var(--ui);color:var(--muted);letter-spacing:.08em}.tools{display:flex;gap:6px}.icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:#ffffff08;font-weight:800}.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon:hover{background:#ecc2741f}.icon[aria-pressed=false]{color:var(--muted)}.stage{position:relative;display:grid;grid-template-columns:1fr;min-height:0}.arena{position:relative;overflow:hidden;min-width:0;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none}#sea{position:absolute;inset:0;display:block}.cap{position:absolute;display:flex;align-items:center;gap:8px;font-size:14px;pointer-events:none;white-space:nowrap;transition:opacity .3s}.cap-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;min-width:0;display:flex;align-items:center;gap:6px}.cap-name i{flex:none;width:10px;height:10px;border-radius:2px;transform:rotate(45deg);box-shadow:0 0 0 1px #ffffff59}.cap-name em{font-style:normal;font-weight:600;color:var(--muted)}.cap-state{color:var(--muted);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.cap-state.ready{color:var(--ok)}.cap-state.away{color:var(--bad)}.fleet{margin-left:auto;display:flex;align-items:center;gap:5px}.fleet i{display:block;height:7px;border-radius:4px 9px 9px 4px;background:var(--cream);opacity:.85;position:relative}.fleet i.sunk{background:transparent;box-shadow:inset 0 0 0 1px #ff8a78cc;opacity:.7}.fleet i.sunk:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1.5px;background:var(--bad);transform:rotate(-12deg)}.bot-tag{font:10px/1 var(--ui);font-weight:800;letter-spacing:.08em;color:var(--ink);background:var(--muted);border-radius:4px;padding:3px 4px 2px}.status{position:absolute;left:50%;top:12px;transform:translate(-50%);display:flex;align-items:center;gap:9px;max-width:calc(100% - 24px);padding:8px 16px 8px 10px;border-radius:999px;background:var(--glass);border:1px solid var(--line);box-shadow:0 6px 24px #00000059;font-size:15px;font-weight:600;z-index:2;backdrop-filter:blur(6px)}.status #statusText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 3px #ffffff0f}.status.mine .status-dot{background:var(--brass-hi);box-shadow:0 0 10px var(--brass);animation:beat 1.4s ease-in-out infinite}@keyframes beat{50%{transform:scale(1.35)}}.clock{flex:none;width:28px;height:28px;transform:rotate(-90deg)}.clock-bg{fill:none;stroke:#ffffff1f;stroke-width:4}.clock-arc{fill:none;stroke:var(--brass);stroke-width:4;stroke-linecap:round;stroke-dasharray:94.25;transition:stroke .3s}.clock.urgent .clock-arc{stroke:var(--bad)}.shells{display:flex;gap:3px}.shells i{width:7px;height:14px;border-radius:4px 4px 2px 2px;background:linear-gradient(#ffe0a6,#c98a2f)}.shells i.used{background:#ffffff26}.actions{position:absolute;left:50%;bottom:12px;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:10px;z-index:2}.act-group{display:flex;gap:8px;padding:7px;border-radius:16px;background:var(--glass);border:1px solid var(--line);box-shadow:0 6px 24px #00000059;backdrop-filter:blur(6px)}.arena[data-layout=land] .actions{left:auto;right:10px;right:max(10px,env(safe-area-inset-right));bottom:8px;top:auto;transform:none;width:132px}.arena[data-layout=land] .act-group{flex-direction:column;width:100%}.arena[data-layout=land] .act-group button{width:100%}.arena[data-layout=land] .status{left:auto;right:10px;right:max(10px,env(safe-area-inset-right));top:8px;transform:none;width:132px;max-width:none;border-radius:14px;padding:7px 10px;font-size:13px;line-height:1.25;flex-wrap:wrap;gap:6px}.arena[data-layout=land] .status #statusText{white-space:normal;flex:1 1 80px}.arena[data-layout=land].net .status{top:56px}.primary,.ghost,.special{min-height:40px;padding:8px 16px;border-radius:11px;font-weight:750;letter-spacing:.02em;border:1px solid transparent;transition:transform .12s,background .2s,opacity .2s,box-shadow .2s}.primary{background:linear-gradient(180deg,#ffd98f,#e3a447);color:#2a1906;border-color:#f7cf86;box-shadow:0 2px #9b6420,0 6px 18px #ecaa5040}.primary:hover{background:linear-gradient(180deg,#ffe2a6,#eab25a)}.primary:active{transform:translateY(1px);box-shadow:0 1px #9b6420}.primary:disabled{opacity:.45;cursor:default;box-shadow:none}.primary.big{min-height:52px;font-size:18px;padding:10px 26px}.primary.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 2px #9b6420,0 0 0 6px #ffd68c33,0 6px 24px #ecaa5080}}.ghost{background:#ffffff0a;border-color:#f4ecdb47;color:var(--cream)}.ghost:hover{background:#ffffff1a}.ghost:disabled{opacity:.4;cursor:default}.ghost.small,.primary.small{min-height:34px;padding:5px 12px;font-size:14px}.special{display:flex;align-items:center;gap:7px;background:#8dffcf0f;border-color:#8dffcf4d;color:#dffff1;padding:7px 12px}.special svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.special[aria-pressed=true]{background:#8dffcf38;border-color:var(--sonar);box-shadow:0 0 18px #8dffcf4d}.special:disabled{opacity:.35;cursor:default;text-decoration:line-through}.banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:3;animation:banner 2.2s ease forwards}.banner b{display:block;font:clamp(30px,6vw,64px)/1 var(--display);color:var(--brass-hi);letter-spacing:.04em;text-shadow:0 3px 0 #6b3f10,0 8px 30px rgba(0,0,0,.6);white-space:nowrap}.banner span{display:block;margin-top:8px;font-size:clamp(15px,2vw,20px);font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.8)}@keyframes banner{0%{opacity:0;transform:translate(-50%,-40%) scale(1.15)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-56%)}}.result,.welcome,.handoff{position:absolute;inset:0;display:grid;place-items:center;z-index:4;padding:16px}.result{background:radial-gradient(ellipse at center,#030e1459,#030e14b3);animation:fade .5s ease}@keyframes fade{0%{opacity:0}}.result-card,.welcome-card,.handoff-card{width:min(520px,100%);max-height:100%;overflow:auto;padding:24px 26px;border-radius:20px;background:linear-gradient(180deg,#0a2834f2,#051822f5);border:1px solid var(--line);box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0f;text-align:center}.result-card{animation:rise .6s cubic-bezier(.2,.9,.3,1.2)}@keyframes rise{0%{transform:translateY(24px) scale(.96);opacity:0}}.result-kicker,.kicker{margin:0;font:13px/1 var(--display);letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.result-card h2{margin:8px 0 14px;font:clamp(34px,6vw,54px)/1 var(--display);color:var(--brass-hi);text-shadow:0 3px 0 #5b340c}.result-card.lost h2{color:#cfd9dc;text-shadow:0 3px 0 #1d2f36}.result-table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 10px}.result-table th{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:6px;text-align:right}.result-table td{padding:8px 6px;border-top:1px solid rgba(255,255,255,.08);text-align:right;font-variant-numeric:tabular-nums}.result-table th:first-child,.result-table td:first-child{text-align:left}.result-table td:first-child{font-weight:700}.result-table tr.win td{color:var(--brass-hi)}.result-table .crown{margin-left:6px;font:12px var(--display);color:var(--ink);background:var(--brass);border-radius:4px;padding:2px 5px;vertical-align:2px}.result-note{margin:4px 0 16px;color:var(--muted);font-size:14px}.result-actions,.welcome-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.welcome{background:linear-gradient(90deg,#030e14b8,#030e1440 60%,#030e140d);place-items:center start;padding-left:max(16px,6vw)}.welcome-card{text-align:left;width:min(440px,100%);background:linear-gradient(180deg,#08222ee6,#04141ded)}.wordmark{margin:0;font:clamp(46px,8vw,72px)/.95 var(--display);color:var(--brass-hi);letter-spacing:.03em;text-shadow:0 4px 0 #6b3f10,0 12px 30px rgba(0,0,0,.5)}.tagline{margin:8px 0 6px;font-size:20px;font-weight:800}.welcome-text{margin:0 0 16px;color:var(--muted);font-size:15px}.welcome-card .primary.big{width:100%;margin:10px 0 8px}.welcome-row button{flex:1}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips button{flex:1;min-height:36px;padding:6px 10px;border-radius:10px;border:1px solid rgba(244,236,219,.22);background:#ffffff08;font-size:14px;font-weight:700;color:var(--muted)}.chips button[aria-pressed=true]{color:var(--ink);background:var(--cream);border-color:var(--cream)}.chips.small{margin-bottom:14px}.chips.small button{min-height:30px;font-size:13px}.handoff{background:radial-gradient(ellipse at 70% 0%,#2a3d3c,#08202b 45%,#031018)}.handoff-card{background:transparent;border:0;box-shadow:none}.handoff-card h2{margin:10px 0 22px;font:clamp(26px,5vw,40px)/1.15 var(--display);color:var(--brass-hi)}.panel{position:absolute;top:0;right:0;bottom:0;width:min(340px,92vw);display:flex;flex-direction:column;background:linear-gradient(180deg,#051822f7,#031017fa);border-left:1px solid var(--line);z-index:6;transform:translate(105%);transition:transform .28s ease;box-shadow:-20px 0 50px #0006}.panel.open{transform:none}@media(min-width:1180px){.stage{grid-template-columns:1fr 300px}.app.demo .stage{grid-template-columns:1fr}.app.demo .panel{display:none}.panel{position:relative;transform:none;width:auto;box-shadow:none}#menuButton,.panel .close{display:none}}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}.panel-head h2{margin:0;font:22px/1 var(--display);color:var(--brass-hi);letter-spacing:.04em}.panel-body{flex:1;overflow:auto;padding:6px 16px 16px;display:flex;flex-direction:column;gap:18px}.group{display:flex;flex-direction:column;gap:8px}.label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.seg{display:grid;gap:4px;padding:4px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.seg.three{grid-template-columns:repeat(3,1fr)}.seg.four{grid-template-columns:repeat(4,1fr)}.seg button{min-height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;font-size:14px}.seg button[aria-pressed=true]{background:var(--cream);color:var(--ink)}.seg button:disabled{opacity:.4;cursor:default}.rules-list{display:flex;flex-direction:column;gap:6px}.rules-list button{text-align:left;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;display:flex;flex-direction:column;gap:2px}.rules-list button b{font-size:15px}.rules-list button small{color:var(--muted);font-size:13px}.rules-list button[aria-pressed=true]{border-color:var(--brass);background:#ecc2741f;box-shadow:inset 3px 0 0 var(--brass)}.rules-list button:disabled{opacity:.5;cursor:default}.row{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.note{margin:0;font-size:13px;color:var(--muted)}.invite{display:flex;gap:6px}.invite input{flex:1;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#00000040;color:var(--cream);font:13px var(--ui)}.panel-links{display:flex;gap:16px}.link{border:0;background:none;padding:4px 0;color:var(--brass);font-weight:700;text-decoration:underline;text-underline-offset:3px}.link.danger{color:var(--bad)}.panel-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid rgba(255,255,255,.07);font-size:13px}.conn{color:var(--muted)}.conn:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-right:6px}.conn.online:before{background:var(--ok)}.conn.trouble:before{background:var(--bad)}.picker{position:fixed;z-index:20;padding:8px;border-radius:12px;background:var(--glass-hi);border:1px solid var(--line);box-shadow:0 10px 30px #00000080}.swatches{display:grid;grid-template-columns:repeat(6,32px);gap:6px}.swatches button{width:32px;height:32px;border-radius:8px;border:2px solid transparent}.swatches button[aria-pressed=true]{border-color:var(--cream)}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:30;padding:10px 16px;border-radius:12px;background:var(--glass-hi);border:1px solid var(--line);font-weight:650;box-shadow:0 10px 30px #0006;max-width:calc(100vw - 32px)}.toast.bad{border-color:#ff8a7899}dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 40px);border:1px solid var(--line);border-radius:18px;padding:0 0 18px;background:linear-gradient(180deg,#0a2834,#05161f);color:var(--cream)}dialog::backdrop{background:#020a0f99}.help-body{padding:4px 20px;font-size:15px}.help-body p{margin:0 0 10px}.keys{padding:0 20px;color:var(--muted);font-size:13px}dialog .primary{margin:0 20px}@media(max-width:900px){.arena.net:not([data-layout=land]) .status{left:10px;transform:none;max-width:calc(100% - 112px)}}@media(max-width:480px){.result-card{padding:18px 14px}.result-table{font-size:14px}.result-table th{font-size:10.5px;letter-spacing:.02em;padding:4px 3px}.result-table td{padding:7px 3px}}@media(max-width:700px){:root{--bar: 50px}.brand span,.who .tag{display:none}.who{min-width:4.5ch}.who .name{font-size:14px;max-width:8ch}.pts{font-size:22px}.side{gap:5px;padding:3px 5px 3px 3px}.side[data-seat="1"]{padding:3px 3px 3px 5px}.score{gap:4px}.mid,#helpButton{display:none}.flag{width:22px;height:17px}.tools{gap:4px}.cap{font-size:13px}.status{font-size:14px;top:8px;padding:6px 12px 6px 8px}.welcome{place-items:center;padding:12px;background:#030e148c}.actions{bottom:10px}.primary,.ghost,.special{padding:8px 12px}}@media(max-width:380px){.who .name{max-width:6ch}.special b{display:none}.brand svg{width:28px}}@media(max-height:520px)and (orientation:landscape){:root{--bar: 44px}.icon{width:34px;height:34px}.brand svg{width:28px;height:28px}.who .tag{display:none}.welcome{place-items:center;padding:8px}.welcome-card{padding:14px 18px;width:min(560px,100%)}.wordmark{font-size:40px}.welcome-text{display:none}.tagline{margin:4px 0 8px;font-size:17px}.result-card{padding:14px 18px}.result-card h2{margin:4px 0 8px;font-size:34px}.result-table td{padding:4px 6px}}@media(pointer:coarse){.icon{width:44px;height:44px}.bar .icon{width:42px;height:42px}.primary,.ghost,.special,.seg button,.chips button{min-height:44px}}@media(pointer:coarse)and (min-width:701px){.flag{width:30px;height:24px}}@media(pointer:coarse)and (max-height:520px)and (orientation:landscape){.icon{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.banner,.result-card,.result,.status.mine .status-dot,.primary.pulse{animation:none}}