:root{color:#f5fbef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07151a;font-family:Avenir Next,Avenir,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{background:#07151a;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.shell{background:radial-gradient(circle at 48% -8%,#1b5660 0,#0000 38%),#07151a;width:100%;height:100dvh;position:relative;overflow:hidden}.scene{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.top{z-index:3;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));pointer-events:none;justify-content:space-between;gap:9px;display:flex;position:absolute}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051318c7;border:1px solid #e8fff529;box-shadow:0 12px 34px #0000003d}.brand{border-radius:17px;padding:10px 12px}.brand b{letter-spacing:-.07em;color:#fff7d7;font-family:Georgia,serif;font-size:22px;display:block}.brand span{letter-spacing:.09em;text-transform:uppercase;color:#a9d8d1;margin-top:2px;font-size:10px;font-weight:800;display:block}.score{border-radius:17px;align-items:center;gap:9px;padding:8px 11px;display:flex}.score div{text-align:center}.score span{color:#a4c8c5;letter-spacing:.08em;font-size:9px;font-weight:900;display:block}.score b{font:900 20px/1 Georgia,serif;display:block}.score .you b{color:#80f1dc}.score .bot b{color:#ff9b7f}.center{z-index:3;text-align:center;pointer-events:none;width:min(390px,100% - 24px);position:absolute;top:80px;left:50%;transform:translate(-50%)}.phase{border-radius:999px;padding:10px 14px;font-size:12px;font-weight:850;line-height:1.25}.phase b{color:#fff4b5}.bottom{z-index:4;bottom:max(12px,env(safe-area-inset-bottom));gap:8px;display:grid;position:absolute;left:12px;right:12px}.status{border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:12px;line-height:1.25;display:flex}.status b{color:#fff4b5}.status span{color:#c5ded8;text-align:right}.draft{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.draft button,.lane button{color:#ecfff6;text-align:left;background:#081f24e0;border:1px solid #ebfff52b;border-radius:17px;min-height:72px;padding:9px;box-shadow:0 8px 20px #00000029}.draft button.selected,.lane button.selected{background:#1c4e52;border-color:#f8d95a;box-shadow:inset 0 0 0 1px #f8d95a}.draft b,.draft small{display:block}.draft b{font-size:13px}.draft small{color:#b5d8d0;margin-top:3px;font-size:10px;line-height:1.12}.draft i{color:#f8d95a;font-size:10px;font-style:normal}.lane{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.lane button{text-align:center;min-height:46px;padding:8px;font-size:12px;font-weight:900}.action{color:#102124;letter-spacing:.01em;background:#f6d65b;border:0;border-radius:17px;min-height:52px;font-weight:950;box-shadow:0 8px #c47745,0 18px 28px #0000003d}.action:disabled{opacity:.45;box-shadow:none}.overlay{z-index:10;background:radial-gradient(circle at 50% 12%,#47e7cc2b,#020b0fc7 58%,#02090deb);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.card{border-radius:28px;width:min(530px,100%);max-height:calc(100dvh - 36px);padding:24px;overflow:auto}.eyebrow{color:#7eefd9;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:11px;font-weight:950}.card h1{letter-spacing:-.085em;color:#fff6ce;margin:7px 0 14px;font:900 clamp(52px,16vw,88px)/.8 Georgia,serif}.lead{color:#d9efea;margin:0;line-height:1.45}.how{gap:8px;margin:18px 0;display:grid}.how div{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:15px;padding:11px 12px}.how b,.how span{display:block}.how b{color:#fff;font-size:13px}.how span{color:#b9d7d0;margin-top:2px;font-size:12px}.primary{color:#0a2225;background:#7eefd9;border:0;border-radius:17px;width:100%;padding:15px;font-weight:950;box-shadow:0 8px #369a91}.hint{text-align:center;color:#a8c7c0;margin:13px 0 0;font-size:11px}.pulse-tip{z-index:2;color:#fff4b5;pointer-events:none;opacity:0;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:900;transition:opacity .2s;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.pulse-tip.show{opacity:1}@media (width<=430px){.brand b{font-size:20px}.brand span{font-size:9px}.score{gap:6px;padding:7px 9px}.score b{font-size:18px}.center{top:76px}.bottom{left:9px;right:9px;bottom:max(9px,env(safe-area-inset-bottom))}.draft button{min-height:65px;padding:8px}.draft b{font-size:12px}.draft small{font-size:9px}.card{padding:20px}.card h1{font-size:59px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.progress{justify-content:center;gap:6px;margin-top:8px;display:flex}.progress i{background:#e2fff62e;border-radius:9px;width:31px;height:4px;display:block}.progress i.done{background:#7eefd9;box-shadow:0 0 12px #7eefd999}.draft button:disabled,.lane button:disabled{opacity:.32}.lead b{color:#fff4b5}.hint a{color:#d8fff5;text-underline-offset:3px}.lead,.how div,.hint{overflow-wrap:anywhere}