:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f3f4f6;background:#000}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{min-height:100vh;overflow-x:hidden;overflow-y:auto;background:#000;transition:background .18s ease}body.game-route{overflow:hidden}body.night-mode{background:#01030a}body.contrast-mode{background:#000}.app-shell{--game-filter: none;position:relative;min-height:100vh;background:transparent}.frame-wrap,.game-frame{width:100%;height:100vh}.game-frame{display:block;border:0;background:#000;filter:var(--game-filter);transition:filter .18s ease}.accessibility-panel{position:fixed;top:max(10px,env(safe-area-inset-top));right:10px;z-index:20;display:flex;align-items:center;gap:8px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0f172a94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:top right;transition:background .42s ease,box-shadow .42s ease,padding .42s ease;box-shadow:0 8px 22px #0003}.accessibility-panel.collapsed{padding:4px;background:#0f172a6b}.accessibility-content{display:flex;align-items:center;gap:8px;max-width:420px;overflow:hidden;opacity:1;transform:translate(0) scaleX(1);transform-origin:right center;transition:max-width .52s ease,opacity .32s ease,transform .42s ease}.accessibility-panel.collapsed .accessibility-content{max-width:0;opacity:0;pointer-events:none;transform:translate(8px) scaleX(.92)}.menu-bubble,.mode-toggle,.cb-select{border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0f;color:#fff;font-size:12px;font-weight:600}.menu-bubble{display:grid;place-items:center;min-width:40px;width:40px;height:40px;padding:0;background:#2563ebd1;transition:transform .32s ease,background .32s ease,box-shadow .32s ease;box-shadow:0 4px 14px #2563eb40}.menu-bubble:hover{transform:scale(1.04)}.accessibility-panel:not(.collapsed) .menu-bubble{background:#3b82f6f2}.bubble-icon{display:flex;flex-direction:column;justify-content:center;gap:4px;width:16px}.bubble-icon span{display:block;height:2px;border-radius:999px;background:#fff;transition:transform .32s ease,opacity .24s ease}.bubble-icon span:nth-child(2){width:12px}.bubble-icon span:nth-child(3){width:9px}.accessibility-panel:not(.collapsed) .bubble-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}.accessibility-panel:not(.collapsed) .bubble-icon span:nth-child(2){opacity:0}.accessibility-panel:not(.collapsed) .bubble-icon span:nth-child(3){width:16px;transform:translateY(-6px) rotate(-45deg)}.mode-toggle{padding:8px 12px}.mode-toggle[aria-pressed=true]{background:#2563ebe6}.mode-picker{display:flex;align-items:center;gap:6px;color:#e5e7eb;font-size:12px;font-weight:600}.cb-select{padding:8px 10px}.route-screen{display:grid;place-items:center;min-height:100vh;padding:24px}.route-card{width:min(720px,100%);padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0f172ab8;box-shadow:0 12px 28px #0000003d}.route-card h1{margin:0 0 8px;font-size:24px}.route-card p{margin:0 0 16px;color:#cbd5e1}.game-links{display:grid;gap:10px}.game-link{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff0f;color:#fff;text-decoration:none}.game-link-main{display:flex;flex-direction:column;gap:4px}.provider-badge{color:#a5b4fc;text-transform:uppercase;letter-spacing:.08em}.game-link span{color:#93c5fd}@media (max-width: 640px){.accessibility-panel{right:8px;gap:6px}.accessibility-content{gap:6px}.mode-toggle,.cb-select,.mode-picker,.menu-bubble{font-size:11px}.mode-toggle,.cb-select{padding:7px 9px}.mode-picker span{display:none}.game-link{flex-direction:column;align-items:flex-start}}