: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%;}
}