:root{font-family:var(--sfoth-font-body);color:#fff;--panel:#191b1fc7;--line:#ffffff2e;--game-bottom-inset:max(0px,100dvh - var(--game-visible-height,100dvh))}*{box-sizing:border-box}body{background:#28272a;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:#494c53;border-radius:4px;padding:8px 16px}button:hover:not(:disabled){background:#646872}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #80cfff}[hidden]{display:none!important}#viewport{width:100vw;height:var(--game-visible-height,100dvh);touch-action:none;outline:none;display:block}#topbar{z-index:5;background:#141619db;align-items:center;gap:6px;height:40px;padding:0 10px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 1px #ffffff18}#topbar button{background:0 0;border:0;height:34px;padding:3px 10px;font-size:20px}#topbar .brand{margin-left:6px;font-size:18px;font-weight:700}#topbar .edition{color:#bec1c7;white-space:nowrap;margin-left:auto;font-size:13px}#join-screen{z-index:4;background:linear-gradient(#0000 30%,#171c2899);place-items:safe center;padding:18px 0;display:grid;position:fixed;inset:40px 0 0;overflow-y:auto}.join-card{text-align:center;background:#1b1d23ed;border:1px solid #ffffff28;border-radius:6px;width:min(420px,100vw - 24px);padding:24px 28px;box-shadow:0 15px 65px #0007}.eyebrow{letter-spacing:2px;color:#cdd2dc;font-size:12px}.join-card h1{margin:12px 0 8px;font-family:Balthazar,Source Sans,serif;font-size:38px;font-weight:400;line-height:1.04}.join-card .subtitle{color:#d4d6db;margin:0 0 16px;font-size:17px;line-height:1.4}#identity{overflow-wrap:anywhere;color:#e1e7f0;margin:0 0 12px;font-size:13px;line-height:1.4}#join{background:#328748;border:1px solid #72b37f;width:100%;margin:12px 0;font-size:21px;font-weight:700}#status{color:#c8cbd4;min-height:20px;margin:8px 0;font-size:14px}.join-card footer{border-top:1px solid var(--line);color:#b9bdc8;margin-top:12px;padding-top:12px;font-size:12px}#chat-hud{z-index:3;pointer-events:none;align-items:flex-start;gap:7px;display:flex;position:fixed;top:48px;left:8px}#chat-panel{background:var(--panel);pointer-events:auto;border-radius:4px;width:min(420px,100vw - 16px);overflow:hidden}#chat-log{overflow-wrap:anywhere;scrollbar-width:thin;text-shadow:0 1px 2px #000;height:200px;padding:9px 11px;font-size:16px;line-height:1.3;overflow-y:auto}#chat-log>div{margin:2px 0}.system-message{color:#d4d7df;font-size:14px}#chat-form{gap:4px;margin:6px;display:flex}#chat-input{color:#222;background:#f4f4f5;border:1px solid #9b9da4;border-radius:2px;flex:1;min-width:0;padding:7px 9px;font-size:15px}#chat-send{padding:4px 10px}#player-list{z-index:3;background:var(--panel);border-radius:4px;width:340px;font-size:16px;position:fixed;top:48px;right:8px;overflow:hidden}.players-title{border-bottom:1px solid var(--line);padding:6px 10px;font-weight:700}#player-count{float:right;color:#cdd0d6;font-size:14px;font-weight:400}.player-columns,.player-row{grid-template-columns:1fr 44px 50px;align-items:center;gap:5px;padding:4px 8px;display:grid}.player-columns{color:#bfc5d0;background:#17191e55;font-size:12px}.player-row{border-top:1px solid #ffffff0b}.player-row.own{background:#ffffff14}.player-row button{text-align:left;text-overflow:ellipsis;white-space:nowrap;opacity:1;background:0 0;border:0;padding:2px;overflow:hidden}.player-row span,.player-columns span:not(:first-child){text-align:center}#kill-feed{z-index:6;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:3px;width:min(420px,100vw - 24px);display:flex;position:fixed;top:5px;left:50%;transform:translate(-50%)}.kill-line{white-space:nowrap;text-shadow:0 1px 2px #000;background:linear-gradient(#262b32c9,#171c23d1);border:1px solid #ffffff20;border-top-color:#ffffff35;border-radius:4px;align-items:center;gap:6px;width:max-content;min-width:0;max-width:100%;min-height:30px;padding:3px 8px;font-size:15px;line-height:1.1;transition:opacity .45s;animation:.18s cubic-bezier(.2,.7,.3,1) feed-enter;display:flex;box-shadow:inset 0 1px #ffffff10,0 1px 4px #0005}.kill-line.feed-expiring{opacity:0}.kill-line .killer{color:#e9d9bd;justify-content:flex-end;font-weight:700}.kill-line .victim{color:#d8e0e8;justify-content:flex-start;font-weight:600}.kill-line :is(.killer,.victim){white-space:nowrap;flex:0 auto;align-items:center;gap:4px;min-width:0;display:flex}.kill-line .feed-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.kill-line .weapon{color:#c8d0da;flex:0 0 112px;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:12px;font-weight:600;display:flex}.kill-line.uncredited .weapon{flex-basis:auto}.kill-line .weapon-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.kill-line .weapon img{object-fit:contain;filter:drop-shadow(0 1px 2px #0006);flex:0 0 22px;width:22px;height:22px}.kill-line .bot-badge{flex:0 0 18px;width:18px;height:18px}.feed-achievement{text-align:left;white-space:normal;background:linear-gradient(#292720c9,#1d1c20d1);border-color:#f4d16e88 #d8bd704d #d8bd704d;align-items:center;gap:7px;display:flex}.feed-achievement-mark{color:#f4d16e;flex:0 0 17px;font-size:17px;line-height:1}.feed-achievement-copy{overflow-wrap:anywhere;color:#f4d16e;min-width:0;font-size:14px;font-weight:600}.feed-achievement-secret .feed-achievement-copy{font-weight:700}.feed-achievement-top-secret{background:linear-gradient(#373021e8,#27211fe0);border-color:#f8df91a6;box-shadow:inset 0 1px #ffedac35,0 1px 7px #0008}.feed-achievement-top-secret .feed-achievement-mark{color:#ffe9a7;font-size:19px}.feed-achievement-top-secret .feed-achievement-copy{color:#ffe9a7;-webkit-text-stroke:.3px currentColor;font-size:15px;font-weight:700}@keyframes feed-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.kill-line{transition:none;animation:none}}@media (max-width:1220px){#kill-feed{width:min(390px,100vw - 24px);top:48px}}@media (max-width:520px){.kill-line{font-size:14px}.kill-line:not(.uncredited) .weapon{flex-basis:100px}.kill-line .weapon{font-size:11px}.kill-line .weapon img{flex-basis:18px;width:18px;height:18px}}#health{text-shadow:0 1px 2px #000;z-index:2;width:175px;font-size:15px;position:fixed;bottom:16px;right:14px}#health-label{justify-content:space-between;display:flex}.health-track{background:#15171cc7;border:1px solid #fff6;border-radius:2px;height:10px;margin-top:4px;overflow:hidden}#health-fill{background:#65c74a;width:100%;height:100%;transition:width .12s}#protection{color:#abd5ff;text-align:right;margin-bottom:4px;font-size:12px}.hotbar{z-index:3;scrollbar-width:thin;gap:5px;max-width:calc(100vw - 410px);padding:4px;display:flex;position:fixed;bottom:14px;left:50%;overflow-x:auto;transform:translate(-50%)}.hotbar button{background:#16191fb8;border:1px solid #ffffff6b;border-radius:5px;flex:0 0 66px;justify-content:center;align-items:center;height:68px;padding:7px 4px 3px;display:flex;position:relative}.hotbar button[aria-pressed=true]{background:#2c5f8399;border:3px solid #62b9ff;padding:5px 2px 1px}.hotbar img{object-fit:contain;filter:drop-shadow(0 1px 2px #0006);width:54px;height:54px}.slot-key{text-shadow:0 1px 2px #000;font-size:13px;position:absolute;top:1px;left:5px}.slot-name{overflow-wrap:anywhere;font-size:12px;line-height:1.1}.hotbar img+.slot-name{display:none}.hotbar button:hover:after{content:attr(title);white-space:nowrap;background:#202329;padding:4px 8px;font-size:14px;position:fixed;bottom:78px}#drop{background:var(--panel);z-index:3;padding:5px 10px;font-size:13px;position:fixed;bottom:16px;left:12px}#control-hint{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;white-space:nowrap;background:#17191b55;border-radius:3px;padding:3px 10px;font-size:13px;position:fixed;bottom:97px;left:50%;transform:translate(-50%)}#death{text-align:center;text-shadow:0 1px 2px #000;z-index:3;pointer-events:none;background:linear-gradient(145deg,#222732ed,#10141ded);border:1px solid #d9d8c489;border-radius:6px;flex-direction:column;gap:7px;width:min(370px,100vw - 30px);padding:20px 26px;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 36px #0009}#death[hidden]{display:none}.death-title{color:#f8edd0;font-family:Balthazar,Source Sans,serif;font-size:30px}.death-detail{overflow-wrap:anywhere;font-size:18px}.death-place{letter-spacing:1px;text-transform:uppercase;color:#c4cbd4;font-size:12px}.death-countdown{color:#c9d6e1;font-variant-numeric:tabular-nums;border-top:1px solid #ffffff38;margin-top:7px;padding-top:9px;font-size:14px}body:after{content:"";pointer-events:none;transition:box-shadow .15s;position:fixed;inset:0}body.hurt:after{box-shadow:inset 0 0 120px 30px #e3202070}#nametags{pointer-events:none;position:fixed;inset:0;overflow:hidden}.nameplate{text-align:center;white-space:nowrap;width:200px;height:100px;position:absolute;transform:translate(-50%,-50%)}.overhead-panel{font-family:Balthazar,Source Sans,serif;position:absolute;inset:0}.overhead-name{color:#000;white-space:normal;overflow-wrap:anywhere;justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex;position:absolute;inset:0 0 60%;overflow:hidden}.overhead-bars{background:0 0;position:absolute;inset:40% 0}.overhead-health{background-color:#0f0;border:1px solid #1b2a35;height:25%;position:absolute;top:25%;left:0}.overhead-status{justify-content:center;gap:0;display:flex;position:absolute;inset:60% 0 0}.overhead-status img{width:auto;height:100%}.chat-bubble{color:#24262b;text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none;background:#fdfdfd;border:1px solid #d4d6da;border-radius:10px;width:max-content;min-width:44px;max-width:min(320px,100vw - 24px);padding:9px 13px;font-family:Source Sans,Arial,sans-serif;font-size:16px;line-height:1.3;position:absolute;box-shadow:0 2px 8px #0004}.chat-bubble:after{content:"";left:var(--bubble-tail,50%);border:7px solid #0000;border-top-color:#fdfdfd;position:absolute;top:100%;transform:translate(-50%)}.chat-bubble[data-side=below]:after{border-top-color:#0000;border-bottom-color:#fdfdfd;top:auto;bottom:100%}.chat-bubble[data-speaker=bot]{color:#392718;background:#fff1cf;border:2px solid #a66a31;border-radius:6px;box-shadow:0 2px 10px #0006,inset 0 0 0 1px #ffe5a5}.chat-bubble[data-speaker=bot]:after{border-top-color:#fff1cf}.chat-bubble[data-speaker=bot][data-side=below]:after{border-top-color:#0000;border-bottom-color:#fff1cf}.chat-bubble[data-speaker=herobrine]{color:#292332;background:#eeeaf4;border:2px solid #76648d;border-radius:5px;box-shadow:0 2px 12px #0008,inset 0 0 0 1px #d8cfe7}.chat-bubble[data-speaker=herobrine]:after{border-top-color:#eeeaf4}.chat-bubble[data-speaker=herobrine][data-side=below]:after{border-top-color:#0000;border-bottom-color:#eeeaf4}dialog{color:#fff;background:#272a31f5;border:1px solid #ffffff40;border-radius:7px;width:min(570px,100vw - 24px);max-height:90dvh;padding:24px;font-size:17px;overflow:auto}dialog::backdrop{background:#10131899}dialog h2{margin:0 0 18px;font-size:26px}dialog h3{margin:20px 0 8px;font-size:18px}dialog p{color:#cdd1da;font-size:15px;line-height:1.5}dialog label{justify-content:space-between;align-items:center;margin:14px 0;display:flex}dialog input[type=range]{accent-color:#71b6e9;width:55%}.menu-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.menu-actions button{white-space:nowrap;flex:1}#resume{background:#36844c}#reset-confirm{background:#13161c;border:1px solid #fff2;margin-top:15px;padding:12px}#reset-confirm p{margin-top:0}#development{z-index:6;background:#181b22ed;width:370px;max-height:40vh;padding:10px;font-size:12px;position:fixed;top:50%;left:8px;overflow:auto}#development button{font-size:12px}#development output{white-space:pre-wrap}#roster{display:none}#guest-exit-invitation{text-align:center;background:linear-gradient(160deg,#303b49,#1b212a);border-color:#7d9bbb;width:min(440px,100vw - 24px);box-shadow:0 18px 65px #000a}#guest-exit-invitation h2{margin:4px 0 12px;font-family:Balthazar,Source Sans,serif;font-size:31px;font-weight:400}.guest-exit-kicker{letter-spacing:2px;font-weight:700;color:#a8d4f4!important;margin:0!important;font-size:11px!important}.guest-exit-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:20px;display:flex}.guest-exit-actions a,.guest-exit-actions button{text-align:center;border-radius:4px;padding:10px 12px;font-size:15px;text-decoration:none;display:block}.guest-exit-actions a{color:#bdf}.guest-exit-actions .guest-exit-create{color:#fff;background:#328748;border:1px solid #72b37f;font-size:17px;font-weight:700}.guest-exit-actions .guest-exit-create:hover{background:#3c9b55}.guest-exit-actions button{background:0 0;border:1px solid #ffffff40}.guest-exit-actions :focus-visible{outline-offset:2px;outline:2px solid #80cfff}.player-row button{align-items:center;gap:5px;min-width:0;display:flex}.player-row .player-name{text-overflow:ellipsis;text-align:left;min-width:0;overflow:hidden}.bot-badge{flex:0 0 24px;width:24px;height:20px;display:inline-flex}.bot-badge svg{width:100%;height:100%}.bot-level-1{color:#bbc3c8}.bot-level-2{color:#80d69a}.bot-level-3{color:#74c8ff}.bot-level-4{color:#d5a0ff}.bot-level-5{color:#ff8f75}#touch-controls,body:not(.playing) :is(#health,#hotbar,#drop,#control-hint,#player-list,#chat-hud,#kill-feed){display:none}#touch-controls button{touch-action:none;-webkit-user-select:none;user-select:none;background:#20242b88;border:2px solid #ffffff75;border-radius:50%;width:56px;height:56px;padding:0;font-weight:700}@media (pointer:coarse){body.playing #touch-controls{bottom:calc(78px + env(safe-area-inset-bottom) + var(--game-bottom-inset));pointer-events:none;z-index:3;display:block;position:fixed;left:18px;right:18px}#touch-controls button{pointer-events:auto}#touch-movement{touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#20242b99;border:2px solid #ffffff90;border-radius:50%;width:108px;height:108px;position:relative;box-shadow:inset 0 0 0 1px #0008}#touch-movement:before,#touch-movement:after{content:"";pointer-events:none;background:#ffffff48;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch-movement:before{width:1px;height:85%}#touch-movement:after{width:85%;height:1px}.touch-stick{width:44px;height:44px;transform:translate(calc(-50% + var(--stick-x,0px)),calc(-50% + var(--stick-y,0px)));pointer-events:none;background:#78c5e1bd;border:2px solid #fff9;border-radius:50%;position:absolute;top:50%;left:50%}#touch-jump{position:absolute;bottom:2px;right:0;width:72px!important;height:72px!important}#touch-attack{position:absolute;bottom:76px;right:30px}#control-hint{display:none}#health{top:calc(var(--site-header-height,44px) + 46px);bottom:auto}#drop{bottom:72px;left:50%;transform:translate(-50%)}#touch-chat{font-size:15px;position:absolute;bottom:152px;right:0;background:#243648e6!important;border-color:#9ac8e8!important;border-radius:8px!important;width:72px!important;height:44px!important}}@media (pointer:coarse) and (orientation:landscape) and (max-height:600px){#touch-chat{bottom:76px;right:100px}}@media (max-width:760px){#topbar .brand{font-size:15px}#topbar .edition{display:none}#player-list{width:min(340px,100vw - 16px);top:48px}#chat-panel{width:min(340px,100vw - 16px)}#chat-log{height:145px}#health{width:125px;bottom:92px;right:12px}.hotbar{gap:4px;max-width:calc(100vw - 20px);bottom:8px}.hotbar button{flex-basis:54px;height:57px}.hotbar img{width:43px;height:43px}#drop{font-size:12px;bottom:74px}#control-hint,#player-list{display:none}#player-list[data-mobile-open=true]{display:block}#chat-panel{background:#191b1fb8}.join-card{padding:23px}.join-card h1{font-size:34px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.lobby-overview{border:1px solid var(--line);background:#15191f66;border-radius:5px;overflow:hidden}#lobby-status{color:#b8c5d3;margin:10px 8px 3px;font-size:12px}.lobby-counts{justify-content:center;padding:3px 0 10px;display:flex}.lobby-counts>div{justify-content:center;align-items:baseline;gap:8px;width:50%;display:flex}.lobby-counts>div+div{border-left:1px solid var(--line)}.lobby-counts strong{font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1.2}.lobby-counts span{color:#c7d1db;font-size:14px}#lobby-list{border-top:1px solid var(--line);font-size:13px}#lobby-list summary{cursor:pointer;color:#cbd4df;padding:7px 12px}#lobby-list summary:hover{background:#ffffff08}#lobby-list summary:focus-visible,.join-card a:focus-visible{outline-offset:-2px;outline:2px solid #80cfff}#lobby-players{text-align:left;scrollbar-width:thin;max-height:132px;margin:0;padding:0 12px;list-style:none;overflow-y:auto}#lobby-players li{border-top:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;display:flex}#lobby-players li>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-kind{color:#a3deb4;flex-shrink:0;font-size:11px}.lobby-kind.bot{color:#b9c2d0}#lobby-empty{color:#bcc6d4;margin:6px 12px 12px;font-size:13px}#account-upsell{border-top:1px solid var(--line);padding-top:13px}#account-copy{color:#c2c9d3;margin:0 0 11px;font-size:14px;line-height:1.35}.create-account{color:#bdf;background:#7cafd210;border:1px solid #7d9bbb70;border-radius:4px;padding:8px 12px;font-size:15px;font-weight:600;text-decoration:none;display:block}.create-account:hover{background:#7cafd222}.sign-in{color:#afb9c7;margin:8px 0 0;font-size:13px}.sign-in a{color:#bdf;text-underline-offset:3px}#topbar .brand{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#debug-panel{z-index:6;border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#141619f0;border-radius:4px;width:320px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 64px);padding:12px 14px;font-size:13px;position:fixed;bottom:44px;left:8px;overflow:auto;box-shadow:0 4px 20px #0005}#debug-panel header{justify-content:space-between;align-items:center;gap:8px;display:flex}#debug-panel header strong{font-size:16px}#debug-panel header span{color:#c3c8d0;font-size:11px}#debug-panel h3{border-bottom:1px solid var(--line);color:#9cd3f7;text-transform:uppercase;letter-spacing:.7px;margin:10px 0 4px;padding-bottom:3px;font-size:12px}#debug-panel dl{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;display:grid}#debug-panel dt{color:#c3c8d0}#debug-panel dd{text-align:right;overflow-wrap:anywhere;margin:0}#debug-panel p{color:#aaaeb7;margin:10px 0 0;font-size:11px}#stats-button{z-index:6;color:#d4d7df;background:#141619c7;padding:3px 8px;font-size:12px;line-height:18px;position:fixed;bottom:10px;left:10px}#stats-button[aria-expanded=true]{color:#fff;border-color:#80cfff}@media (max-width:760px){#debug-panel{pointer-events:auto;max-height:calc(100dvh - 150px);font-size:12px}}@media (min-width:761px){#drop{bottom:10px;left:62px}}@media (max-width:760px){.hotbar{max-width:calc(100vw - 76px);left:calc(50% + 28px)}}@media (pointer:coarse){#health{pointer-events:none;bottom:auto}#drop{left:50%;bottom:calc(88px + var(--game-bottom-inset));transform:translate(-50%)}.hotbar{bottom:calc(8px + var(--game-bottom-inset))}#stats-button{bottom:calc(10px + var(--game-bottom-inset))}}.armor-icon{width:24px;height:24px;margin:3px auto 0;display:block}.armor-icon[hidden]{display:none}#armor-status{color:#b9d8f3;margin-bottom:4px;font-size:12px}.item-status{justify-content:center;gap:4px;min-height:0;display:flex}.item-status:empty{display:none}.item-status img{width:24px;height:24px}.hotbar button.cooling:before{content:attr(data-cooldown);z-index:1;background:#0009;border-radius:4px;place-items:center;font-size:22px;display:grid;position:absolute;inset:0}#aim-dot{pointer-events:none;z-index:3;background:#fff;border-radius:50%;width:5px;height:5px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px 1px #0009}.camera-options{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.camera-options button[aria-pressed=true]{background:#365b72;border-color:#80cfff}#inactive-gate-label{color:#e1d8c7;pointer-events:none;background:#1b1922c9;border:1px solid #d4c6a84d;border-radius:3px;padding:4px 10px;font-size:13px;position:fixed;transform:translate(-50%,-100%)}#gate-message{text-align:center;pointer-events:none;z-index:4;opacity:1;background:linear-gradient(135deg,#202344ed,#111322ed);border:2px solid #d2c7ab;border-radius:5px;width:max-content;max-width:calc(100vw - 32px);padding:18px 28px;transition:opacity .65s;position:fixed;top:32%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 30px #0006,inset 0 0 0 2px #ffffff12}#gate-message span{color:#fff5de;text-shadow:0 2px 2px #000;font-family:Balthazar,Source Sans,serif;font-size:clamp(24px,4vw,32px);line-height:1.25;display:block}#gate-message small{color:#c0b8c7;letter-spacing:1.5px;text-transform:uppercase;margin-top:7px;font-size:12px;display:block}#gate-message.fading{opacity:0}.confirmed-hit{z-index:25;pointer-events:none;color:#fff;font:32px var(--sfoth-font-mono);text-shadow:0 0 3px #000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#debug-panel{max-height:calc(100vh - 100px);overflow-y:auto}#motion-diagnostics{z-index:6;background:#181b22ed;width:370px;max-width:calc(100vw - 16px);max-height:40vh;padding:10px;font-size:12px;position:fixed;top:50%;left:8px;overflow:auto}#motion-diagnostics button{font-size:12px}#netplay-diagnostics{border:1px solid var(--line);border-radius:4px;margin-top:18px;padding:10px 12px}#netplay-diagnostics summary{cursor:pointer;font-size:16px;font-weight:600}#netplay-diagnostics p{margin:8px 0;font-size:13px}#netplay-diagnostics .netplay-actions{flex-wrap:wrap;gap:6px;display:flex}#netplay-diagnostics button{padding:6px 9px;font-size:13px}#netplay-status{font-variant-numeric:tabular-nums;color:#b9d8f3!important}#achievement-toast{z-index:7;text-align:center;pointer-events:none;background:linear-gradient(135deg,#332a18f5,#17191ff5);border:2px solid #f4d16e;border-radius:6px;width:min(380px,100vw - 24px);padding:14px 18px;position:fixed;top:112px;left:50%;transform:translate(-50%);box-shadow:0 8px 36px #000a}#achievement-toast>*{display:block}#achievement-toast strong{color:#fff0be;margin:3px 0;font-family:Balthazar,Source Sans,serif;font-size:28px}#achievement-toast span{font-size:14px}#achievement-toast small{letter-spacing:1px;text-transform:uppercase;color:#ddcfa9;margin-top:5px;font-size:11px}#achievement-art{object-fit:contain;width:94px;height:94px;margin:0 auto 5px}.achievements-menu{border:1px solid var(--line);border-radius:4px;margin:12px 0;padding:9px 12px}.achievements-menu summary{cursor:pointer;color:#ffe6a1;font-weight:600}.achievements-menu ul{margin:10px 0;padding-left:19px}.achievements-menu li{margin:5px 0}.achievements-menu p{color:#c9c5bb;font-size:13px}#pickup-flourish{z-index:5;border:1px solid var(--accent,#f3dfa3);max-width:calc(100vw - 28px);box-shadow:0 4px 24px #0009,0 0 18px color-mix(in srgb,var(--accent) 35%,transparent);color:#fff;pointer-events:none;text-shadow:0 1px 2px #000;background:linear-gradient(110deg,#18202df2,#13171ef2);border-radius:5px;align-items:center;gap:9px;padding:7px 15px 7px 8px;font-size:15px;display:flex;position:fixed;bottom:103px;left:50%;transform:translate(-50%)}#pickup-flourish[hidden]{display:none}#pickup-flourish.playing{animation:1.1s ease-out both pickup-arrive}.pickup-art{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 40%,transparent),transparent 75%);width:45px;height:45px;filter:drop-shadow(0 0 5px var(--accent));border-radius:50%;place-items:center;display:grid;position:relative}.pickup-art img{object-fit:contain;width:40px;height:40px}.pickup-label{color:var(--accent);font-family:Balthazar,Source Sans,serif;font-size:20px}#pickup-flourish.playing[data-kind=wind] .pickup-art,.pickup-sample.playing[data-kind=wind] .pickup-art{animation:.6s ease-out pickup-wind}#pickup-flourish.playing[data-kind=fire] .pickup-art,.pickup-sample.playing[data-kind=fire] .pickup-art{animation:.6s ease-out pickup-fire}#pickup-flourish.playing[data-kind=ghost] .pickup-art,.pickup-sample.playing[data-kind=ghost] .pickup-art{animation:.65s ease-out pickup-ghost}#pickup-flourish.playing[data-kind=light] .pickup-art,.pickup-sample.playing[data-kind=light] .pickup-art{animation:.55s ease-out pickup-flash}#pickup-flourish.playing[data-kind=venom] .pickup-art,.pickup-sample.playing[data-kind=venom] .pickup-art{animation:.6s ease-out pickup-venom}#pickup-flourish.playing[data-kind=dark] .pickup-art,.pickup-sample.playing[data-kind=dark] .pickup-art{animation:.6s ease-out pickup-dark}#pickup-flourish.playing[data-kind=ice] .pickup-art,.pickup-sample.playing[data-kind=ice] .pickup-art{animation:.55s ease-out pickup-ice}.hotbar button.new-pickup{animation:.75s ease-out pickup-slot}.confirmed-hit.ko{letter-spacing:2px;color:var(--accent,#f3dfa3);text-shadow:0 0 12px var(--accent),0 2px 2px #000;font-family:Balthazar,Source Sans,serif;font-size:26px;animation:.65s ease-out both ko-pop;top:45%}@keyframes pickup-arrive{0%{opacity:0;translate:0 14px;scale:.88}25%{opacity:1;translate:0;scale:1.04}75%{opacity:1;scale:1}to{opacity:0;translate:0 -7px}}@keyframes pickup-slot{0%{box-shadow:0 0 0 0 var(--accent);scale:.88}35%{scale:1.12;box-shadow:0 0 0 7px #0000}to{box-shadow:none;scale:1}}@keyframes pickup-wind{0%{opacity:.2;transform:translate(-16px)rotate(-35deg)}60%{transform:translate(3px)rotate(8deg)}to{opacity:1;transform:none}}@keyframes pickup-fire{0%{opacity:0;filter:brightness(2);transform:translateY(18px)scale(.5)}45%{opacity:1;filter:brightness(2.7);transform:translateY(-8px)scale(1.1)}70%{filter:brightness(1.4);transform:translateY(-3px)scale(.95)}to{filter:none;transform:none}}@keyframes pickup-ghost{0%{opacity:0;filter:blur(7px);transform:translate(-12px)}60%{opacity:.7}to{opacity:1;filter:none;transform:none}}@keyframes pickup-flash{0%{filter:brightness(3);opacity:0;scale:.5}45%{opacity:1;scale:1.25}to{filter:none;scale:1}}@keyframes pickup-venom{0%{opacity:0;transform:translate(-10px,8px)rotate(-18deg)scale(.7)}40%{opacity:1;transform:translate(7px,-3px)rotate(12deg)scale(1.1)}70%{transform:translate(-3px,2px)rotate(-6deg)}to{transform:none}}@keyframes pickup-dark{0%{opacity:0;filter:brightness(.1)blur(3px);transform:scale(1.5)}45%{opacity:1;filter:brightness(2);transform:scale(.75)}70%{transform:scale(1.08)}to{filter:none;transform:none}}@keyframes pickup-ice{0%{opacity:0;filter:brightness(2.6);transform:translateY(-16px)rotate(-24deg)scale(.5)}40%{opacity:1;transform:translateY(3px)rotate(8deg)scale(1.08)}65%{transform:translateY(-2px)rotate(-4deg)}to{filter:none;transform:none}}@keyframes ko-pop{0%{opacity:0;translate:0 8px;scale:.65}25%{opacity:1;translate:0;scale:1.2}75%{opacity:1;scale:1}to{opacity:0;translate:0 -12px}}@media (prefers-reduced-motion:reduce){#pickup-flourish.playing,.pickup-art,.hotbar button.new-pickup,.confirmed-hit.ko{animation:none!important}}#game-menu{background:#202730f7;border:1px solid #8fa5b169;border-radius:12px;width:min(540px,100vw - 24px);max-height:min(700px,100dvh - 24px);padding:0;overflow:hidden;box-shadow:0 24px 90px #000b}#game-menu[open]{flex-direction:column;display:flex}#game-menu::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#090d12bd}#game-menu .menu-header{background:linear-gradient(110deg,#283b46,#252a32);border-bottom:1px solid #ffffff1d;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 15px;display:flex}#game-menu .menu-kicker{color:#a6cbdf;letter-spacing:2px;margin:0 0 2px;font-size:10px;font-weight:700}#game-menu h2{margin:0;font-family:Balthazar,Source Sans,serif;font-size:30px;font-weight:400;line-height:1}#game-menu .menu-shortcut{color:#b8c5cf;white-space:nowrap;font-size:12px}#game-menu .menu-content{scrollbar-width:thin;min-height:0;padding:12px 22px 18px;overflow-y:auto}#game-menu #session-identity{color:#c3d1d9;margin:2px 0 12px;font-size:13px}#game-menu #session-identity:empty{display:none}#game-menu .menu-section{border-bottom:1px solid #ffffff1c;padding:14px 0 17px}#game-menu .menu-section h3{color:#e8f0f5;margin:0 0 14px;font-size:16px;font-weight:700}#game-menu .volume-row+.volume-row{margin-top:13px}#game-menu .volume-label{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:14px;display:flex}#game-menu .volume-label label{cursor:pointer;margin:0;display:inline}#game-menu output{text-align:right;color:#a8cbe0;font-variant-numeric:tabular-nums;min-width:42px;font-size:13px}#game-menu input[type=range]{accent-color:#8bc8ed;cursor:pointer;width:100%;height:22px;margin:0;display:block}#game-menu .toggle-row{cursor:pointer;justify-content:space-between;align-items:center;margin:0 0 13px;padding:0;font-size:14px;display:flex}#game-menu input[type=checkbox]{accent-color:#8bc8ed;cursor:pointer;width:19px;height:19px;margin:0}#game-menu .camera-options{gap:8px;margin:0;display:flex}#game-menu .camera-options button{flex:1;padding:8px 10px;font-size:14px}#game-menu .camera-options button[aria-pressed=true]{background:#315971;border-color:#8bc8ed}#game-menu kbd{color:#b3c4d0;margin-left:4px;font:11px Source Sans,Arial,sans-serif}#game-menu .menu-fold{background:0 0;border:0;border-bottom:1px solid #ffffff1c;border-radius:0;margin:0;padding:0}#game-menu .menu-fold summary{cursor:pointer;color:#dbe7ed;padding:14px 2px;font-size:14px;font-weight:600;list-style:none}#game-menu .menu-fold summary::-webkit-details-marker{display:none}#game-menu .menu-fold summary:after{content:"⌄";float:right;color:#9ab5c7;font-size:17px;line-height:1}#game-menu .menu-fold[open] summary:after{transform:rotate(180deg)}#game-menu .menu-fold summary:hover{color:#fff}#game-menu .menu-fold summary:focus-visible{outline-offset:-2px;outline:2px solid #80cfff}#game-menu .menu-fold-body{padding:0 3px 15px}#game-menu .menu-fold-body p{color:#c7d1d9;margin:0 0 10px;font-size:13px;line-height:1.45}#game-menu .menu-fold-body p:last-child{margin-bottom:0}#game-menu .menu-fold-body strong{color:#e6eef3}#game-menu .achievements-menu ul{margin:0 0 8px;padding-left:19px;font-size:13px}#game-menu .achievements-menu li{margin:5px 0}#game-menu #netplay-diagnostics .netplay-actions{flex-wrap:wrap;gap:6px;display:flex}#game-menu #netplay-diagnostics button{padding:6px 9px;font-size:13px}#game-menu #display-diagnostics button{margin:0 0 10px;padding:6px 9px;font-size:13px}#game-menu .menu-footer{background:#222b33;border-top:1px solid #ffffff20;flex:none;padding:13px 22px 18px}#game-menu .menu-actions{gap:9px;margin:0;display:flex}#game-menu .menu-actions button{flex:1;min-height:41px;font-size:14px;font-weight:600}#game-menu #resume{background:#347e4b;border-color:#79bf8a;flex:1.3}#game-menu #resume:hover{background:#41995b}#game-menu #reset-confirm{background:#302920;border:1px solid #e9b58170;border-radius:6px;margin:0 0 12px;padding:11px 13px}#game-menu #reset-confirm p{color:#f6e2ce;margin:0 0 8px;font-size:13px}#game-menu #reset-confirm button{padding:6px 12px;font-size:13px}@media (max-width:500px){#game-menu .menu-header{padding:15px 17px 13px}#game-menu .menu-content{padding:7px 17px 12px}#game-menu .menu-footer{padding:12px 17px 15px}#game-menu .menu-shortcut{display:none}#game-menu .camera-options{flex-wrap:wrap}}#topbar #menu-button{color:#eef5f7;white-space:nowrap;background:#24333bd9;border:1px solid #b5cbd05c;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:3px;height:30px;padding:3px 8px;font-size:13px;font-weight:700;display:inline-flex}#topbar #menu-button:hover{background:#365564;border-color:#a9cfe0}#topbar #menu-button kbd{color:#bde5f5;background:#17242b;border:1px solid #8da9b4a8;border-radius:3px;padding:2px 4px;font:700 10px/1 Source Sans,Arial,sans-serif}#topbar #topbar-feedback{color:#fff8ef;white-space:nowrap;background:#a85b2c;border:1px solid #ffbe87;border-radius:4px;flex:none;justify-content:center;align-items:center;min-height:30px;padding:3px 10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff2b}#topbar #topbar-feedback:hover{background:#c57337}#topbar #topbar-feedback:focus-visible{outline-offset:2px;outline:2px solid #80cfff}#topbar #topbar-feedback :is(.feedback-short,.feedback-tiny){display:none}@media (max-width:760px){#topbar #topbar-feedback .feedback-full{display:none}#topbar #topbar-feedback .feedback-short{display:inline}}@media (max-width:440px){#chat-hud{flex-direction:column;align-items:flex-start;gap:5px}#topbar #menu-button kbd,#topbar #menu-button span[aria-hidden]{display:none}#topbar #chat-button,#topbar #players-button{width:28px;padding:0;font-size:17px}#topbar #topbar-feedback{padding-inline:7px}}@media (max-width:360px){#topbar #topbar-feedback .feedback-short{display:none}#topbar #topbar-feedback .feedback-tiny{display:inline}}#game-menu .feedback-callout{background:linear-gradient(110deg,#493729,#313540);border:1px solid #e6b27e75;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 5px;padding:13px 14px;display:flex}#game-menu .feedback-callout strong,#game-menu .feedback-callout span{display:block}#game-menu .feedback-callout strong{color:#ffdfbc;font-size:15px}#game-menu .feedback-callout span{color:#d9c8b7;margin-top:3px;font-size:12px;line-height:1.3}#game-menu .feedback-callout-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}#game-menu .feedback-callout button{color:#fff6ec;background:#b56d37;border-color:#ffbe87;flex:none;min-height:38px;padding:8px 12px;font-size:13px;font-weight:700}#game-menu .feedback-callout button:hover{background:#cf7f43}@media (max-width:500px){#game-menu .feedback-callout{flex-direction:column;align-items:stretch;gap:10px}#game-menu .feedback-callout-actions{flex-direction:column;align-items:stretch}#game-menu .feedback-callout button{width:100%}}#game-menu .key-options{margin-top:14px}#game-menu .key-options summary{cursor:pointer}#key-bindings{grid-template-columns:1fr 1fr;gap:8px 14px;margin:12px 0;display:grid}#key-bindings label{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}#key-bindings button{min-width:70px;padding:5px 8px}#binding-status{color:#bddcee;min-height:2.5em;font-size:13px}@media (max-width:400px){#key-bindings{grid-template-columns:1fr}}#relay-notice{z-index:18;box-sizing:border-box;color:#fff0cb;max-width:calc(100vw - 24px);font:13px/1.35 var(--sfoth-font-body);background:#392b12f2;border:1px solid #dca449;border-radius:9px;align-items:center;gap:16px;padding:10px 14px;display:flex;position:fixed;top:58px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}#relay-notice[hidden]{display:none}#relay-notice strong,#relay-notice small{display:block}#relay-notice strong{color:#ffd684}#relay-notice small{margin-top:2px}#relay-notice button{color:#fff5db;font:600 12px var(--sfoth-font-body);cursor:pointer;background:#5c421d;border:1px solid #dca449;border-radius:5px;flex-shrink:0;padding:8px 10px}#relay-notice button:focus-visible{outline-offset:3px;outline:2px solid #fff}#connection-help-details ol{padding-left:22px}#connection-help-details li{margin:10px 0}#connection-route{color:#ffd684;font-weight:700}@media (max-width:600px){#relay-notice{gap:8px;width:calc(100vw - 24px);font-size:12px;top:50px}#relay-notice button{max-width:102px}}#client-report label{color:#e6eef3;margin:12px 0 5px;font-size:13px;display:block}#client-report select,#client-report textarea{box-sizing:border-box;color:#eef5f7;width:100%;font:13px/1.4 var(--sfoth-font-body);background:#17242b;border:1px solid #76909e;border-radius:5px;padding:9px}#client-report textarea{resize:vertical}#client-report .report-details{color:#afbdc8;margin-top:10px;font-size:12px}#client-report .client-report-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}#client-report button{padding:8px 12px;font-size:13px}#client-report-send{background:#347e4b;border-color:#79bf8a}#client-report select:focus-visible,#client-report textarea:focus-visible{outline-offset:2px;outline:2px solid #80cfff}@media (pointer:coarse) and (orientation:landscape) and (max-height:600px){#chat-hud{flex-direction:column;gap:4px}#chat-panel,#player-list{width:min(260px,40vw)}#chat-log{height:min(95px,25dvh)}#player-list{max-height:45dvh;display:none;overflow-y:auto}#player-list[data-mobile-open=true]{display:block}}.bot-level-6{color:#ffd85a;filter:drop-shadow(0 0 2px #aa7200)}#game-menu .display-actions{align-items:center;gap:10px;margin:0 0 14px;display:flex}#game-menu .display-actions button{padding:8px 12px;font-size:14px}#game-menu #fullscreen-status{color:#b8c5cf;font-size:12px;line-height:1.3}#game-menu #fullscreen-toggle:disabled{cursor:not-allowed;opacity:.55}#performance-hud{flex:none;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:4px 7px;width:300px;max-width:calc(100vw - 16px);display:grid}#performance-hud output{color:#cbd5dc;font:600 11px/1.2 var(--sfoth-font-mono);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;background:#171b20a6;border:1px solid #fff2;border-radius:4px;padding:4px 7px}#ping-counter,#fps-counter{white-space:nowrap;justify-self:start}#performance-hud #graphics-renderer{overflow-wrap:anywhere;pointer-events:auto;grid-column:2;min-width:0;font-weight:400}.player-row .epic-face-badge{object-fit:contain;flex:0 0 24px;width:24px;height:20px}#player-list{max-height:min(55dvh,100dvh - 110px);overflow-y:auto}body.playing :is(#topbar,#hotbar,#drop,#health,#achievement-toast,#death){touch-action:manipulation}.players-title{z-index:1;background:#20252bd9;align-items:center;gap:8px;display:flex;position:sticky;top:0}#player-count{float:none;margin-left:auto}#players-close{background:0 0;border:0;flex:none;min-width:28px;min-height:28px;padding:0 4px;font-size:24px;line-height:1}#players-close:hover{background:#ffffff20}@media (pointer:coarse){body.playing #touch-controls{left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right))}#touch-controls{height:calc(108px * var(--touch-size,1))}#touch-stick{width:calc(108px * var(--touch-size,1));height:calc(108px * var(--touch-size,1));touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#20242b99;border:2px solid #ffffff90;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #0008}#touch-stick:before,#touch-stick:after{content:"";pointer-events:none;background:#ffffff48;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch-stick:before{width:1px;height:85%}#touch-stick:after{width:85%;height:1px}#touch-stick-knob{width:calc(44px * var(--touch-size,1));height:calc(44px * var(--touch-size,1));pointer-events:none;background:#78c5e1bd;border:2px solid #fff9;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch-controls[data-movement=buttons] #touch-stick,#touch-controls[data-movement=joystick] .dpad{display:none}#touch-controls .dpad{grid-template-columns:repeat(3,calc(44px * var(--touch-size,1)));grid-template-rows:repeat(2,calc(44px * var(--touch-size,1)));pointer-events:none;gap:2px;display:grid;position:absolute;bottom:0;left:0}#touch-controls .dpad button{width:calc(44px * var(--touch-size,1));height:calc(44px * var(--touch-size,1));pointer-events:auto}.dpad button:first-child{grid-area:1/2}.dpad button:nth-child(2){grid-area:2/1}.dpad button:nth-child(3){grid-area:2/2}.dpad button:nth-child(4){grid-area:2/3}#touch-jump{width:calc(72px * var(--touch-size,1))!important;height:calc(72px * var(--touch-size,1))!important}#touch-controls #touch-attack{width:calc(56px * var(--touch-size,1));height:calc(56px * var(--touch-size,1));bottom:calc(76px * var(--touch-size,1));right:calc(30px * var(--touch-size,1))}#touch-chat{bottom:calc(152px * var(--touch-size,1));width:calc(72px * var(--touch-size,1))!important;height:44px!important}#touch-controls[data-left-handed=true] #touch-stick,#touch-controls[data-left-handed=true] .dpad{position:absolute;left:auto;right:0}#touch-controls[data-left-handed=true] #touch-jump,#touch-controls[data-left-handed=true] #touch-chat{left:0;right:auto}#touch-controls[data-left-handed=true] #touch-attack{left:calc(30px * var(--touch-size,1));right:auto}}@media (pointer:coarse) and (orientation:landscape) and (max-height:600px){#touch-chat{bottom:calc(76px * var(--touch-size,1));right:calc(100px * var(--touch-size,1))}#touch-controls[data-left-handed=true] #touch-chat{left:calc(100px * var(--touch-size,1));right:auto}#player-list{max-height:max(56px,min(45dvh,100dvh - 260px))}}body:not(.playing){color:#f3eee7;background:#101015;overflow:auto}body:not(.playing) #viewport{z-index:0;position:fixed;inset:0}body:not(.playing) #topbar,body:not(.playing) #stats-button{display:none}#join-screen{pointer-events:none;font-family:var(--sfoth-font-body);--orange:#ff9b57;--muted:#a9a7b1;--line:#ffffff1a;background:0 0;place-items:normal;padding:0;display:block;position:relative;inset:auto;overflow:visible}#join-screen>main,#join-screen>.site-nav{width:100%}#join-screen a{color:inherit;text-underline-offset:4px}#join-screen button{border-radius:2px}#join-screen button:focus-visible,#join-screen a:focus-visible{outline-offset:4px;outline:2px solid #efbdff}.site-nav{border-bottom:1px solid var(--line);pointer-events:auto;background:#101015f0;justify-content:space-between;align-items:center;gap:18px;height:76px;padding:0 5%;display:flex}.site-brand{font:700 17px var(--sfoth-font-mono);align-items:center;gap:13px;text-decoration:none;display:flex}.site-monogram{width:32px;height:32px;font:italic 26px var(--sfoth-font-editorial);border:1px solid #c1b8cd;place-items:center;display:grid}.site-slash{color:#64626d;margin:0 4px}.site-project{color:#ffaf77;font-size:13px}.site-nav>div{align-items:center;gap:28px;font-size:13px;display:flex}.site-back{text-decoration:none;color:#bbb6c4!important}.nav-account{background:#b7a0ce1a;border:1px solid #b6a0ce66;padding:10px 16px;font-weight:600;text-decoration:none}.lobby-hero{background:linear-gradient(90deg,#100f18eb 0%,#15121c9c 34%,#17121b0d 64%),linear-gradient(#0000 78%,#101015 100%);height:calc(100dvh - 76px);min-height:690px;max-height:1000px;padding:30px 5% 100px;position:relative}.hero-copy{pointer-events:none;width:530px;max-width:49%}.hero-copy a,.hero-copy button,.hero-copy form{pointer-events:auto}.breadcrumb{font:11px var(--sfoth-font-mono);color:#a5a0b3;gap:12px;margin:0 0 62px;display:flex}.breadcrumb a{text-decoration:none}.breadcrumb b{color:#e6dce9;font-weight:400}.micro{font:11px var(--sfoth-font-mono);letter-spacing:1px;color:var(--muted);margin:0 0 16px}.hero-kicker{color:#f6b588;letter-spacing:1.2px}#title-name{font-family:var(--sfoth-font-display);letter-spacing:-1.7px;text-shadow:0 3px 25px #0004;margin:0 0 12px;font-size:clamp(40px,5.7vw,90px);font-weight:400;font-stretch:75%;line-height:.98}#title-name span{letter-spacing:-1px;font-size:.66em}#title-name em{color:var(--orange);font-size:.66em;font-style:normal}.hero-version{font:12px/1.4 var(--sfoth-font-mono);letter-spacing:.6px;color:#c5b9c8;margin:0 0 24px}.hero-description{color:#ddd4d4;margin:0 0 24px;font-size:19px;line-height:1.5}#join-form{max-width:310px}#join{background:var(--orange);color:#22130e;border:1px solid #ffbc88;width:100%;margin:0 0 12px;padding:15px 20px;font-size:17px;font-weight:700;box-shadow:0 6px 30px #ff722b26}#join:hover:not(:disabled){background:#ffb373}#identity{color:#cbc1c4;margin:0 0 15px;font-size:12px}.choose-server{font-size:13px;color:#bdb2be!important}#status{color:#96909f;max-width:400px;margin-top:17px;font-size:11px}#arena-reveal{z-index:1;pointer-events:none;opacity:1;background:radial-gradient(circle at 72% 44%,#30243d 0%,#191521 53%,#101015 100%);transition:opacity .45s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}#arena-reveal.is-ready{opacity:0}body.playing #arena-reveal{display:none}.arena-loader{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:none;z-index:1;background:#14121de8;border:1px solid #d6b7ec55;width:min(330px,35%);padding:20px 22px 18px;position:absolute;top:49%;right:5%;transform:translateY(-50%);box-shadow:0 16px 60px #09060b99,inset 0 0 0 1px #ffffff08}.arena-loader.is-ready{opacity:0;transition:opacity .28s,transform .4s;transform:translateY(calc(-50% - 10px))}.arena-loader-header{color:#e2c5f2;font:9px var(--sfoth-font-mono);letter-spacing:1.8px;align-items:center;gap:10px;display:flex}.arena-loader-mark{gap:2px;display:flex;transform:rotate(-18deg)}.arena-loader-mark i{background:#cf9df0;border:1px solid #f4d8ff;width:7px;height:7px}.arena-loader-mark i:nth-child(2){transform:translateY(5px)}.arena-loader-mark i:nth-child(3){transform:translateY(10px)}.arena-loader-visual{align-items:flex-end;gap:6px;height:53px;margin:16px 0 13px;display:flex}.arena-loader-visual span{background:#ecab75;border:1px solid #ffd0a8;width:40px;height:23px;animation:1.5s ease-in-out infinite arena-brick;position:relative;box-shadow:inset 0 -5px #a45e43,3px 5px #0b09126e}.arena-loader-visual span:before{content:"";background:#ffd2aa;width:7px;height:4px;position:absolute;top:-5px;left:6px;box-shadow:17px 0 #ffd2aa}.arena-loader-visual span:nth-child(2){background:#a48add;border-color:#d4bafb;animation-delay:.13s;box-shadow:inset 0 -5px #725698,3px 5px #0b09126e}.arena-loader-visual span:nth-child(2):before{background:#d4bafb;box-shadow:17px 0 #d4bafb}.arena-loader-visual span:nth-child(3){animation-delay:.26s}.arena-loader-visual span:nth-child(4){background:#91bda0;border-color:#bde6c9;animation-delay:.39s;box-shadow:inset 0 -5px #547860,3px 5px #0b09126e}.arena-loader-visual span:nth-child(4):before{background:#bde6c9;box-shadow:17px 0 #bde6c9}.arena-loader-visual span:nth-child(5){animation-delay:.52s}.arena-count{color:#ffb786;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";min-width:4ch;display:inline-block}.arena-loader strong{color:#f6ecf1;font-size:19px;font-weight:600;display:block}.arena-loader p{color:#bdafc4;margin:5px 0 17px;font-size:12px;line-height:1.4}.arena-loader-meter{gap:5px;display:flex}.arena-loader-meter span{background:#5c4d63;flex:1;height:4px}.arena-loader[data-stage="1"] .arena-loader-meter span:nth-child(-n+1),.arena-loader[data-stage="2"] .arena-loader-meter span:nth-child(-n+2),.arena-loader[data-stage="3"] .arena-loader-meter span:nth-child(-n+3),.arena-loader[data-stage="4"] .arena-loader-meter span:nth-child(-n+4){background:#e9a878;box-shadow:0 0 11px #f0a36e66}@keyframes arena-brick{0%,to{opacity:.55;transform:translateY(-13px)}50%{opacity:1;transform:translateY(0)}}@media (max-width:600px){.arena-loader{width:min(305px,90%);padding:15px 17px;inset:auto auto 314px 5%;transform:none}.arena-loader-visual{height:35px;margin:13px 0 10px}.arena-loader-visual span{width:33px;height:18px}.arena-loader.is-ready{transform:translateY(-10px)}.arena-loader strong{font-size:16px}.arena-loader p{margin-bottom:12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.arena-loader-visual span{animation:none}#arena-reveal,.arena-loader{transition:none!important}}.broadcast-top{font:10px var(--sfoth-font-mono);color:#e0d4d8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#100f16b8;border:1px solid #ffffff24;align-items:center;gap:14px;padding:11px 14px;display:flex;position:absolute;top:32px;right:5%}.on-air{color:#b8edc0}.broadcast-caption{text-shadow:0 2px 8px #000;width:40%;position:absolute;bottom:112px;right:5%}.broadcast-caption p{color:#ffb786;margin:0 0 9px}.broadcast-caption strong{font-size:25px;font-weight:600;display:block}.broadcast-caption>span{color:#d2c4ca;margin-top:7px;font-size:13px;display:block}.broadcast-controls{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;bottom:36px;left:5%;right:5%}.broadcast-controls button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17141ed6;border:1px solid #ffffff30;padding:9px 14px;font-size:12px}.broadcast-controls button[aria-pressed=true]{color:#ffb883;background:#3e2722e8;border-color:#ffb88380}#audience-cheer{color:#edb8f5;border-color:#dab1e466}#reaction-status{color:#e4c7ee;flex-basis:100%;min-height:1.4em;font-size:12px;line-height:1.4}#nav-islands-panel{color:#e0d4d8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17141ed6;border:1px solid #ffffff30;padding:8px 12px;font-size:12px;bottom:100px}#nav-islands-panel label{align-items:center;gap:6px;display:flex}#nav-islands-panel select{color:#fff;background:#100f16;border:1px solid #ffffff30;padding:6px 8px;font-size:12px}.lobby-content{pointer-events:auto;background:#101015;padding:0 5%;position:relative}.live-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#aca5b3;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:13px;display:flex}.live-strip>div:first-child{align-items:center;gap:10px;display:flex}.live-strip strong{color:#f5eee9;font-variant-numeric:tabular-nums;margin-right:5px;font-size:22px;font-weight:600}.live-strip>span{font:11px var(--sfoth-font-mono);letter-spacing:1.2px;color:#bbb0c1}.live-dot{background:#bcf1bb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #bcf1bb55}.stat-divider{color:#615a69;margin:0 16px}#account-upsell{background:linear-gradient(110deg,#221b2e,#17141e);border:1px solid #bea0e436;border-radius:3px;align-items:center;gap:22px;margin:24px 0 58px;padding:26px 28px;display:flex}.account-mark{color:#ddc5fc;background:#b294d816;border:1px solid #c8abed40;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:26px;display:grid}#account-upsell h2{margin:0 0 5px;font-size:21px;font-weight:600}#account-copy{color:#b6aabd;max-width:600px;margin:0;font-size:14px;line-height:1.5}.account-actions{text-align:center;flex-shrink:0;margin-left:auto}.account-actions .create-account{color:#eadbfa;background:#b292d91c;border:1px solid #bc9cdd66;padding:11px 22px;font-size:14px}.account-actions>a:last-child{margin-top:8px;font-size:11px;display:block;color:#bcaaca!important}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.section-heading .micro{margin:0 0 9px}.section-heading h2,.desk-panel h2{letter-spacing:-.5px;margin:0;font-size:30px;font-weight:600}.section-heading>p{color:#a39aa9;margin:0 0 4px;font-size:13px}.sword-section{margin-bottom:50px}#sword-tracker{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.sword-card{text-align:center;min-width:0;transition:transform .2s;position:relative;border:1px solid #ffffff16!important;border-top:2px solid var(--blade,#c6b8d0)!important;background:linear-gradient(160deg,#211a26,#141219)!important;padding:22px 12px 16px!important}.sword-card:hover{transform:translateY(-4px);border-color:var(--blade)!important}.sword-card img{object-fit:contain;width:55px;height:55px;filter:drop-shadow(0 0 12px var(--blade))}.sword-card strong{margin:9px 0;font-size:13px;font-weight:600;display:block}.sword-card span{color:#c4b9ca;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.sword-card small{font:11px var(--sfoth-font-mono);letter-spacing:1px;color:var(--blade);margin-top:8px;display:block}.broadcast-desk{grid-template-columns:1fr 1fr;gap:20px;margin:0 0 54px;display:grid}.desk-panel{border:1px solid var(--line);background:#17141b;min-width:0;padding:27px}.desk-panel .micro{margin-bottom:10px}.desk-panel h2{font-size:25px}.desk-panel>p:not(.micro){color:#b5aabb;font-size:13px}.desk-panel .section-heading{margin-bottom:18px}.replay-badge{color:#b8a8c5;font:9px var(--sfoth-font-mono);letter-spacing:1px}.inspect-actions{gap:8px;margin-top:16px;display:flex}.inspect-actions button{background:#c5a1df13;border-color:#c5a1df30;font-size:12px}#inspect-stats{color:#c4bbc9;gap:24px;margin:20px 0;font-size:12px;display:flex}#inspect-stats strong{color:#f4e9ee;font-size:22px;display:block}.bot-thought{background:#b68be70b;border-left:2px solid #bb8de6;min-height:42px;padding:12px;line-height:1.5}.bot-thought:empty{display:none}#broadcast-events{scrollbar-width:thin;max-height:232px;overflow:auto}#broadcast-events button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:12px;width:100%;padding:12px 0;font-size:13px;display:flex}#broadcast-events button span{flex:1}#broadcast-events button small{font:10px var(--sfoth-font-mono);color:#e6ac91}#broadcast-events button:hover{color:#ffb68b}#replay-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;font-size:12px;display:flex}#replay-controls input{accent-color:#ffac77;flex:1;min-width:90px}#replay-controls button{padding:6px 10px;font-size:12px}#replay-controls p{color:#b8adbe;flex-basis:100%;margin:0}#instances{margin:38px 0 24px;scroll-margin-top:24px}#server-grid{grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr));gap:18px;display:grid}.room-card{border:1px solid var(--line);background:#17141b;border-radius:2px;min-width:0;padding:25px}.room-card.featured{border-top:2px solid #ffad7a}.room-card.featured>.micro{color:#ffad7a}.room-card h3{margin:0 0 7px;font-size:23px;font-weight:600}.room-counts{color:#b4a9ba;margin:0 0 19px;font-size:13px}.room-roster{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;margin-bottom:20px;display:grid}.room-roster button{text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff09;justify-content:space-between;gap:8px;min-width:0;padding:7px 0;font-size:12px;display:flex}.room-roster button:disabled{opacity:1}.room-roster button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-roster button small{font:10px var(--sfoth-font-mono);color:#8e8398;align-self:center}.room-roster .human-player{color:#dcefdc}.room-roster .human-player small{color:#a0d6a6}.room-join{color:#ffbd94;background:#ffab7811;border-color:#ffab7844;width:100%;padding:11px 14px;font-size:13px}.muted{color:#978d9f;font-size:13px;line-height:1.5}.lobby-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:30px 0 36px;display:flex}.lobby-footer .site-brand{font-size:13px}.lobby-footer p{color:#837889;margin:10px 0 0;font-size:11px}.lobby-footer>div:last-child{text-align:right;font-size:12px}.lobby-footer a{color:#d0becf!important}@media (min-width:1600px){.lobby-content{padding:0 max(5%,50vw - 720px)}.hero-copy{max-width:560px}.lobby-hero{padding-top:40px}}@media (max-width:900px){.site-back{display:none}.hero-copy{max-width:55%}.broadcast-top{gap:9px;font-size:9px}#sword-tracker{grid-template-columns:repeat(4,1fr)}.section-heading>p{max-width:240px}.broadcast-controls button{padding:9px 10px}#account-upsell{gap:16px;padding:22px}.account-mark{display:none}.account-actions{max-width:180px}.live-strip>span{display:none}}@media (max-width:600px){.site-nav{gap:8px;height:62px;padding:0 5%}.site-brand{gap:7px;font-size:12px}.site-monogram{width:25px;height:25px;font-size:20px}.site-project,.site-slash{display:none}.site-nav>div{font-size:11px}.nav-account{padding:9px 10px}.lobby-hero{background:linear-gradient(#111019ea 0%,#15121bc7 35%,#15121b12 58%,#101015 97%);height:calc(100dvh - 62px);min-height:860px;max-height:none;padding:22px 5% 140px}.hero-copy{width:100%;max-width:100%}.breadcrumb{margin-bottom:28px;font-size:10px}.hero-kicker{font-size:10px}#title-name{letter-spacing:-1px;max-width:360px;margin-bottom:12px;font-size:53px}.hero-description{margin:0 0 18px;font-size:15px;line-height:1.4}.hero-description br{display:none}#join-form{max-width:280px}#join{padding:12px 18px;font-size:15px}.choose-server{font-size:12px}#status{margin-top:10px;font-size:10px}.broadcast-top{padding:8px 11px;font-size:9px;inset:auto auto 265px 5%}.broadcast-caption{width:auto;bottom:155px;left:5%;right:5%}.broadcast-caption strong{font-size:22px}.broadcast-caption p{font-size:9px}.broadcast-caption>span{font-size:12px}.broadcast-controls{gap:6px;bottom:28px}.broadcast-controls button{padding:8px 10px;font-size:10px}#audience-cheer{margin-left:0}.live-strip{gap:8px;padding:17px 0;font-size:11px}.live-strip strong{font-size:19px}.stat-divider{margin:0 8px}#account-upsell{flex-wrap:wrap;margin:24px 0 42px;padding:22px 20px}#account-upsell h2{font-size:21px}#account-copy{font-size:13px}.account-actions{text-align:left;flex-shrink:1;align-items:center;gap:16px;max-width:none;margin:0;display:flex}.account-actions .create-account{white-space:nowrap;padding:10px 14px;font-size:12px}.account-actions>a:last-child{max-width:90px;margin:0;font-size:10px}.section-heading{margin-bottom:20px;display:block}.section-heading h2{font-size:27px}.section-heading>p{max-width:none;margin-top:9px;font-size:12px}.micro{font-size:10px}.sword-section{margin-bottom:32px}#sword-tracker{grid-template-columns:repeat(2,1fr)}.sword-card:last-child{grid-column:1/-1}.sword-card{padding:13px!important}.sword-card img{width:42px;height:42px}.sword-card strong{margin:5px 0}.broadcast-desk{grid-template-columns:1fr;gap:14px;margin-bottom:42px}.desk-panel{padding:22px}.desk-panel h2{font-size:23px}.replay-badge{display:none}.room-card{padding:22px}.room-roster{column-gap:16px}.lobby-footer{padding-bottom:28px;display:block}.lobby-footer>div:last-child{text-align:left;margin-top:25px}.lobby-footer p{font-size:10px}}@media (prefers-reduced-motion:reduce){.sword-card:hover{transform:none}}.hero-copy{pointer-events:auto}body:not(.playing) #viewport{touch-action:pan-y}.leaderboards-link-card{background:linear-gradient(110deg,#2b2027,#19141e 65%);border:1px solid #ffad7842;border-top:2px solid #ffad78;justify-content:space-between;align-items:center;gap:24px;margin:0 0 58px;padding:25px 28px;display:flex}.leaderboards-link-card .micro{color:#ffbd92;margin:0 0 7px}.leaderboards-link-card h2{margin:0 0 7px;font-size:25px;font-weight:600;line-height:1.1}.leaderboards-link-card p:not(.micro){color:#c2b4c3;margin:0;font-size:13px;line-height:1.5}.leaderboards-link-card>a{background:#ffad781a;border:1px solid #ffad7873;flex:none;padding:11px 18px;font-size:13px;font-weight:700;text-decoration:none;color:#ffceab!important}.leaderboards-link-card>a:hover{background:#ffad7830}@media (max-width:600px){.leaderboards-link-card{flex-direction:column;align-items:stretch;gap:17px;margin:26px 0 44px;padding:21px}.leaderboards-link-card h2{font-size:23px}.leaderboards-link-card>a{text-align:center}.site-nav>div{gap:10px}.site-nav>div .nav-account{font-size:10px}}.site-leaderboards{white-space:nowrap;font-weight:700;text-decoration:none;color:#ffbf92!important}.site-leaderboards:hover{text-decoration:underline}@media (max-width:600px){.site-nav>div .nav-account{display:none}}#join-form{--hero-action-width:min(310px,100%);max-width:none}.hero-play-row{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:12px;display:flex}.hero-play-row #join{width:var(--hero-action-width);flex:none;margin:0}.hero-player-count{color:#f3eee7;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;margin:0;display:flex}.hero-player-count strong{font-variant-numeric:tabular-nums;color:#aee5bc;font-size:32px;font-weight:700;line-height:1}.hero-player-count span{font-size:14px;font-weight:600}.hero-player-count[data-available=false]{color:#a9a7b1}.hero-player-count[data-available=false] strong{color:inherit}#identity{max-width:310px}@media (max-width:900px){.hero-play-row{gap:14px}.hero-player-count,.hero-player-count strong,.hero-player-count span{display:block}.hero-player-count span{margin-top:4px;font-size:13px}}@media (max-width:600px){#join-form{--hero-action-width:min(280px,100%)}.hero-play-row{gap:12px}.hero-player-count strong{font-size:28px}.hero-player-count span{font-size:12px}}.hero-secondary-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.lobby-feedback{font-size:13px;font-weight:700;text-decoration:none;color:#ffbf92!important}.lobby-feedback:hover{text-decoration:underline}.hero-leaderboards,.hero-story{width:var(--hero-action-width);background:linear-gradient(105deg,#3a2527,#211922);border:1px solid #ffad7873;border-left:3px solid #ffad78;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:11px 16px;font-size:16px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 5px 24px #0005;color:#ffe2c9!important}.hero-leaderboards{margin:0 0 10px}.hero-story{margin:0 0 18px}.hero-leaderboards:hover,.hero-story:hover{background:linear-gradient(105deg,#51302d,#2b1d29);border-color:#ffbd91;color:#fff3e8!important}@media (max-width:600px){.hero-secondary-actions{gap:12px}.lobby-feedback{font-size:12px}.hero-leaderboards,.hero-story{min-height:45px;font-size:15px}}.lobby-hero{height:auto;min-height:max(690px,100dvh - 76px);max-height:none;padding-bottom:170px}@media (max-width:600px){.lobby-hero{height:auto;min-height:max(860px,100dvh - 62px);padding-bottom:310px}}.hero-help{font-size:13px;color:#d8bbcf!important}.quick-controls{border:1px solid var(--line);background:#17141b;grid-template-columns:minmax(160px,220px) 1fr;align-items:center;gap:26px;margin:0 0 24px;padding:22px 26px;scroll-margin-top:24px;display:grid}.quick-controls .micro{margin-bottom:7px}.quick-controls h2{margin:0;font-size:21px;font-weight:600}.quick-controls>p{color:#c4b9ca;margin:0;font-size:13px;line-height:1.6}.quick-controls strong{color:#f2e7ed}.camera-controls{flex-wrap:wrap;gap:6px;display:flex}.view-options{z-index:3;position:relative}.view-options summary{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17141ed6;border:1px solid #ffffff30;padding:9px 14px;font-size:12px;list-style:none}.view-options summary::-webkit-details-marker{display:none}.view-options summary:after{content:" ▾"}.view-options[open] summary:after{content:" ▴"}.view-options summary:focus-visible,.room-bots summary:focus-visible{outline-offset:4px;outline:2px solid #efbdff}.view-options-buttons{background:#17141ef5;border:1px solid #ffffff38;gap:6px;width:220px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 7px);left:0;box-shadow:0 12px 28px #0009}.view-options-buttons button{text-align:left}.room-no-humans{color:#b9afbf;margin:0 0 12px;font-size:13px}.room-bots{margin:0 0 16px}.room-bots summary{cursor:pointer;color:#d4bdd9;text-underline-offset:3px;width:max-content;font-size:13px;text-decoration:underline}.room-bots .room-roster{border:1px solid var(--line);background:#100e15;margin:10px 0 0;padding:10px 14px}.room-card .room-roster{margin-bottom:16px}.room-card .room-bots .room-roster{margin-bottom:0}.room-card .room-counts{margin-bottom:13px}@media (max-width:600px){.hero-help{font-size:12px}.quick-controls{grid-template-columns:1fr;gap:12px;padding:20px}.quick-controls h2{font-size:19px}.quick-controls>p{font-size:12px}.camera-controls{gap:5px}.view-options summary{padding:8px 10px;font-size:11px}.view-options-buttons{width:190px;left:auto;right:0}.room-bots .room-roster{grid-template-columns:1fr}}.hero-play-separator{color:#8f849a;margin:0 10px}.hero-version strong{color:#f6b588;font-variant-numeric:tabular-nums;font-weight:600}