:root{--bg:#07070c;--bg-surface:#121420b3;--bg-surface-elevated:#1c2032d9;--border:#ffffff1a;--border-glow:#f5c54259;--gold:#f5c542;--gold-glow:#ffd966;--magenta:#ff2d78;--cyan:#00f0ff;--green:#00f59b;--text:#f0f2ff;--text-muted:#8a8ea8;--text-dim:#5c607a;--font-display:"Outfit", sans-serif;--font-body:"Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-lg:24px;--radius-md:16px;--radius-sm:10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-user-select:none;user-select:none;background-image:radial-gradient(80% 50% at 50% -20%,#f5c54226,#0000 70%),radial-gradient(60% 40% at 90% 80%,#ff2d7814,#0000 70%),radial-gradient(50% 50% at 10% 40%,#00f0ff0f,#0000 70%);justify-content:center;align-items:flex-start;min-height:100dvh;display:flex;overflow-x:hidden}#app{width:100%;max-width:500px;min-height:100dvh;padding:16px 16px 40px;padding-bottom:calc(40px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}.swaying{animation:.468s cubic-bezier(.4,0,.2,1) infinite alternate swayMotion}@keyframes swayMotion{0%{transform:rotate(-1.5deg)scale(1.008)}to{transform:rotate(1.5deg)scale(1.008)}}.top-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding:8px 4px 16px;display:flex}.brand-badge{align-items:center;gap:8px;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:.06em;background:linear-gradient(135deg, #fff 20%, var(--gold) 80%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;font-size:1.4rem;font-weight:900}.brand-sub{color:var(--gold);letter-spacing:.05em;background:#f5c5421f;border:1px solid #f5c5424d;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:700}.header-tools{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.icon-btn:hover,.icon-btn:active{color:#fff;border-color:var(--gold);background:#f5c54226}.icon-btn.active{color:var(--gold);border-color:var(--gold)}.hero{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:24px;padding:24px 20px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0006}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#f5c54233 0%,#0000 70%);width:260px;height:260px;position:absolute;top:-50%;right:-30%}.hero-tag{color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;margin-bottom:8px;font-size:.72rem;font-weight:700;display:inline-flex}.hero-tag i{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);border-radius:50%;display:inline-block}.hero-title{letter-spacing:-.02em;margin-bottom:10px;font-size:1.75rem;font-weight:900;line-height:1.3}.hero-title em{background:linear-gradient(135deg, var(--gold) 0%, #fff 50%, var(--magenta) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:normal}.hero-desc{color:var(--text-muted);margin-bottom:20px;font-size:.85rem;line-height:1.6}.cheers-trigger-btn{border-radius:var(--radius-md);color:#121004;cursor:pointer;background:linear-gradient(135deg,#ffd966 0%,#f5c542 50%,#d49a18 100%);border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 20px;font-size:1.05rem;font-weight:900;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #f5c54259}.cheers-trigger-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #f5c54280}.cheers-trigger-btn:active{transform:scale(.98)}.cheers-trigger-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:100%;height:100%;animation:2.5s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%{left:-100%}25%{left:100%}to{left:100%}}.session-bar{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff0a;justify-content:space-between;align-items:center;margin-bottom:24px;padding:10px 14px;font-size:.8rem;display:flex}.session-player{align-items:center;gap:8px;display:flex}.player-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.party-selector{color:var(--text-muted);align-items:center;gap:6px;display:flex}.party-selector select{background:var(--bg-surface-elevated);color:var(--gold);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:4px 8px;font-size:.8rem;font-weight:700}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.section-head h2{letter-spacing:.04em;color:#fff;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex}.section-head h2 span{color:var(--gold)}.section-head small{color:var(--text-muted);font-size:.72rem}.game-list{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.game-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;flex-direction:column;gap:10px;padding:16px 18px;text-decoration:none;transition:all .22s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.game-card:before{content:"";background:var(--border);width:4px;height:100%;transition:background .2s;position:absolute;top:0;left:0}.game-card.active-game{background:linear-gradient(135deg,#1c2032d9 0%,#121420f2 100%);border-color:#f5c54266;box-shadow:0 10px 24px #00000059}.game-card.active-game:before{background:linear-gradient(180deg, var(--gold) 0%, var(--green) 100%)}.game-card.active-game:hover,.game-card.active-game:active{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 14px 32px #f5c54240}.game-top-row{justify-content:space-between;align-items:center;display:flex}.game-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:.65rem;font-weight:800}.badge-live{color:var(--green);background:#00f59b26;border:1px solid #00f59b66;align-items:center;gap:4px;display:flex}.badge-live:before{content:"";background:var(--green);width:5px;height:5px;box-shadow:0 0 6px var(--green);border-radius:50%}.badge-soon{color:var(--text-dim);background:#ffffff0f;border:1px solid #ffffff1a}.game-number{font-family:var(--font-display);color:var(--text-dim);font-size:.75rem;font-weight:800}.game-title-row{align-items:center;gap:12px;display:flex}.game-icon{border:1px solid var(--border);background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.active-game .game-icon{background:linear-gradient(135deg,#f5c54233 0%,#00f59b26 100%);border-color:#f5c54266}.game-info h3{color:#fff;align-items:center;gap:6px;margin-bottom:2px;font-size:1.05rem;font-weight:800;display:flex}.game-info p{color:var(--text-muted);font-size:.78rem;line-height:1.4}.game-action-btn{color:var(--gold);border-radius:var(--radius-sm);background:#f5c54226;border:1px solid #f5c54266;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:6px 14px;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex}.game-card:hover .game-action-btn{background:var(--gold);color:#000}.game-card.teaser-card{cursor:pointer;opacity:.85}.game-card.teaser-card:hover{opacity:1;border-color:#ffffff40;transform:translateY(-1px)}.house-rules{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;margin-bottom:30px;padding:16px}.rules-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:10px;font-size:.82rem;font-weight:800;display:flex}.rules-list{color:var(--text-muted);flex-direction:column;gap:8px;font-size:.78rem;list-style:none;display:flex}.rules-list li{align-items:center;gap:8px;display:flex}.rules-list li span{color:var(--gold);font-weight:800}.main-footer{text-align:center;border-top:1px solid var(--border);color:var(--text-dim);flex-direction:column;gap:4px;margin-top:auto;padding-top:20px;font-size:.72rem;display:flex}.main-footer strong{color:var(--text-muted)}#toast{border:1px solid var(--gold);color:#fff;pointer-events:none;opacity:0;z-index:100;background:#141623f2;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:.85rem;font-weight:800;transition:transform .3s cubic-bezier(.18,.89,.32,1.28),opacity .3s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 30px #000000b3}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}#confetti-canvas{pointer-events:none;z-index:99;width:100vw;height:100vh;position:fixed;top:0;left:0}