:root{--ink: #12151a;--paper: #f4f6fa;--line: #c9d2e0;--muted: #7c8798;--blue: #2f6fd0;--red: #d63b4a;--font-ui: Montserrat, system-ui, -apple-system, sans-serif;--font-data: "Open Sans", system-ui, -apple-system, sans-serif;font-family:var(--font-ui);color:var(--ink);background:#000;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100dvh;overflow:hidden;overscroll-behavior:none;background:#fff}html,#root{height:100%}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.menu-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;background-image:radial-gradient(circle,rgba(0,0,0,.22) 1.4px,transparent 1.4px);background-size:18px 18px;overflow:hidden}.menu-band{width:100%;min-height:320px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#000;box-sizing:border-box;position:relative;overflow:visible;margin-bottom:7px;animation:band-reveal 1.1s cubic-bezier(.22,1,.36,1) forwards}@keyframes band-reveal{0%{width:0;opacity:.75}to{width:100%;opacity:1}}.menu-content{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;filter:blur(18px);transform:translateY(12px);animation:menu-content-in 1s cubic-bezier(.22,1,.36,1) .25s forwards}@keyframes menu-content-in{0%{opacity:0;filter:blur(18px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media(max-height:640px){.menu-screen{background-image:none;background-color:#000;overflow-y:auto;justify-content:flex-start}.menu-band{animation:none;height:auto;flex:0 0 auto;padding:24px 20px}.status-pill{margin-bottom:20px}}.menu-title{position:relative;margin:0 0 .35em;font-weight:500;font-size:clamp(30px,7vw,40px);transition:transform 1s cubic-bezier(.9,0,.1,1);background-image:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.9) 50%,transparent 80%),linear-gradient(90deg,#6495ed,purple);background-size:300% 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-blend-mode:screen,normal;background-position:-100% 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent}.menu-title:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,1) 50%,transparent 60%);background-size:300% 100%;background-repeat:no-repeat;background-position:-100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;filter:blur(6px) brightness(1.4);mix-blend-mode:screen;pointer-events:none}@keyframes title-swoosh{0%{background-position:-100% 0}88%{background-position:200% 0}to{background-position:200% 0}}.menu-title:hover{animation:title-swoosh 3s ease-out forwards;transform:scale(1.5)}.menu-title:hover:before{animation:title-swoosh 3s ease-out forwards}.menu-items{display:flex;flex-direction:column;align-items:center}.menu-item{display:block;margin:7px;padding:0}.win-buttons .menu-item:not(:has(.menu-item-line)){padding-bottom:9px}.menu-item-label{display:block;color:#fff;font-weight:200;font-size:15px;-webkit-user-select:none;user-select:none;transition:filter .3s ease}.menu-item:hover .menu-item-label,.menu-item:focus-visible .menu-item-label{filter:drop-shadow(0 0 1px rgba(0,0,0,1)) drop-shadow(0 0 5px rgba(255,255,255,1))}.menu-item-line{display:block;width:50px;max-width:100px;height:.1px;margin:8px auto 0;background-color:#fff;transition:all .8s cubic-bezier(.9,0,.1,1)}.menu-item:hover .menu-item-line,.menu-item:focus-visible .menu-item-line{transform:scaleX(5)}.status-pill{width:45px;height:45px;margin:5px auto 0;display:flex;align-items:center;justify-content:center;border:none;border-radius:15px;background:#000;position:relative;overflow:hidden;transition:.6s all cubic-bezier(.9,0,.1,1)}.status-pill:hover{width:250px;justify-content:flex-end}.status-pill-indicator{position:absolute;left:35%;top:35%;width:11px;height:11px;border-radius:100px;background:red;box-shadow:red 0 0 4px;opacity:1;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.9,0,.1,1)}.status-pill:hover .status-pill-indicator{left:15px;top:35%;width:50px;height:11px;transform:translateY(-50%)}.status-pill-text{display:flex;align-items:center;justify-content:flex-end;width:100%;height:100%;box-sizing:border-box;padding-right:15px;margin:0;color:#fd0101;font-weight:500;font-size:12px;white-space:nowrap;opacity:0;transform:translate(0);transition:opacity .35s cubic-bezier(.9,0,.1,1),transform .35s cubic-bezier(.9,0,.1,1)}.status-pill:hover .status-pill-text{opacity:1;transform:translate(-10px)}.status-pill.online .status-pill-indicator{background:#2fd07a;box-shadow:#2fd07a 0 0 4px}.status-pill.online .status-pill-text{color:#2fd07a}.status-pill.checking .status-pill-indicator{background:#d0a22f;box-shadow:#d0a22f 0 0 4px;animation:pulse 1.2s ease-in-out infinite}.status-pill.checking .status-pill-text{color:#d0a22f}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.settings-screen{justify-content:flex-start;gap:0;padding-top:48px}.settings-screen{flex-direction:column;align-items:center;background-image:none;background-color:#000;overflow-y:auto}.settings-heading{font-size:clamp(26px,5vw,38px);margin-bottom:30px}.settings-screen .menu-title:hover{transform:none}.setting-block{width:min(520px,100%);margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid #1d1f24}.setting-head{display:flex;align-items:baseline;justify-content:space-between}.setting-name{color:#fff;font-size:13px;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.setting-value{color:#fff;font:500 30px var(--font-ui);letter-spacing:-.02em}.setting-value small{margin-left:5px;color:#6a6f79;font-size:12px;font-weight:300}.level-slider{width:100%;margin:16px 0 10px;height:3px;accent-color:cornflowerblue;cursor:pointer}.level-readout{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.level-rank{color:#6495ed;font-size:13px;font-weight:500;letter-spacing:.06em}.level-detail{color:#6a6f79;font:400 10px var(--font-data);letter-spacing:.04em;text-align:right}.setting-hint{margin:12px 0 0;color:#5b5f68;font-size:11px;font-weight:300;line-height:1.6}.preset-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.preset{padding:7px 13px;border:1px solid #26292f;border-radius:999px;color:#8b909a;font-size:11px;font-weight:300;letter-spacing:.05em;text-transform:capitalize;transition:border-color .18s,color .18s,background .18s}.preset:hover{border-color:#454a53;color:#d6d9de}.preset.active{border-color:#6495ed;color:#fff;background:#6495ed24}.setting-toggle{display:flex;align-items:center;gap:10px;color:#c3c7ce;font-size:12px;font-weight:300;cursor:pointer}.setting-toggle input{accent-color:cornflowerblue;width:15px;height:15px;cursor:pointer}.back-item{margin-top:6px}.scene{position:fixed!important;top:92px!important;left:0!important;right:0!important;bottom:calc(var(--panel-h) + var(--edge) * 2)!important;width:auto!important;height:auto!important;z-index:1;touch-action:none;background:transparent;cursor:grab}.board-frame{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;border:2px solid rgb(205,222,255);border-radius:var(--radius);background-color:#fff;background-image:radial-gradient(circle,#f0f0f0 10%,transparent 11%);background-size:20px 20px;pointer-events:none}.scene:active{cursor:grabbing}.scene>div{width:100%!important;height:100%!important}.scene canvas{display:block}.hud-root,.hud-root *:not(.equation-textbox){-webkit-user-select:none;user-select:none}.hud-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;pointer-events:none;padding:var(--edge) calc(var(--edge) + 150px) 0 var(--edge)}:root{--edge: 27px;--panel-h: 180px;--panel-h-tall: 183px;--btn-h: 40px;--radius: 25px;--glass: rgba(235, 235, 235, .3);--glass-blue: rgba(66, 116, 255, .3);--ease: cubic-bezier(.9, 0, .1, 1)}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.hud-top>*{pointer-events:auto}.rosters{display:flex;gap:8px}.view-switch{display:flex;gap:2px;padding:3px;border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.view-option{padding:7px 14px;border-radius:var(--radius);color:#5c6270;font:500 12px var(--font-ui);transition:background .3s var(--ease),color .3s var(--ease)}.view-option:hover:not(.active){background:#ffffff80;color:var(--ink)}.view-option.active{background:#ffffffbf;color:var(--blue)}.turn-clock{display:flex;flex-direction:column;align-items:center;padding:6px 18px;border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.clock-digits{font:500 22px var(--font-ui);letter-spacing:-.02em}.clock-label{color:var(--muted);font:500 10px var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.turn-clock.urgent .clock-digits{color:var(--red)}.roster{display:flex;flex-direction:column;gap:4px;min-width:108px}.unit{display:grid;grid-template-columns:20px 1fr 24px;align-items:center;gap:6px;padding:5px 9px;border-radius:14px;background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);font:500 10px var(--font-ui);transition:box-shadow .3s var(--ease),opacity .3s var(--ease)}.unit.dead{opacity:.3}.roster-left .unit.active{box-shadow:inset 0 0 0 2px var(--blue)}.roster-right .unit.active{box-shadow:inset 0 0 0 2px var(--red)}.unit-name{color:var(--muted)}.unit-bar{height:3px;border-radius:2px;background:#12151a1f;overflow:hidden}.unit-fill{display:block;height:100%;border-radius:2px;transition:width .4s var(--ease)}.roster-left .unit-fill{background:var(--blue)}.roster-right .unit-fill{background:var(--red)}.unit-hp{color:var(--muted);text-align:right}.thinking{align-self:center;display:flex;align-items:center;gap:12px;padding:9px 18px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:none}.thinking-label{display:inline-flex;align-items:center;gap:3px;font:500 12px var(--font-ui);color:#3a4150}.thinking-dots{display:inline-flex;gap:2px;margin-left:2px}.thinking-dots i{width:3px;height:3px;border-radius:50%;background:var(--red);animation:dot 1.1s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}@keyframes dot{0%,60%,to{opacity:.25}30%{opacity:1}}.thinking-track{width:108px;height:3px;border-radius:2px;background:#12151a1f;overflow:hidden}.thinking-fill{display:block;height:100%;background:var(--red);transition:width .14s linear}.thinking-count{color:var(--muted);font:500 10px var(--font-ui);white-space:nowrap}.controller-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.controller-ui>*{pointer-events:auto}.controller-ui>*{transition:top .6s ease,transform .6s ease,opacity .6s ease,border-color .4s ease-in-out}.skip-button,.fire-button,.hide-ui-button,.Pause-Button,.quit-button,.step-slider,.preset-button{position:absolute;width:100px;height:40px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center;font-family:var(--font-ui);font-weight:500;font-size:14px;color:var(--ink);border-radius:var(--radius);border:2px solid transparent;cursor:pointer;background:transparent;transition:all .4s var(--ease)}.skip-button:after,.fire-button:after,.hide-ui-button:after,.Pause-Button:after,.quit-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:0}.skip-button:after{background:var(--glass)}.fire-button:after{background:var(--glass-blue)}.hide-ui-button:after{background:var(--glass)}.Pause-Button:after{background:var(--glass)}.quit-button:after{background:var(--glass)}.btn-label{position:relative;z-index:2}.hide-ui-button .btn-label,.Pause-Button .btn-label,.quit-button .btn-label{display:flex;align-items:center;gap:4px;white-space:nowrap}.hide-ui-button svg,.Pause-Button svg,.quit-button svg{width:32px;height:32px;flex:0 0 32px}.hide-ui-button svg{transition:transform .6s ease}.controller-ui.ui-hidden .hide-ui-button svg{transform:rotate(180deg)}.skip-button:disabled,.fire-button:disabled,.quit-button:disabled{opacity:.45;cursor:not-allowed}.startingCoordinates{position:absolute;left:var(--edge);bottom:var(--edge);width:45px;height:var(--panel-h);box-sizing:border-box;text-align:center;font-family:var(--font-ui);font-weight:500;background-color:#bebebe4d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:var(--radius);overflow:hidden;isolation:isolate;transition:width .45s cubic-bezier(.9,0,.1,0),background-color .45s cubic-bezier(.9,0,.1,0);z-index:3}.startingCoordinates[data-expanded=true]{width:90px}.coordinate-option{position:absolute;left:0;top:0;z-index:1;width:45px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--radius);color:#000;background:transparent;font:inherit;cursor:pointer;transition:background-color .25s cubic-bezier(.9,0,.1,0),color .25s cubic-bezier(.9,0,.1,0)}.startingCoordinates[data-expanded=true] .coordinate-z,.startingCoordinates[data-expanded=true][data-selected=z] .coordinate-y{left:45px}.startingCoordinates[data-expanded=true][data-selected=z] .coordinate-z{left:0}.coordinate-option>span,.coordinate-option>small{position:relative;z-index:2;transition:opacity .4s var(--ease),color .4s var(--ease),transform .4s var(--ease)}.startingCoordinates:not([data-expanded=true]) .coordinate-y{width:100%}.startingCoordinates:not([data-expanded=true]) .coordinate-option:not(.active){visibility:hidden;opacity:0;pointer-events:none}.startingCoordinates:not([data-expanded=true]) .coordinate-option.active{width:100%;visibility:visible;opacity:1;pointer-events:auto}.coordinate-option:hover{background-color:#fff6}.coordinate-option.active,.coordinate-option.active:hover{background-color:transparent}.coordinate-option small{color:gray;font-size:9px;line-height:1;margin-top:2px}.startingCoordinates[data-expanded=true] .coordinate-z{visibility:visible;opacity:1}.equation-input{position:absolute;left:calc(var(--edge) + 50px);bottom:var(--edge);width:25%;height:var(--panel-h-tall);display:flex;box-sizing:border-box;border-radius:var(--radius);background-color:#ffffff4d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);overflow:hidden}.equation-textbox{width:calc(100% - 10px);height:calc(100% - 10px);box-sizing:border-box;border-radius:var(--radius);border:1px solid white;background-color:#ebebeb4d;outline:none;margin:5px;padding:20px;resize:none;vertical-align:top;font-family:var(--font-data);font-size:14px;color:var(--ink);transition:all .4s var(--ease)}.equation-textbox:hover{border-color:#000}.equation-textbox:focus{border:1px solid cornflowerblue;box-shadow:0 0 2px 2px #6494ed2b}.equation-textbox::placeholder{color:#a8b0bd}.equation-textbox:disabled{cursor:not-allowed}.equation-input.invalid .equation-textbox{border-color:var(--red)}.step-slider{position:absolute;left:calc(var(--edge) + 50px + 25%);top:calc(100% - var(--edge) - var(--panel-h) + 40px + 58px);width:150px;height:56px;padding:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:2px solid transparent;background:var(--glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:var(--radius);overflow:hidden;z-index:3}.step-slider:before{content:"";position:absolute;left:4px;top:4px;width:calc((100% - 8px) / 3);height:calc(100% - 8px);border-radius:18px;background:#ffffffb3;box-shadow:inset 0 0 0 1px #00000014;transition:transform .6s cubic-bezier(.22,1,.36,1)}.step-slider[data-selected="2"]:before{transform:translate(100%)}.step-slider[data-selected="3"]:before{transform:translate(200%)}.step-slider:hover{border-color:#000}.step-option{position:relative;z-index:1;width:100%;height:100%;border:0;border-radius:18px;background:transparent;color:#000;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;transition:background .2s ease}.step-option:hover,.step-option:focus-visible{background:#e5e5e573;outline:none}.skip-button{left:calc(var(--edge) + 50px + 25%);top:calc(100% - var(--edge) - var(--panel-h));margin-left:5px}.skip-button:hover:not(:disabled){border-color:#000}.fire-button{left:calc(var(--edge) + 50px + 25%);top:calc(100% - var(--edge) - var(--panel-h) + 40px);margin:5px 0 0 5px}.fire-button:hover:not(:disabled){border-color:#6495ed}.hide-ui-button{left:var(--edge);top:calc(100% - var(--edge) - var(--panel-h) - 61px);width:145px;height:56px}.hide-ui-button:hover{border-color:#000}.quit-button{left:calc(var(--edge) + 145px);top:calc(100% - var(--edge) - var(--panel-h) - 61px);width:max-content;min-width:139px;height:56px;margin-left:5px;padding:0 16px}.quit-button:hover:not(:disabled){border-color:#000}.Pause-Button{position:absolute;top:var(--edge);right:var(--edge);width:145px;height:56px}.Pause-Button:hover{border-color:#000}.preset-equations{position:absolute;left:calc(var(--edge) + 50px + 25% + 150px + 5px);top:calc(100% - 40px - var(--panel-h) + 40px + 58px - 86px);width:120px;min-width:100px;height:var(--panel-h-tall);min-height:56px;padding:0;border-radius:var(--radius);background:var(--glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-sizing:border-box;pointer-events:auto;overflow:hidden;font-family:var(--font-ui);font-weight:500;color:#d3d3d3}.preset-equations-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;justify-content:flex-start;gap:8px;padding:10px 16px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.preset-equations-content::-webkit-scrollbar{width:0;height:0}.preset-button{position:relative;width:90px;height:36px;margin:-1px;border:2px solid transparent;border-radius:var(--radius);background:transparent;color:#000;overflow:hidden;flex:0 0 auto;cursor:grab}.preset-button:active{cursor:grabbing}.preset-button.is-dragging{z-index:20;cursor:grabbing;transition:none}.preset-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:0}.preset-button:hover{border-color:#000}.preset-button .btn-label{position:relative;z-index:1}.preset-pi .btn-label{font-size:1.25em}.preset-ghost{position:fixed;z-index:1000;margin:0;pointer-events:none}.preset-scrollbar{position:absolute;top:10px;right:7px;bottom:10px;width:3px;border-radius:10px;background:#00000014;pointer-events:auto}.preset-scrollbar.is-hidden{display:none}.preset-scrollbar-thumb{position:absolute;top:0;left:0;width:100%;min-height:24px;border-radius:inherit;background:#00000059;cursor:grab}.preset-scrollbar-thumb:active{cursor:grabbing}.logs{position:absolute;right:var(--edge);bottom:var(--edge);width:25%;height:var(--panel-h);display:flex;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;padding:14px 18px;border-radius:var(--radius);background-color:var(--glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);overflow-y:auto}.logs-placeholder{font-family:var(--font-ui);font-weight:500;font-size:13px;color:#d3d3d3}.logs-list{width:100%;align-self:flex-start;text-align:left}.log-line{margin:0 0 6px;font:400 11px var(--font-data);line-height:1.45;word-break:break-word}.log-line:last-child{margin-bottom:0}.log-left .log-name{color:var(--blue)}.log-right .log-name,.log-error{color:var(--red)}.log-equation{color:#3a4150}.log-outcome{display:block;color:#a8b0bd;font-size:10px}.angle-strip{position:absolute;left:calc(var(--edge) + 50px + 25%);top:calc(100% - var(--edge) - var(--panel-h) - 61px);display:flex;align-items:center;gap:14px;width:260px;height:56px;padding:0 16px;margin-left:5px;box-sizing:border-box;border-radius:var(--radius);background:var(--glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.angle-strip label{display:flex;flex-direction:column;gap:4px;flex:1}.angle-strip span{font:500 10px var(--font-ui);color:var(--muted)}.angle-strip input{width:100%;height:3px;accent-color:var(--blue);cursor:pointer}.controller-ui>.startingCoordinates{transition:width .6s var(--ease),top .6s ease,transform .6s ease,opacity .6s ease}.controller-ui>.equation-input,.controller-ui>.step-slider,.controller-ui>.skip-button,.controller-ui>.fire-button,.controller-ui>.preset-equations{transition:top .6s ease,left .6s var(--ease),transform .6s ease,opacity .6s ease,border-color .4s ease-in-out}.startingCoordinates[data-expanded=true]~.equation-input{left:calc(var(--edge) + 50px + 45px)}.startingCoordinates[data-expanded=true]~.step-slider,.startingCoordinates[data-expanded=true]~.skip-button,.startingCoordinates[data-expanded=true]~.fire-button,.startingCoordinates[data-expanded=true]~.angle-strip{left:calc(var(--edge) + 50px + 25% + 45px)}.startingCoordinates[data-expanded=true]~.preset-equations{left:calc(var(--edge) + 50px + 25% + 150px + 5px + 45px)}.controller-ui.ui-hidden>:not(.hide-ui-button):not(.Pause-Button):not(.quit-button){transform:translateY(calc(100% + var(--edge)));opacity:0;pointer-events:none}.controller-ui.ui-hidden>.Pause-Button{top:var(--edge);transform:none}.controller-ui.ui-hidden>.hide-ui-button,.controller-ui.ui-hidden>.quit-button{top:calc(100% - 71px);transform:none}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center;background:#ffffff2e;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);opacity:0;pointer-events:none;transition:opacity .25s ease}.pause-overlay.is-paused{opacity:1;pointer-events:auto}.pause-menu{display:flex;flex-direction:column;align-items:center;gap:7px}.pause-message{margin:0 0 18px;color:#000;font-family:var(--font-ui);font-size:35px;font-weight:500}.pause-button-group{display:flex;flex-direction:column;align-items:center;margin:7px}.pause-menu-button{padding:0;border:0;color:#000;background:transparent;font-family:var(--font-ui);font-size:15px;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .3s ease}.pause-menu-button:hover,.pause-menu-button:focus-visible{outline:none;filter:drop-shadow(0 0 1px rgba(0,0,0,1)) drop-shadow(0 0 5px rgba(0,0,0,.471))}.pause-menu-line{display:block;width:50px;max-width:100px;height:0;flex:0 0 0;box-sizing:border-box;border-top:1px solid #000;margin:8px auto 0;transition:transform .6s var(--ease)}.pause-menu-button:hover+.pause-menu-line,.pause-menu-button:focus-visible+.pause-menu-line{transform:scaleX(5)}.win-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;overflow:hidden}.win-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;gap:4px}.win-cell{transform:scale(0);transition-property:transform;transition-timing-function:ease-out}.win-cell.shown{transform:scale(1.06)}.win-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:none}.win-text{font:500 clamp(38px,8vw,64px) var(--font-ui);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35);opacity:0;filter:blur(14px);transition:opacity 1.2s ease-out,filter 1.2s ease-out;pointer-events:none;white-space:nowrap}.win-text.sharp{opacity:1;filter:blur(0)}.win-buttons{display:flex;flex-direction:column;align-items:center;gap:24px;opacity:0;filter:blur(14px);pointer-events:none;transition:opacity 1.2s ease-out,filter 1.2s ease-out}.win-buttons.sharp{opacity:1;filter:blur(0);pointer-events:auto}.win-buttons .menu-item-label{font-weight:400;text-shadow:0 1px 6px rgba(0,0,0,.45)}.win-buttons .menu-item-line{box-shadow:0 1px 4px #0006}.case-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:32px 0;background:#000;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;user-select:none}@media(max-height:780px){.case-screen{justify-content:flex-start;gap:18px}}.case-heading{margin:0;color:#fff;font:500 clamp(22px,4vw,32px) var(--font-ui);letter-spacing:.04em}.case-reel-frame{position:relative;width:min(1000px,100%);height:168px;overflow:hidden;border-top:1px solid #1d1f24;border-bottom:1px solid #1d1f24;background:#06070a}.case-ticker{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:gold;box-shadow:0 0 12px #ffd700cc;z-index:3}.case-reel{position:absolute;left:50%;top:0;display:flex;gap:10px;height:100%;align-items:center;will-change:transform}.case-item{position:relative;flex:0 0 148px;width:148px;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:10px;background:linear-gradient(180deg,#171a20,#0d0f13);box-shadow:inset 0 -4px 0 var(--tier);transition:box-shadow .3s ease,transform .3s ease}.case-item-face{width:84px;height:56px;border-radius:8px}.case-item-name{color:#b7bcc6;font:500 11px var(--font-ui);letter-spacing:.03em}.case-item.won{box-shadow:inset 0 -4px 0 var(--tier),0 0 26px var(--tier);transform:scale(1.04)}.case-fade{position:absolute;top:0;bottom:0;width:130px;z-index:2;pointer-events:none}.case-fade.left{left:0;background:linear-gradient(90deg,#000 0%,transparent 100%)}.case-fade.right{right:0;background:linear-gradient(270deg,#000 0%,transparent 100%)}.case-result{text-align:center;min-height:64px}.case-result-name{margin:0 0 6px;font:500 clamp(26px,5vw,38px) var(--font-ui)}.case-result-sub{margin:0;color:#e0e0e0;font:500 13px var(--font-ui);letter-spacing:.03em}.case-result.reveal .case-result-name{animation:prize-pop .5s cubic-bezier(.22,1,.36,1)}@keyframes prize-pop{0%{opacity:0;transform:scale(.88);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.action-row{display:flex;align-items:flex-end;justify-content:center;gap:18px;flex-wrap:wrap}.pill-container{position:relative;display:inline-block}.pill-shadow{position:absolute;top:6px;left:0;width:100%;height:54px;border-radius:27px;background:#9c9c9c;z-index:1}.pill-shadow.retry{background:#6d6d6d}.pill{position:relative;z-index:2;width:240px;height:54px;border-radius:27px;display:flex;align-items:center;justify-content:center;font:500 18px var(--font-ui);transition:transform .1s ease,background-color .2s ease,opacity .2s ease}.claim-btn{width:270px;background:#fff;color:#000}.claim-btn:hover:not(:disabled){background:#f5f5f5}.retry-btn{background:#d9d9d9;color:#111}.retry-btn:hover:not(:disabled){background:#e7e7e7}.pill:active:not(:disabled){transform:translateY(4px)}.pill:disabled{opacity:.45;cursor:not-allowed}.case-back{margin-top:6px}.shop-bar{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.coin-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid #2a2d34;border-radius:999px;color:gold;font:500 15px var(--font-ui);letter-spacing:.02em;font-variant-numeric:tabular-nums}.coin-dot{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff3b0,gold 55%,#b38f00);box-shadow:0 0 8px #ffd70073}.case-picker{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.case-option{position:relative;width:190px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid #24272e;border-radius:14px;background:linear-gradient(180deg,#14171c,#0b0d10);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.case-option:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent)}.case-option.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 22px -6px var(--accent)}.case-option.locked{opacity:.55}.case-option:disabled{cursor:not-allowed}.case-option-name{color:#fff;font:500 14px var(--font-ui)}.case-option-price{position:absolute;top:13px;right:14px;color:gold;font:500 13px var(--font-ui);font-variant-numeric:tabular-nums}.case-option-blurb{color:#767b85;font:300 11px var(--font-ui);line-height:1.45}.odds-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none}.odds-row li{display:inline-flex;align-items:center;gap:5px;color:#767b85;font:500 10px var(--font-data);font-variant-numeric:tabular-nums}.odds-swatch{width:8px;height:8px;border-radius:2px;background:var(--tier)}.dupe-note{color:#767b85}.case-nav{display:flex;align-items:center;gap:26px}.case-reel-frame{box-shadow:inset 0 0 40px -18px var(--accent, transparent)}.inventory-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:22px;padding:40px 20px;background:#000;overflow-y:auto;-webkit-user-select:none;user-select:none}.stat-strip{display:flex;gap:34px;flex-wrap:wrap;justify-content:center;margin:0}.stat-strip div{display:flex;flex-direction:column;align-items:center;gap:3px}.stat-strip dt{color:#5b5f68;font:300 10px var(--font-ui);letter-spacing:.1em;text-transform:uppercase}.stat-strip dd{margin:0;color:#fff;font:500 20px var(--font-ui);font-variant-numeric:tabular-nums}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:min(900px,100%)}.inv-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 12px 14px;border-radius:12px;background:linear-gradient(180deg,#171a20,#0d0f13);box-shadow:inset 0 -4px 0 var(--tier);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.inv-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:inset 0 -4px 0 var(--tier),0 0 20px -6px var(--tier)}.inv-card.equipped{box-shadow:inset 0 -4px 0 var(--tier),0 0 0 1px var(--tier)}.inv-card.locked{opacity:.32;filter:grayscale(.8);cursor:not-allowed}.inv-face{width:92px;height:58px;border-radius:8px}.inv-name{color:#e4e7ec;font:500 12px var(--font-ui)}.inv-rarity{color:var(--tier);font:500 9px var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.inv-count{position:absolute;top:9px;right:11px;color:#9aa1ad;font:500 10px var(--font-data)}.inv-badge{position:absolute;top:9px;left:11px;color:var(--tier);font:500 9px var(--font-ui);letter-spacing:.05em}.inv-lock{position:absolute;top:9px;left:11px;color:#6b7078;font:500 9px var(--font-ui);letter-spacing:.05em}.inv-back{margin-top:4px}.win-reward{display:flex;flex-direction:column;align-items:center;gap:1px;opacity:0;filter:blur(14px);transition:opacity 1.2s ease-out,filter 1.2s ease-out;pointer-events:none}.win-reward.sharp{opacity:1;filter:blur(0)}.win-reward-amount{color:#fff;font:500 26px var(--font-ui);text-shadow:0 1px 8px rgba(0,0,0,.4);font-variant-numeric:tabular-nums}.win-reward-label{color:#ffffffd9;font:400 11px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.4)}.account-note{max-width:330px;margin:0 0 22px;color:#6a6f79;font:300 11px var(--font-ui);line-height:1.6;text-align:center}.account-screen .menu-band{animation:none;width:100%;overflow:visible}.account-screen .menu-content{animation-delay:0s}.account-form{display:flex;flex-direction:column;gap:14px;width:min(330px,82vw)}.account-field{display:flex;flex-direction:column;gap:6px}.account-field span{color:#8b909a;font:300 10px var(--font-ui);letter-spacing:.1em;text-transform:uppercase}.account-field input{padding:11px 14px;border:1px solid #26292f;border-radius:10px;background:#0b0d10;color:#fff;font:400 14px var(--font-ui);outline:none;transition:border-color .25s ease,box-shadow .25s ease}.account-field input:focus{border-color:#6495ed;box-shadow:0 0 0 3px #6495ed24}.account-field input::placeholder{color:#4a4e57}.account-error{margin:0;color:#e0707c;font:400 11px var(--font-ui);text-align:center}.account-actions{display:flex;gap:10px;margin-top:4px}.account-btn{flex:1;padding:11px 12px;border:1px solid #26292f;border-radius:999px;color:#c3c7ce;font:500 12px var(--font-ui);transition:border-color .2s ease,color .2s ease,background .2s ease}.account-btn:hover:not(:disabled){border-color:#454a53;color:#fff}.account-btn.primary{background:#fff;border-color:#fff;color:#000}.account-btn.primary:hover:not(:disabled){background:#f0f0f0}.account-btn:disabled{opacity:.5;cursor:not-allowed}.account-back{margin-top:20px}.menu-account{display:flex;align-items:center;gap:8px;margin:10px 0 0;color:#5b5f68;font:300 10px var(--font-ui);letter-spacing:.06em}.menu-account strong{color:#8b909a;font-weight:500}.menu-signout{color:#4a4e57;font:300 10px var(--font-ui);text-decoration:underline;transition:color .2s ease}.menu-signout:hover{color:#c3c7ce}@media(max-width:1240px){.preset-equations{display:none}}@media(max-width:1100px){.equation-input{width:30%}.logs{width:26%}}@media(max-width:900px){.logs{display:none}.equation-input{width:calc(100% - 50px - 165px - var(--edge) * 2)}.thinking-count{display:none}}@media(max-width:820px){:root{--edge: 14px;--panel-h: 116px;--panel-h-tall: 119px}.quit-button{min-width:0;width:56px;padding:0}.quit-button .btn-label{gap:0;font-size:0}.Pause-Button{width:56px}.Pause-Button .btn-label{gap:0;font-size:0}.case-reel-frame{height:150px}.case-fade{width:70px}.pill{width:190px}.claim-btn{width:200px}}@media(max-width:560px){:root{--panel-h: 96px;--panel-h-tall: 99px}.hud-top{flex-wrap:wrap}.turn-clock{order:-1}.rosters{width:100%;justify-content:space-between}.roster{min-width:0;flex:1}.hide-ui-button svg,.quit-button svg,.Pause-Button svg{width:22px;height:22px;flex:0 0 22px}.hide-ui-button{width:116px;height:48px}.quit-button{left:calc(var(--edge) + 116px);width:48px;min-width:0;height:48px;padding:0}.hide-ui-button,.quit-button{top:calc(100% - var(--edge) - var(--panel-h) - 53px)}.Pause-Button{width:48px;height:48px;padding:0;right:auto;left:calc(var(--edge) + 170px);top:calc(100% - var(--edge) - var(--panel-h) - 53px)}.controller-ui.ui-hidden>.Pause-Button{top:calc(100% - 60px)}.startingCoordinates{width:34px}.startingCoordinates[data-expanded=true]{width:68px}.coordinate-option{width:34px}.startingCoordinates[data-expanded=true] .coordinate-z,.startingCoordinates[data-expanded=true][data-selected=z] .coordinate-y{left:34px}.equation-input{left:calc(var(--edge) + 40px);width:calc(100% - 40px - 96px - var(--edge) * 2 - 6px)}.startingCoordinates[data-expanded=true]~.equation-input{left:calc(var(--edge) + 74px);width:calc(100% - 74px - 96px - var(--edge) * 2 - 6px)}.equation-textbox{padding:10px 14px}.skip-button,.fire-button{width:90px;height:34px;left:auto;right:var(--edge);margin:0}.skip-button{top:calc(100% - var(--edge) - var(--panel-h))}.fire-button{top:calc(100% - var(--edge) - var(--panel-h) + 38px)}.step-slider{width:90px;height:28px;left:auto;right:var(--edge);top:calc(100% - var(--edge) - var(--panel-h) + 76px)}.startingCoordinates[data-expanded=true]~.step-slider,.startingCoordinates[data-expanded=true]~.skip-button,.startingCoordinates[data-expanded=true]~.fire-button{left:auto}.step-option{font-size:10px}.controller-ui.ui-hidden>.hide-ui-button,.controller-ui.ui-hidden>.quit-button{top:calc(100% - 60px)}.case-reel-frame{height:132px}.case-item{flex-basis:110px;width:110px;height:104px}.case-item-face{width:62px;height:40px}.case-fade{width:44px}.action-row{gap:12px}.pill,.claim-btn{width:min(260px,80vw)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.menu-title:hover,.menu-item:hover .menu-item-line{transform:none}}.lobby-roster{display:flex;flex-direction:column;gap:6px;margin:2px 0 0;padding:0;list-style:none}.lobby-roster li{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #24272e;border-radius:10px;color:#e4e7ec;font:500 12px var(--font-ui)}.lobby-roster li span{color:#6a6f79;font:300 10px var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.lobby-left{box-shadow:inset 3px 0 0 var(--blue)}.lobby-right{box-shadow:inset 3px 0 0 var(--red)}.lobby-status{color:#8b909a}.account-submit{width:100%;margin-top:4px}.account-switch{margin-top:16px;color:#6a6f79;font:300 11px var(--font-ui);letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.account-switch:hover{color:#c3c7ce}