:root{--bg:#080b16;--panel:#10182b;--panel2:#151f36;--line:rgba(255,255,255,.12);--text:#f4f7ff;--muted:#aeb8d4;--gold:#ffd76b;--green:#5ff2a0;--blue:#5bc7ff;--pink:#ff72d2;--red:#ff6b7a;--radius:22px;--shadow:0 18px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,#182650 0,#080b16 34%,#060811 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(14px,3vw,30px);background:rgba(8,11,22,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.2px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--gold),#ff9f43);color:#211300;box-shadow:0 0 30px rgba(255,215,107,.3)}.top-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.top-nav a,.btn{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));color:var(--text);padding:10px 13px;border-radius:14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover,.top-nav a:hover{border-color:rgba(255,215,107,.45);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#ffe072,#ffb33c);color:#211300;border:0}.btn.good{background:linear-gradient(135deg,#5ff2a0,#1dbf72);color:#03130a;border:0}.btn.danger{background:linear-gradient(135deg,#ff7585,#ff3f61);border:0}.btn.small{padding:8px 10px;border-radius:12px;font-size:.9rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.app-shell{width:min(1220px,100%);margin:0 auto;padding:18px clamp(12px,3vw,26px) 60px}.hero{border:1px solid var(--line);background:linear-gradient(135deg,rgba(91,199,255,.14),rgba(255,215,107,.1),rgba(255,114,210,.08));border-radius:28px;padding:22px;box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:auto -10% -45% auto;width:320px;height:320px;border-radius:50%;background:rgba(255,215,107,.13);filter:blur(3px)}.hero h1{margin:0 0 8px;font-size:clamp(1.8rem,5vw,3.5rem);line-height:1.05}.hero p{margin:0;color:var(--muted);max-width:760px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.card h2,.card h3{margin:0 0 10px;line-height:1.2}.muted{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0}.stat{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.055);padding:12px}.stat span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.stat strong{display:block;font-size:1.18rem;margin-top:4px}.bar{height:12px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue));border-radius:999px}.tabs{display:flex;gap:8px;overflow-x:auto;padding:6px 0 14px;position:sticky;top:66px;background:linear-gradient(180deg,rgba(8,11,22,.98),rgba(8,11,22,.72));z-index:25}.tab-btn{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);padding:10px 13px;border-radius:999px;font-weight:900;cursor:pointer}.tab-btn.active{background:linear-gradient(135deg,var(--gold),#ff9f43);color:#211300;border:0}.tab-panel{display:none}.tab-panel.active{display:block}.action-card{display:flex;flex-direction:column;gap:10px;min-height:220px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:.86rem}.shop-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.shop-tab{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:999px;padding:8px 11px;cursor:pointer;font-weight:800}.shop-tab.active{background:rgba(255,215,107,.2);border-color:rgba(255,215,107,.45)}.form-row{display:grid;gap:7px;margin-bottom:13px}.form-row label{font-weight:900}.input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#0c1324;color:var(--text);padding:12px;outline:none}textarea{min-height:110px;resize:vertical}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px}table{border-collapse:collapse;width:100%;min-width:760px;background:rgba(255,255,255,.035)}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:#fff;background:rgba(255,255,255,.07)}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.admin-nav a{padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.06);font-weight:850}.popup-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;z-index:100;padding:16px}.popup-box{width:min(560px,100%);background:linear-gradient(180deg,#18233d,#10182b);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:20px;box-shadow:var(--shadow)}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.option-grid button{padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);font-weight:900;cursor:pointer}.option-grid button:hover{background:rgba(255,215,107,.16)}.toast-host{position:fixed;right:14px;bottom:14px;z-index:200;display:grid;gap:10px}.toast{background:#111a2e;border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow);max-width:340px}.event-overlay{position:fixed;inset:0;z-index:180;background:radial-gradient(circle at center,rgba(255,215,107,.16),rgba(10,14,28,.88));pointer-events:none;overflow:hidden}.event-card{position:absolute;left:50%;top:16%;transform:translateX(-50%);width:min(580px,calc(100% - 28px));border:1px solid rgba(255,255,255,.2);background:rgba(12,18,34,.88);backdrop-filter:blur(14px);border-radius:26px;padding:18px;text-align:center;box-shadow:var(--shadow);pointer-events:auto}.drop-claim{animation:pulse 1.1s infinite}@keyframes pulse{50%{transform:scale(1.03)}}.particle{position:absolute;top:-40px;font-size:28px;animation:fall linear forwards;opacity:.9}@keyframes fall{to{transform:translateY(calc(100vh + 60px)) rotate(360deg);opacity:0}}.auth-wrap{width:min(480px,100%);margin:30px auto}.notice{border:1px solid rgba(255,215,107,.35);background:rgba(255,215,107,.08);padding:12px;border-radius:16px;margin-bottom:14px}.error{border-color:rgba(255,107,122,.45);background:rgba(255,107,122,.08)}.success{border-color:rgba(95,242,160,.45);background:rgba(95,242,160,.08)}.progress-note{font-size:.9rem;color:var(--muted);margin-top:8px}.rank-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;background:rgba(255,215,107,.14);border:1px solid rgba(255,215,107,.28);font-weight:900;color:#ffe293}.locked-note{font-size:.92rem;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin-top:auto}.kbd{font-family:ui-monospace,Consolas,monospace;background:rgba(255,255,255,.08);padding:2px 6px;border-radius:7px}.footer-space{height:30px}@media(max-width:900px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{align-items:flex-start;flex-direction:column}.top-nav{width:100%;justify-content:flex-start}.tabs{top:105px}.option-grid{grid-template-columns:1fr}.card{padding:14px}.hero{padding:18px}table{min-width:680px}}@media(max-width:430px){.app-shell{padding-left:10px;padding-right:10px}.stat-grid{grid-template-columns:1fr}.top-nav a,.btn{width:100%}.top-nav{display:grid;grid-template-columns:1fr 1fr}.tabs{top:120px}}

/* V2 full-play additions */
.notice{padding:12px 14px;border:1px solid var(--line,#26344f);border-radius:16px;margin:0 0 14px;background:rgba(255,255,255,.06)}.notice.success{border-color:rgba(46,213,115,.4)}.notice.error{border-color:rgba(255,71,87,.5)}
.auth-card{max-width:520px;margin:40px auto;padding:24px;border:1px solid var(--line,#26344f);border-radius:24px;background:rgba(12,18,35,.92);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.form-stack{display:grid;gap:14px}.form-stack label,.panel label{display:grid;gap:7px;color:#dce8ff;font-weight:700}.input,select,textarea{width:100%;background:#101a31;color:#fff;border:1px solid #314366;border-radius:14px;padding:12px;box-sizing:border-box}textarea{min-height:92px;resize:vertical}
.hero-card{display:flex;justify-content:space-between;gap:18px;align-items:stretch;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(135deg,rgba(71,123,255,.18),rgba(39,212,146,.1));margin-bottom:16px}.hero-card h1{margin:8px 0}.hero-rank{min-width:210px;display:grid;gap:6px;align-content:center;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px}.hero-rank b{font-size:1.35rem;color:#ffe680}.hero-rank span,.hero-rank small{color:#b8c7e6}
.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:14px 0}.stat-card{padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(12,18,35,.9);min-width:0}.stat-card span{display:block;color:#9fb2d8;font-size:.86rem}.stat-card b{display:block;font-size:1.25rem;word-break:break-word}.bar{height:8px;border-radius:999px;background:#1a2740;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#43e895,#ffee72)}
.tabs,.shop-tabs,.admin-nav,.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tab-btn,.shop-tab,.admin-nav a,.btn{border:1px solid rgba(255,255,255,.14);background:#111d35;color:#fff;border-radius:999px;padding:10px 14px;text-decoration:none;cursor:pointer;font-weight:800}.tab-btn.active,.shop-tab.active,.btn.primary{background:linear-gradient(135deg,#4278ff,#24d494);border-color:transparent}.btn.green{background:#1f9d66}.btn.gold{background:#9b7617}.btn.danger{background:#a73545}.btn.small{padding:7px 11px;font-size:.85rem}.tab-panel{display:none}.tab-panel.active{display:block}.panel,.card{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(12,18,35,.92);padding:18px;margin:14px 0}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.game-card{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.045);padding:16px}.game-card h3{margin-top:0}.muted,.game-card p{color:#aebdd8;line-height:1.5}.pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.06);color:#dbe8ff;font-size:.86rem}.mini-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-stat-grid>div,.feed-item,.rank-row,.upgrade-row{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:12px;background:rgba(255,255,255,.04)}.mini-stat-grid span,.feed-item span,.feed-item small{display:block;color:#aebdd8;margin-top:5px}.feed-list{display:grid;gap:10px}.upgrade-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0}.rank-list{display:grid;gap:8px}.rank-row{display:flex;justify-content:space-between}.rank-row.unlocked{border-color:rgba(67,232,149,.35);background:rgba(67,232,149,.08)}
.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:separate;border-spacing:0 8px}th{text-align:left;color:#9fb2d8;font-size:.85rem}td,th{padding:10px;background:rgba(255,255,255,.04)}td:first-child,th:first-child{border-radius:12px 0 0 12px}td:last-child,th:last-child{border-radius:0 12px 12px 0}.inline{display:inline}.drop-row{display:grid;grid-template-columns:1.3fr .7fr .7fr .7fr;gap:8px;margin:8px 0}.toast-host{position:fixed;right:14px;bottom:14px;z-index:10000;display:grid;gap:8px}.toast{background:#111d35;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 14px;max-width:330px;box-shadow:0 16px 40px rgba(0,0,0,.35)}.toast.success{border-color:#43e895}.toast.error{border-color:#ff6b7a}
.popup-modal{position:fixed;inset:0;background:rgba(0,0,0,.74);z-index:9999;display:grid;place-items:center;padding:16px}.popup-box{width:min(560px,100%);background:#101a31;border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.45)}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option-grid button{padding:13px;border-radius:16px;background:#172746;color:#fff;border:1px solid rgba(255,255,255,.16);font-weight:800}
.event-overlay{position:fixed;inset:0;z-index:9998;background:radial-gradient(circle at top,#233f78,rgba(0,0,0,.86));overflow:hidden;display:grid;place-items:center;padding:16px}.event-overlay[hidden]{display:none}.event-card{position:relative;z-index:2;width:min(560px,100%);text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:rgba(9,14,28,.84);padding:24px}.particle{position:absolute;top:-40px;font-size:28px;animation:fall linear forwards;z-index:1}.gold-storm .particle{filter:drop-shadow(0 0 12px gold)}.book-storm{background:radial-gradient(circle,#27345c,#050814)}.energy-surge{background:radial-gradient(circle,#125b52,#050814)}@keyframes fall{to{transform:translateY(110vh) rotate(360deg);opacity:.2}}
@media(max-width:980px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}.hero-card{flex-direction:column}.mini-stat-grid{grid-template-columns:1fr}}
@media(max-width:620px){.app-shell{padding-left:12px!important;padding-right:12px!important}.site-header{padding-left:12px!important;padding-right:12px!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:1fr}.upgrade-row{align-items:stretch;flex-direction:column}.option-grid{grid-template-columns:1fr}.drop-row{grid-template-columns:1fr}.top-nav{gap:6px}.brand span:last-child{font-size:.95rem}}

/* V3 playable mobile hardening + tab fixes */
html,body{width:100%;max-width:100%;overflow-x:hidden!important;}
*,*::before,*::after{box-sizing:border-box;min-width:0;}
img,svg,video,canvas,iframe{max-width:100%;height:auto;}
body{touch-action:manipulation;}
.app-shell{width:min(1180px,100%);max-width:100%;margin:0 auto;padding-left:clamp(14px,4vw,26px)!important;padding-right:clamp(14px,4vw,26px)!important;overflow-x:hidden;}
.site-header{width:100%;max-width:100%;padding-left:clamp(14px,4vw,26px)!important;padding-right:clamp(14px,4vw,26px)!important;overflow-x:hidden;}
.tabs{position:relative!important;top:auto!important;z-index:3;width:100%;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:9px;align-items:stretch;margin:16px 0 18px;overflow:visible!important;}
.tab-btn,.shop-tab,.quick-game-btn,.btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.tab-btn{width:100%;justify-content:center;text-align:center;border-radius:16px;white-space:normal;line-height:1.2;min-height:44px;}
.tab-panel{width:100%;max-width:100%;overflow:hidden;}
.tab-panel.active{display:block!important;}
.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))!important;}
.grid-two{grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr))!important;}
.stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr))!important;}
.panel,.card,.game-card,.hero-card,.stat-card{max-width:100%;overflow-wrap:anywhere;word-break:normal;}
.hero-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,300px);}
.shop-tabs{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;}
.shop-tab{width:100%;border-radius:14px;}
.quick-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:14px;margin-top:14px;}
.quick-game-group{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.04);padding:14px;overflow:hidden;}
.quick-game-group h3{margin:0 0 12px;}
.quick-game-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:9px;}
.quick-game-btn{border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(66,120,255,.18),rgba(36,212,148,.1));color:#fff;border-radius:16px;padding:11px;text-align:left;cursor:pointer;display:grid;gap:4px;min-height:62px;}
.quick-game-btn span{font-weight:900;line-height:1.2;}
.quick-game-btn small{color:#aebdd8;font-weight:800;}
.quick-game-btn:hover,.quick-game-btn:focus-visible{outline:none;border-color:rgba(255,215,107,.55);background:rgba(255,215,107,.12);}
.upgrade-row{max-width:100%;}
.table-wrap.custom-scroll{overflow:auto;}
.table-wrap{max-width:100%;}
.table-wrap::-webkit-scrollbar,.custom-scroll::-webkit-scrollbar,.feed-list::-webkit-scrollbar,.rank-list::-webkit-scrollbar{width:10px;height:10px;}
.table-wrap::-webkit-scrollbar-track,.custom-scroll::-webkit-scrollbar-track,.feed-list::-webkit-scrollbar-track,.rank-list::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px;}
.table-wrap::-webkit-scrollbar-thumb,.custom-scroll::-webkit-scrollbar-thumb,.feed-list::-webkit-scrollbar-thumb,.rank-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4278ff,#24d494);border-radius:999px;border:2px solid rgba(10,15,30,.9);}
.leaderboard-stack{display:grid;gap:18px;grid-template-columns:1fr!important;}
.leaderboard-card-list{display:grid;gap:10px;}
.leaderboard-row-card{display:grid;grid-template-columns:auto minmax(0,1.2fr) repeat(5,minmax(92px,1fr));gap:8px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.045);padding:10px;}
.leaderboard-row-card .place{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(255,215,107,.16);color:#ffe680;font-weight:950;}
.leaderboard-row-card .name{font-weight:950;color:#fff;}
.leaderboard-row-card .metric{display:grid;gap:2px;}
.leaderboard-row-card .metric small{color:#9fb2d8;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;}
.leaderboard-row-card .metric b{font-size:.95rem;}
@media(max-width:760px){
  .app-shell{padding-left:14px!important;padding-right:14px!important;}
  .site-header{padding-left:14px!important;padding-right:14px!important;}
  .hero-card{grid-template-columns:1fr!important;}
  .hero-rank{min-width:0!important;width:100%;}
  .tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .tab-btn{font-size:.93rem;padding:11px 9px;}
  .mini-stat-grid{grid-template-columns:1fr!important;}
  .top-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
  .top-nav a{width:100%;text-align:center;}
  .leaderboard-row-card{grid-template-columns:44px minmax(0,1fr);}
  .leaderboard-row-card .metric{grid-column:1 / -1;grid-template-columns:1fr 1fr;display:grid;background:rgba(0,0,0,.13);border-radius:12px;padding:8px;}
  .popup-modal{padding-left:14px!important;padding-right:14px!important;}
  .popup-box{max-height:calc(100dvh - 30px);overflow:auto;}
}
@media(max-width:420px){
  .tabs{grid-template-columns:1fr 1fr;}
  .stat-grid{grid-template-columns:1fr!important;}
  .quick-game-buttons{grid-template-columns:1fr;}
  .btn,.top-nav a{min-height:44px;}
}

/* V4 live game / events / pagination polish */
.pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
.pager-count,.pager-page{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.05);color:#dce8ff;font-weight:800}.pager-count{color:#ffe680}
.live-drop-host,.live-message-host{position:fixed;left:clamp(12px,4vw,24px);right:clamp(12px,4vw,24px);z-index:9997;display:grid;gap:10px;pointer-events:none}.live-drop-host{bottom:18px}.live-message-host{top:84px}.live-drop-card,.live-message-card{pointer-events:auto;width:min(520px,100%);border:1px solid rgba(255,255,255,.18);border-radius:20px;background:linear-gradient(135deg,rgba(17,29,53,.96),rgba(33,49,84,.96));box-shadow:0 20px 60px rgba(0,0,0,.38);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;animation:slideInLive .25s ease-out}.live-message-card{margin-left:auto;background:linear-gradient(135deg,rgba(38,22,61,.96),rgba(17,29,53,.96));align-items:flex-start}.live-drop-card b,.live-message-card b{display:block;color:#fff}.live-drop-card span,.live-message-card p,.live-message-card small{display:block;margin:.15rem 0;color:#b9c8e8}.live-message-card p{white-space:pre-wrap}@keyframes slideInLive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.event-overlay:before,.event-overlay:after{content:"";position:absolute;inset:-20%;pointer-events:none;mix-blend-mode:screen;opacity:.7}.event-overlay:before{background:conic-gradient(from 0deg,rgba(66,120,255,.0),rgba(66,120,255,.28),rgba(255,114,210,.2),rgba(36,212,148,.22),rgba(255,215,107,.22),rgba(66,120,255,.0));animation:spinShow 8s linear infinite}.event-overlay:after{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 70px);animation:panShow 5s linear infinite}@keyframes spinShow{to{transform:rotate(360deg)}}@keyframes panShow{to{transform:translateX(70px)}}.event-vector-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.dj-light-show,.nightclub-show{background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.22),rgba(5,8,20,.93)),linear-gradient(135deg,rgba(66,120,255,.38),rgba(255,0,170,.22),rgba(36,212,148,.18))}.dj-light-show .event-vector-layer:before,.nightclub-show .event-vector-layer:before{content:"";position:absolute;left:50%;top:-20%;width:140vw;height:140vh;transform:translateX(-50%);background:conic-gradient(rgba(255,255,255,.0),rgba(91,199,255,.28),rgba(255,114,210,.26),rgba(255,215,107,.22),rgba(255,255,255,.0));clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);animation:beamSweep 2.6s ease-in-out infinite alternate}.football-show{background:radial-gradient(circle at 50% 20%,rgba(70,255,128,.2),rgba(3,15,8,.92)),linear-gradient(180deg,#09200f,#05101b)}.football-show .event-vector-layer:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 2px,transparent 2px 12.5%),linear-gradient(180deg,rgba(34,180,80,.2),rgba(34,180,80,.55));border-top:3px solid rgba(255,255,255,.32)}.football-show .event-vector-layer:after{content:"";position:absolute;left:50%;bottom:8%;width:34vw;height:16vw;transform:translateX(-50%);border:3px solid rgba(255,255,255,.5);border-bottom:0;border-radius:8px 8px 0 0}.racing-neon{background:radial-gradient(circle at 50% 30%,rgba(255,60,60,.22),rgba(0,0,0,.9)),linear-gradient(135deg,#17050a,#06152c)}.racing-neon .event-vector-layer:before{content:"";position:absolute;inset:55% -10% auto;height:40%;background:repeating-linear-gradient(90deg,#fff 0 30px,#111 30px 60px);transform:skewY(-8deg);opacity:.28;animation:raceTrack .8s linear infinite}.racing-neon .event-vector-layer:after{content:"";position:absolute;left:0;right:0;top:45%;height:4px;background:linear-gradient(90deg,transparent,#ff2d55,#5bc7ff,#ffe680,transparent);box-shadow:0 0 28px #5bc7ff;animation:panShow 1.2s linear infinite}.stage-spotlight{background:radial-gradient(circle at 50% 20%,rgba(255,215,107,.25),rgba(8,11,22,.9)),linear-gradient(135deg,#1a0c22,#081629)}.stage-spotlight .event-vector-layer:before{content:"";position:absolute;left:10%;top:-10%;width:35%;height:120%;background:linear-gradient(180deg,rgba(255,255,255,.32),transparent);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);animation:beamSweep 2.2s ease-in-out infinite alternate}.stage-spotlight .event-vector-layer:after{content:"";position:absolute;right:10%;top:-10%;width:35%;height:120%;background:linear-gradient(180deg,rgba(91,199,255,.3),transparent);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);animation:beamSweep 2.8s ease-in-out infinite alternate-reverse}.event-controls{justify-content:center}.event-card{max-width:calc(100vw - 28px)}@keyframes beamSweep{from{transform:translateX(-10%) rotate(-8deg)}to{transform:translateX(10%) rotate(8deg)}}@keyframes raceTrack{to{transform:translateX(-60px) skewY(-8deg)}}
@media(max-width:700px){.live-message-host{top:122px}.live-drop-card,.live-message-card{width:100%;flex-direction:column;align-items:stretch}.live-drop-card .btn,.live-message-card .btn{width:100%}.pager{display:grid;grid-template-columns:1fr 1fr}.pager-count,.pager-page{grid-column:1/-1;text-align:center}.event-card{padding:18px}.event-controls .btn{width:100%}}


/* V5 tab + mobile hardening */
html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
body { overscroll-behavior-x:none; }
.app-shell, .site-header, .tabs, .tab-panel, .panel, .card, .game-card, .hero-card, .stat-grid, .card-grid, .grid-two { max-width:100%; }
.tabs { position:relative !important; top:auto !important; z-index:5 !important; display:grid !important; grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr)) !important; gap:9px !important; overflow:visible !important; padding:8px 0 14px !important; }
.tab-btn { display:flex !important; align-items:center !important; justify-content:center !important; min-height:46px !important; text-decoration:none !important; user-select:none !important; pointer-events:auto !important; }
.tab-btn:focus-visible { outline:3px solid rgba(255,215,107,.85); outline-offset:3px; }
.tab-panel { display:none !important; }
.tab-panel.active { display:block !important; }
.energy-stat-card .energy-value { display:flex !important; align-items:baseline; gap:3px; white-space:nowrap; flex-wrap:nowrap; line-height:1.15; }
.energy-stat-card .energy-value span { display:inline !important; white-space:nowrap; }
.energy-stat-card .bar { margin-top:8px; }
.stat-card b, .stat-card strong { overflow-wrap:normal; word-break:normal; }
@media(max-width:520px){
  .app-shell{padding-left:14px!important;padding-right:14px!important;}
  .tabs{grid-template-columns:1fr 1fr!important;}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .energy-stat-card{grid-column:1 / -1;}
}
@media(max-width:360px){
  .tabs{grid-template-columns:1fr!important;}
  .stat-grid{grid-template-columns:1fr!important;}
}
.event-overlay[hidden], [hidden] { display:none !important; }

/* V7 non-blocking admin event widget: keeps game playable while events run */
.event-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:80 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  display:block !important;
  padding:0 !important;
  background:transparent !important;
  opacity:.72 !important;
  mix-blend-mode:screen;
}
.event-overlay[hidden]{display:none !important;}
.event-overlay:before,.event-overlay:after{pointer-events:none !important; opacity:.48 !important;}
.event-overlay .event-vector-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.event-overlay.dj-light-show,.event-overlay.nightclub-show,
.event-overlay.football-show,.event-overlay.racing-neon,
.event-overlay.stage-spotlight,.event-overlay.gold-storm,
.event-overlay.book-storm,.event-overlay.energy-surge{background:transparent !important;}
.event-overlay .particle{z-index:2;pointer-events:none;text-shadow:0 0 14px rgba(255,255,255,.55);}
.event-widget{
  position:fixed;
  right:clamp(12px,3vw,24px);
  bottom:clamp(12px,3vw,24px);
  width:min(410px,calc(100vw - 24px));
  z-index:9998;
  pointer-events:auto;
  border:1px solid rgba(255,255,255,.2);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(11,18,34,.96),rgba(26,38,66,.94));
  box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 30px rgba(91,199,255,.14);
  backdrop-filter:blur(16px);
  padding:14px;
  color:var(--text);
  animation:eventWidgetIn .2s ease-out;
}
.event-widget[hidden]{display:none !important;}
.event-widget-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;}
.event-widget h3{margin:7px 0 0;font-size:1.08rem;line-height:1.2;color:#fff;}
.event-widget p{margin:8px 0;color:var(--muted);line-height:1.45;}
.event-live-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:950;color:#101827;background:linear-gradient(135deg,#ffd76b,#ff9f2d);box-shadow:0 0 18px rgba(255,200,77,.25);}
.event-widget-actions{display:flex;gap:7px;flex:0 0 auto;}
.event-icon-btn{width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-weight:1000;cursor:pointer;line-height:1;}
.event-icon-btn:hover{background:rgba(255,255,255,.16);}
.event-icon-btn.danger{background:rgba(255,75,96,.14);border-color:rgba(255,75,96,.28);}
.event-widget-status{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:16px;padding:10px 11px;margin:10px 0;color:#dbe7ff;font-weight:750;}
.event-widget-status.drop-ready{border-color:rgba(95,242,160,.38);background:rgba(95,242,160,.1);color:#eafff2;}
.event-widget-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.event-widget-controls .btn{min-width:0;}
.event-widget.has-drop{box-shadow:0 24px 80px rgba(0,0,0,.52),0 0 34px rgba(95,242,160,.22);border-color:rgba(95,242,160,.35);}
.event-mini-pill{width:100%;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(17,29,53,.97),rgba(33,49,84,.95));border-radius:18px;padding:11px 12px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:950;cursor:pointer;box-shadow:0 16px 48px rgba(0,0,0,.35);}
.event-mini-pill small{color:var(--muted);font-weight:800;}
.event-mini-pill.drop-ready{border-color:rgba(95,242,160,.5);background:linear-gradient(135deg,rgba(18,72,56,.98),rgba(32,49,84,.95));animation:pulse 1.1s infinite;}
.event-mini-pill.drop-ready b{color:#ddffe9;font-size:.85rem;}
.event-widget.minimized{padding:0;background:transparent;border:0;box-shadow:none;width:min(360px,calc(100vw - 24px));}
@keyframes eventWidgetIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){
  .event-widget{left:12px;right:12px;bottom:12px;width:auto;padding:12px;border-radius:20px;}
  .event-widget-controls{display:grid;grid-template-columns:1fr;}
  .event-widget-controls .btn{width:100%;}
}


/* V8 professional JDL Learn UI + instant/live states */
:root{
  --bg:#f4fbf8; --bg2:#eef7ff; --ink:#132033; --text:#f8fbff; --dark:#101827;
  --muted:#627086; --panel:#ffffff; --panel2:#f7fbff; --line:rgba(24,45,71,.13);
  --green:#48d597; --green2:#b7f4cf; --mint:#e8fff3; --blue:#67b7ff; --navy:#12233f;
  --lilac:#d9d2ff; --peach:#ffd6b8; --yellow:#ffe9a6; --red:#e74757; --radius:24px;
  --shadow:0 18px 45px rgba(18,35,63,.12);
}
html,body{width:100%;max-width:100%;overflow-x:hidden!important;background:linear-gradient(135deg,#f6fff9 0%,#eef7ff 42%,#fff8ee 100%)!important;color:var(--ink)!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 5%,rgba(72,213,151,.18),transparent 28%),radial-gradient(circle at 86% 8%,rgba(103,183,255,.18),transparent 28%),radial-gradient(circle at 50% 100%,rgba(255,214,184,.2),transparent 32%);z-index:-1;}
.site-header{background:rgba(255,255,255,.82)!important;color:var(--ink);border-bottom:1px solid rgba(18,35,63,.08)!important;box-shadow:0 10px 30px rgba(18,35,63,.06);backdrop-filter:blur(18px);}
.brand{color:#15243b;font-weight:1000}.brand-icon{background:linear-gradient(135deg,var(--green),var(--blue))!important;color:#06131e;box-shadow:0 10px 26px rgba(72,213,151,.28)}
.top-nav a{background:#fff!important;color:#16233b!important;border:1px solid rgba(18,35,63,.12)!important;box-shadow:0 8px 22px rgba(18,35,63,.06)}
.app-shell{width:min(1240px,100%);padding:20px clamp(14px,3vw,30px) 90px!important;}
.hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(232,255,243,.95) 45%,rgba(238,247,255,.96))!important;color:var(--ink);border:1px solid rgba(18,35,63,.1)!important;box-shadow:var(--shadow);}
.hero-card:after{content:"";position:absolute;right:-70px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(72,213,151,.28),transparent 65%)}
.hero-card h1{color:#16243b;letter-spacing:-.04em;font-size:clamp(2rem,5vw,4.15rem);line-height:1.02}.hero-card p,.muted{color:#64728b!important}.hero-rank{background:rgba(255,255,255,.68)!important;color:#16243b;border-color:rgba(72,213,151,.24)!important}.hero-rank b{color:#0f9f66!important}.pill{background:rgba(72,213,151,.11)!important;color:#31506a!important;border:1px solid rgba(72,213,151,.2)!important}.pill-row{align-items:center}
.stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.stat-card{background:rgba(255,255,255,.86)!important;color:#14233a;border:1px solid rgba(18,35,63,.1)!important;border-radius:22px;box-shadow:0 10px 28px rgba(18,35,63,.06)}.stat-card span{color:#6a7890}.stat-card b{color:#16233b;font-weight:1000;font-size:clamp(1.1rem,2.4vw,1.45rem)}.bar{background:rgba(18,35,63,.08)!important;border:0!important}.bar>i{background:linear-gradient(90deg,var(--green),var(--blue))!important}
.tabs{position:relative!important;top:auto!important;background:transparent!important;padding:6px 0 16px!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(138px,1fr))!important;gap:10px!important;overflow:visible!important;box-shadow:none!important;border:0!important;}
.tab-btn{background:rgba(255,255,255,.78)!important;color:#15243b!important;border:1px solid rgba(18,35,63,.1)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(18,35,63,.06);min-height:52px!important;font-weight:1000!important;letter-spacing:.01em}.tab-btn.active{background:linear-gradient(135deg,#67b7ff,#48d597)!important;color:#06131e!important;border:0!important;box-shadow:0 16px 35px rgba(72,213,151,.24)}
.panel,.game-card,.card,.quick-game-group,.auth-card{background:rgba(255,255,255,.9)!important;color:#14233a;border:1px solid rgba(18,35,63,.1)!important;border-radius:24px!important;box-shadow:var(--shadow)}.panel h2,.panel h3,.game-card h3,.card h2,.card h3{color:#16243b}.game-card p,.panel p{color:#65758d}.grid-two{gap:16px}.card-grid{gap:16px}.game-card{transition:transform .18s ease,box-shadow .18s ease}.game-card:hover{transform:translateY(-2px);box-shadow:0 24px 50px rgba(18,35,63,.12)}
.btn,.quick-game-btn{border-radius:16px!important;font-weight:1000!important}.btn.primary,.quick-game-btn{background:linear-gradient(135deg,#67b7ff,#48d597)!important;color:#06131e!important;border:0!important;box-shadow:0 12px 26px rgba(72,213,151,.18)}.btn.green{background:linear-gradient(135deg,#48d597,#9df2c0)!important;color:#06131e!important;border:0!important}.btn.gold{background:linear-gradient(135deg,#ffe9a6,#ffbd73)!important;color:#2f1a05!important;border:0!important}.btn.danger{background:linear-gradient(135deg,#ff6a7a,#e74757)!important;color:#fff!important;border:0!important}.btn:disabled,.quick-game-btn:disabled,.is-waiting{opacity:1!important;cursor:not-allowed!important;background:linear-gradient(135deg,#e74757,#c91f35)!important;color:#fff!important;border:0!important;box-shadow:none!important;transform:none!important}.is-waiting small,.is-waiting span{color:#fff!important}.cooldown-note{display:none!important}
.quick-game-group{padding:16px}.quick-game-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}.quick-game-btn{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:12px}.quick-game-btn span{font-size:.95rem}.quick-game-btn small{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.45);color:#102037;font-weight:1000;white-space:nowrap}.shop-tabs{gap:10px}.shop-tab{background:#fff!important;color:#16243b!important;border:1px solid rgba(18,35,63,.1)!important}.shop-tab.active{background:linear-gradient(135deg,#e8fff3,#eef7ff)!important;border-color:rgba(72,213,151,.35)!important;color:#0e6f4a!important}
.popup-modal{background:rgba(9,18,34,.34)!important;backdrop-filter:blur(7px);padding:14px}.popup-box{background:linear-gradient(180deg,#ffffff,#f6fbff)!important;color:#16243b!important;border:1px solid rgba(18,35,63,.12)!important;box-shadow:0 30px 90px rgba(18,35,63,.22)}.popup-box h2,.popup-box p{color:#16243b!important}.option-grid button{background:#fff!important;color:#16243b!important;border:1px solid rgba(18,35,63,.12)!important}.option-grid button:hover{background:#e8fff3!important;border-color:rgba(72,213,151,.35)!important}.input,select,textarea{background:#fff!important;color:#16243b!important;border:1px solid rgba(18,35,63,.14)!important}.input:focus,select:focus,textarea:focus{outline:3px solid rgba(72,213,151,.22)}
.toast-host{right:16px;bottom:16px;gap:10px}.toast{border:0!important;border-radius:18px!important;font-weight:950;box-shadow:0 18px 45px rgba(18,35,63,.18);max-width:min(390px,calc(100vw - 32px));padding:14px 16px}.toast.success{background:#46dd8e!important;color:#06130d!important}.toast.error{background:#e74757!important;color:#fff!important}.toast:not(.success):not(.error){background:#15243b!important;color:#fff!important}
.live-drop-card,.live-message-card,.event-widget{background:rgba(255,255,255,.94)!important;color:#16243b!important;border:1px solid rgba(18,35,63,.12)!important;box-shadow:0 18px 45px rgba(18,35,63,.16)}.live-drop-card span,.live-message-card p,.live-message-card small,.event-widget p{color:#63738b!important}.event-widget h3{color:#16243b!important}.event-widget-status{background:#f2fbf7!important;color:#17334a!important;border-color:rgba(72,213,151,.2)!important}.event-live-pill{background:linear-gradient(135deg,#48d597,#67b7ff)!important;color:#06131e!important}.event-icon-btn{background:#f6f9fd!important;color:#16243b!important;border-color:rgba(18,35,63,.12)!important}.event-icon-btn.danger{background:#fff0f2!important;color:#e74757!important}.event-mini-pill{background:linear-gradient(135deg,#fff,#e8fff3)!important;color:#16243b!important;border-color:rgba(72,213,151,.25)!important}
.table-wrap{border-color:rgba(18,35,63,.1)!important;background:#fff!important}table{background:#fff!important;color:#16243b!important}th{background:#f2fbf7!important;color:#16243b!important}td,th{border-color:rgba(18,35,63,.08)!important}.admin-nav a{background:#fff!important;color:#16243b!important;border-color:rgba(18,35,63,.1)!important}.pager .btn{background:#fff!important;color:#16243b!important;border:1px solid rgba(18,35,63,.1)!important}
::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:#e9f3f2;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#67b7ff,#48d597);border-radius:999px;border:2px solid #e9f3f2}*{scrollbar-width:thin;scrollbar-color:#48d597 #e9f3f2}
@media(max-width:980px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hero-card{display:grid}.hero-rank{min-width:0}.tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.quick-game-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.app-shell{padding-left:14px!important;padding-right:14px!important}.site-header{padding-left:14px!important;padding-right:14px!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tab-btn{min-height:50px!important;padding:9px 8px!important}.quick-game-buttons{grid-template-columns:1fr}.game-card,.panel{padding:14px!important}.energy-stat-card{grid-column:1 / -1}.top-nav{display:flex!important}.top-nav a{width:auto!important;flex:1 1 auto}.toast-host{left:12px;right:12px;bottom:12px}.toast{max-width:none}.hero-card h1{font-size:2rem}.event-widget{left:12px!important;right:12px!important;width:auto!important}}
@media(max-width:380px){.tabs{grid-template-columns:1fr!important}.stat-grid{grid-template-columns:1fr!important}.top-nav{display:grid!important;grid-template-columns:1fr 1fr}.brand{font-size:.95rem}}

/* V9 playable polish: toasts above event widget, extra visual effects, admin MP3 checker */
body.event-widget-live .toast-host{bottom:300px!important;z-index:10002!important;}
@media(max-width:700px){body.event-widget-live .toast-host{left:12px!important;right:12px!important;bottom:320px!important;}}
.mp3-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.mp3-card{display:grid;gap:8px;background:rgba(255,255,255,.75);border:1px solid rgba(18,35,63,.1);border-radius:18px;padding:12px}.mp3-card audio{width:100%}
.event-overlay.pastel-aurora:before{background:radial-gradient(circle at 12% 20%,rgba(72,213,151,.55),transparent 22%),radial-gradient(circle at 70% 18%,rgba(103,183,255,.45),transparent 24%),radial-gradient(circle at 45% 75%,rgba(217,210,255,.55),transparent 26%)!important;animation:panShow 7s linear infinite!important}.event-overlay.green-matrix:after{background:repeating-linear-gradient(90deg,rgba(72,213,151,.18) 0 2px,transparent 2px 32px),repeating-linear-gradient(0deg,rgba(72,213,151,.12) 0 2px,transparent 2px 32px)!important;animation:panShow 2.8s linear infinite!important}.event-overlay.rocket-maths .event-vector-layer:before{content:"";position:absolute;inset:45% -20% auto;height:5px;background:linear-gradient(90deg,transparent,#67b7ff,#48d597,#ffe9a6,transparent);box-shadow:0 0 35px #67b7ff;animation:panShow 1s linear infinite}.event-overlay.word-rain:after{background:repeating-linear-gradient(180deg,rgba(72,213,151,.13) 0 4px,transparent 4px 55px)!important;animation:fall 6s linear infinite!important}.event-overlay.gem-cave:before{background:conic-gradient(from 45deg,rgba(103,183,255,.0),rgba(103,183,255,.28),rgba(72,213,151,.25),rgba(217,210,255,.35),rgba(103,183,255,.0))!important}.event-overlay.confetti-cannon:after,.event-overlay.firework-finale:after{background:radial-gradient(circle at 20% 30%,rgba(255,215,107,.45),transparent 8%),radial-gradient(circle at 80% 22%,rgba(231,71,87,.4),transparent 9%),radial-gradient(circle at 54% 70%,rgba(72,213,151,.42),transparent 8%)!important;animation:pulse 1.3s ease-in-out infinite!important}.event-overlay.ocean-wave:after{background:repeating-radial-gradient(ellipse at bottom,rgba(103,183,255,.25) 0 8px,transparent 8px 36px)!important;animation:panShow 4s linear infinite!important}.event-overlay.laser-grid:before{background:conic-gradient(from 90deg,transparent,rgba(103,183,255,.38),transparent,rgba(231,71,214,.25),transparent)!important;animation:spinShow 3.6s linear infinite!important}.event-overlay.trophy-spark:before{background:radial-gradient(circle at center,rgba(255,215,107,.42),transparent 35%)!important;animation:pulse 1.6s infinite!important}.event-overlay.space-warp:before{background:repeating-radial-gradient(circle at center,rgba(255,255,255,.2) 0 2px,transparent 2px 40px)!important;animation:spinShow 5s linear infinite!important}.event-overlay.jungle-quest:after{background:linear-gradient(135deg,rgba(72,213,151,.25),rgba(20,110,65,.14)),repeating-linear-gradient(120deg,rgba(72,213,151,.18) 0 12px,transparent 12px 50px)!important}.event-overlay.dance-floor:after{background:repeating-linear-gradient(45deg,rgba(255,114,210,.18) 0 20px,rgba(103,183,255,.18) 20px 40px,rgba(72,213,151,.16) 40px 60px)!important;animation:panShow 1.6s linear infinite!important}.event-overlay.singing-stars:before{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 8%),radial-gradient(circle at 65% 22%,rgba(255,215,107,.28),transparent 9%),radial-gradient(circle at 60% 76%,rgba(103,183,255,.24),transparent 9%)!important;animation:pulse 2s ease-in-out infinite!important}.event-overlay.lightning-bolt:after{background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.38) 36%,rgba(72,213,151,.28) 38%,transparent 41%)!important;animation:pulse .75s steps(2,end) infinite!important}.event-overlay.rainbow-lesson:before{background:conic-gradient(from 0deg,rgba(255,100,120,.22),rgba(255,215,107,.24),rgba(72,213,151,.24),rgba(103,183,255,.24),rgba(217,210,255,.28),rgba(255,100,120,.22))!important;animation:spinShow 9s linear infinite!important}