html.pregame-open,html.pregame-open body{touch-action:pan-y!important}.pregame-shell{position:fixed;inset:0;z-index:50;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y!important;background:radial-gradient(circle at 50% 0%,#172751 0,#080d20 42%,#040710 100%);color:#f5f7ff;padding:max(18px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.pregame-shell.hidden{display:none}.pregame-wrap{width:min(760px,100%);margin:0 auto}.pregame-hero{text-align:center;padding:20px 10px 14px}.pregame-kicker{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);font-size:10px;font-weight:850;letter-spacing:.14em;color:#aebcff}.pregame-hero h1{margin:12px 0 6px;font-size:clamp(34px,8vw,56px);line-height:.94;letter-spacing:-.04em}.pregame-hero p{margin:0 auto;color:#aeb7d4;font-size:13px;line-height:1.55;max-width:560px}.howto-card,.locker-card{background:linear-gradient(180deg,rgba(25,36,77,.88),rgba(9,14,35,.94));border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.34);margin:12px 0;padding:18px}.pregame-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pregame-title-row h2{margin:0;font-size:17px}.free-pill{padding:5px 9px;border-radius:999px;background:rgba(121,255,225,.10);border:1px solid rgba(121,255,225,.26);color:#8dffe8;font-size:9px;font-weight:900;letter-spacing:.08em}.howto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.howto-step{padding:13px 11px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.howto-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#76f6e2,#819cff);color:#07101f;margin-bottom:9px;font-size:13px}.howto-step strong{display:block;font-size:11px;margin-bottom:4px}.howto-step span{display:block;color:#9ea9c9;font-size:10px;line-height:1.42}.locker-section{margin-top:16px}.locker-section h3{margin:0 0 8px;color:#cbd2e9;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.section-help{margin:-2px 0 9px;color:#8792b2;font-size:10px;line-height:1.4}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice{appearance:none;text-align:left;color:#f5f7ff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:17px;padding:11px;min-height:86px;cursor:pointer;position:relative;transition:.16s ease}.choice.selected{border-color:#79ffe1;box-shadow:0 0 0 2px rgba(121,255,225,.12),0 14px 30px rgba(0,0,0,.22);transform:translateY(-1px)}.choice strong{display:block;font-size:11px;margin-top:8px}.choice small{display:block;color:#8e99ba;font-size:9px;margin-top:2px;line-height:1.35}.preview-avatar{width:42px;height:42px;display:grid;place-items:center}.preview-avatar span{display:block;width:30px;height:30px;background:linear-gradient(135deg,#66f0ff,#6d73ff);border:2px solid rgba(255,255,255,.9);box-shadow:0 0 16px rgba(102,240,255,.24)}.avatar-diamond span{border-radius:7px;transform:rotate(45deg)}.avatar-orb span{border-radius:50%}.avatar-arrow span{clip-path:polygon(100% 50%,15% 0,35% 50%,15% 100%)}.look-swatch{height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.15)}.look-cyan{background:linear-gradient(135deg,#66f0ff,#6d73ff)}.look-ember{background:linear-gradient(135deg,#ffb45f,#ff617e)}.look-lime{background:linear-gradient(135deg,#7dff9e,#35d8b7)}
.maze-preview{height:54px;border-radius:12px;position:relative;overflow:hidden;background:#09142c;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 18px rgba(85,120,255,.08)}.maze-preview i{position:absolute;display:block;background:#4563a5;border-radius:2px}.maze-open i:nth-child(1){left:10%;top:12%;width:7%;height:76%}.maze-open i:nth-child(2){left:10%;top:43%;width:36%;height:8%}.maze-open i:nth-child(3){right:12%;top:14%;width:8%;height:72%}.maze-open i:nth-child(4){right:12%;top:25%;width:34%;height:8%}.maze-cross i:nth-child(1){left:46%;top:5%;width:8%;height:90%}.maze-cross i:nth-child(2){left:7%;top:45%;width:86%;height:9%}.maze-cross i:nth-child(3){left:19%;top:18%;width:62%;height:8%;box-shadow:0 29px 0 #4563a5}.maze-classic i:nth-child(1){left:9%;top:8%;width:8%;height:66%}.maze-classic i:nth-child(2){left:28%;top:27%;width:8%;height:65%}.maze-classic i:nth-child(3){left:48%;top:8%;width:8%;height:58%}.maze-classic i:nth-child(4){left:68%;top:36%;width:8%;height:56%}.maze-classic i:nth-child(5){left:9%;top:71%;width:67%;height:8%;box-shadow:22px -34px 0 #4563a5}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.format-choice{min-height:74px}.format-choice strong{margin-top:0;font-size:12px}.opponent-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.big-action{border:0;border-radius:18px;padding:16px;text-align:left;cursor:pointer}.big-action strong{display:block;font-size:14px}.big-action span{display:block;margin-top:3px;font-size:10px;opacity:.75}.friend-action{color:#f5f7ff;background:linear-gradient(135deg,#1b2d59,#312564);border:1px solid rgba(157,140,255,.25)}.multiplayer-panel{display:none;margin-top:12px;padding:14px;border-radius:18px;background:rgba(5,10,28,.62);border:1px solid rgba(255,255,255,.09)}.multiplayer-panel.active{display:block}.multiplayer-panel h3{margin:0 0 8px;font-size:13px}.multiplayer-panel p,.waiting-copy{margin:0 0 10px;color:#9aa5c6;font-size:10px;line-height:1.45}.multiplayer-panel label{display:block;margin:10px 0 5px;color:#bec7e2;font-size:10px;font-weight:750}.multiplayer-panel textarea{width:100%;min-height:78px;resize:vertical;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#080e22;color:#dfe6ff;padding:10px;font:9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;touch-action:manipulation}.multiplayer-panel button{border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#172143;color:#f4f7ff;padding:10px 12px;font-size:10px;font-weight:850;cursor:pointer}.mp-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.mp-status{margin-top:10px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.04);color:#aeb8d5;font-size:10px}.mp-status[data-kind="ok"]{color:#8dffe8;background:rgba(121,255,225,.07)}.mp-status[data-kind="warn"]{color:#ffd28a;background:rgba(255,194,94,.08)}.hidden{display:none!important}.pregame-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1.6fr;gap:10px;padding:12px 0 calc(6px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0,#050815 26%)}.compact-actions{grid-template-columns:1fr;position:static;background:none;padding-bottom:2px}.pregame-actions button{border:0;border-radius:16px;padding:14px 16px;font-weight:900;font-size:12px;cursor:pointer}.secondary-action{color:#f5f7ff;background:#141c3b;border:1px solid rgba(255,255,255,.11)!important}.primary-action{color:#06121f;background:linear-gradient(135deg,#79ffe1,#829dff);box-shadow:0 12px 28px rgba(77,184,255,.22)}.pregame-note{text-align:center;color:#7782a3;font-size:9px;margin:5px 0 0}@media(max-width:640px){.howto-grid{grid-template-columns:1fr 1fr}.howto-card,.locker-card{padding:14px;border-radius:20px}.choice{min-height:80px;padding:10px}.format-grid{grid-template-columns:1fr 1fr}.opponent-actions{grid-template-columns:1fr}.pregame-actions{grid-template-columns:1fr}.secondary-action{order:2}.primary-action{order:1}.multiplayer-panel textarea{min-height:92px}}
