:root{--bg: #0b1426;--bg-2: #1a2340;--bg-3: #2a3258;--ink: #f3f6fb;--ink-soft: #d8e1f4;--dim: #b6c8e6;--accent: #ffcd5a;--accent-2: #ff9a76;--green: #22c55e;--red: #ef4444;--pill-bg: rgba(11, 20, 38, .55);--pill-bd: rgba(255, 255, 255, .12);--glass-bg: rgba(255, 255, 255, .04);--glass-bd: rgba(255, 255, 255, .1);--glass-bd-hi: rgba(255, 205, 90, .45)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro,Inter,system-ui,sans-serif;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-user-select:none;user-select:none;position:absolute;inset:0}#app,#phaser{position:absolute;inset:0}.hud{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:50;pointer-events:none}.pill{background:var(--pill-bg);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--pill-bd);box-shadow:inset 0 1px #ffffff0f,0 6px 18px #00000059;padding:9px 16px;border-radius:999px;font-size:13.5px;letter-spacing:.2px;line-height:1;display:inline-flex;align-items:center;gap:10px;pointer-events:auto}.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 #ef44448c;animation:pill-dot 1.6s ease-out infinite}.pill.online .dot{background:var(--green);box-shadow:0 0 8px #22c55e99;animation:none}@keyframes pill-dot{0%{box-shadow:0 0 #ef44448c}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.pill strong{color:var(--accent);font-weight:700}.pill button{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:var(--ink);font:inherit;padding:5px 12px;border-radius:999px;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.pill button:hover{background:#ffcd5a24;border-color:#ffcd5a73}.pill button:active{transform:scale(.96)}body.embed-tv .hud,body.embed-tv .dev-pad,body.embed-tv #video-mode{display:none!important}body.embed-tv,body.embed-tv #app,body.embed-tv #phaser{background:#0b1426}.dev-pad{position:absolute;bottom:18px;right:18px;z-index:60;display:flex;flex-direction:column;gap:6px;align-items:stretch;max-width:220px}.dev-pad summary{list-style:none;cursor:pointer;background:var(--pill-bg);backdrop-filter:blur(10px);border:1px solid var(--pill-bd);padding:7px 14px;border-radius:12px;font-size:12px;letter-spacing:.3px;opacity:.7;text-align:center;transition:opacity .14s ease,background .14s ease}.dev-pad summary:hover{opacity:.95}.dev-pad summary::-webkit-details-marker{display:none}.dev-pad[open] summary{opacity:1}.dev-pad-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:6px}.dev-pad-grid button{background:var(--pill-bg);backdrop-filter:blur(10px);color:var(--ink-soft);border:1px solid var(--pill-bd);padding:8px;border-radius:10px;font-size:13px;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s ease,border-color .12s ease,transform .12s ease}.dev-pad-grid button:hover{background:#ffffff14;border-color:#ffffff38}.dev-pad-grid button:active{transform:scale(.96)}#video-mode{position:absolute;inset:0;z-index:30;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(255,154,118,.1) 0%,transparent 60%),radial-gradient(ellipse 70% 60% at 90% 100%,rgba(85,137,230,.16) 0%,transparent 60%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .25s ease}#video-mode:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.35) 100%)}body[data-mode=game] #video-mode{display:none}.video-default{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(40px,5vw,80px) clamp(30px,4vw,60px);gap:32px;text-align:center;position:relative;z-index:1}.video-default h1{margin:0;font-size:clamp(40px,4.5vw,72px);font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#ffd87a,#ff9a76 60%,#ff6f9c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 20px rgba(255,154,118,.25))}.video-default .sub{font-size:clamp(15px,1.25vw,20px);letter-spacing:.4px;opacity:.55;margin-top:-18px;font-weight:500}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(12px,1.2vw,22px);width:min(1500px,100%)}.tile{position:relative;aspect-ratio:1.05;background:radial-gradient(ellipse 90% 60% at 50% 100%,rgba(255,205,90,.05) 0%,transparent 60%),linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--glass-bd);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 2px 8px #0003;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .2s ease,border-color .2s ease,box-shadow .22s ease}.tile:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);pointer-events:none}.tile:hover{transform:translateY(-4px);background:radial-gradient(ellipse 90% 60% at 50% 100%,rgba(255,205,90,.12) 0%,transparent 60%),linear-gradient(180deg,#ffffff1a,#ffffff0a);border-color:var(--glass-bd-hi);box-shadow:inset 0 1px #ffffff1a,0 12px 28px #0006,0 0 0 1px #ffcd5a1a}.tile:active{transform:translateY(-1px) scale(.98)}.tile .emo{font-size:clamp(48px,4.5vw,80px);line-height:1;flex:1;display:flex;align-items:center;justify-content:center;width:100%;pointer-events:none}.tile img.emo{max-width:90%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45));transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .2s ease;image-rendering:auto}.tile:hover img.emo{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 16px 20px rgba(0,0,0,.55))}.tile .lbl{font-size:clamp(13px,1vw,16px);letter-spacing:.3px;opacity:.78;font-weight:600;text-transform:uppercase}.video-player{position:absolute;inset:0;background:#000;display:none;align-items:center;justify-content:center}.video-player.on{display:flex}.video-player video{width:100%;height:100%;object-fit:contain;background:#000}.video-player .title-bar{position:absolute;top:70px;left:50%;transform:translate(-50%);background:#0000008c;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.1);padding:11px 24px;border-radius:999px;font-size:clamp(16px,1.4vw,24px);font-weight:600;letter-spacing:.3px;display:inline-flex;align-items:center;gap:10px;opacity:0;animation:fade-in-out 3s ease forwards;pointer-events:none;box-shadow:0 10px 30px #00000073}@keyframes fade-in-out{0%{opacity:0;transform:translate(-50%) translateY(-6px)}15%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}.autoplay-gate{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(255,205,90,.1) 0%,transparent 60%),#0b1426db;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);cursor:pointer;transition:opacity .22s ease}.autoplay-gate.hidden{opacity:0;pointer-events:none}body.embed-tv .autoplay-gate{display:none}.autoplay-gate-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:clamp(40px,5vw,80px) clamp(60px,7vw,120px);border-radius:32px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,205,90,.3);box-shadow:inset 0 1px #ffffff1a,0 30px 80px #0000008c,0 0 0 1px #ffcd5a0d;text-align:center}.autoplay-gate-inner:before{content:"";position:absolute;inset:-1px;border-radius:32px;padding:1px;background:linear-gradient(135deg,rgba(255,205,90,.55),transparent 50%,rgba(255,154,118,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.autoplay-gate-emoji{font-size:clamp(64px,6vw,120px);line-height:1;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45));animation:gate-bob 1.6s ease-in-out infinite}.autoplay-gate-cta{font-size:clamp(28px,3vw,48px);font-weight:800;letter-spacing:.5px;background:linear-gradient(90deg,#ffd87a,#ff9a76);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.autoplay-gate-sub{font-size:clamp(13px,1vw,17px);letter-spacing:.4px;opacity:.55}@keyframes gate-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0b1426c7;border:1px solid rgba(255,255,255,.1);color:#fff;padding:16px 28px;border-radius:16px;font-size:26px;font-weight:600;letter-spacing:.3px;z-index:70;pointer-events:none;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:0 16px 40px #00000073;animation:toast-in .2s cubic-bezier(.2,.8,.2,1)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-42%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}