:root{
  --surface:rgba(14,17,32,.78);--surface-strong:rgba(18,21,40,.96);--line:rgba(255,255,255,.11);
  --muted:#98a2b3;--text:#f8fafc;--accent:#9b6cff;--accent-2:#4f8cff;--success:#34d399;--danger:#fb7185;
}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 12%,rgba(124,58,237,.2),transparent 33%),radial-gradient(circle at 88% 42%,rgba(37,99,235,.13),transparent 34%),linear-gradient(180deg,#05060d 0%,#080a14 52%,#05060d 100%)}
button,a,input,select,textarea{font:inherit}
a,button{transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(155,108,255,.48);outline-offset:3px}
button:disabled{cursor:not-allowed;opacity:.55}
.nav{height:76px;border-bottom-color:var(--line);box-shadow:0 10px 35px rgba(0,0,0,.22)}
.nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.55),transparent)}
.brand{display:flex;align-items:center}.brand img{width:126px;height:auto;filter:drop-shadow(0 0 20px rgba(139,92,246,.25))}
.nav nav{gap:8px}.nav nav>a:not(.button),.nav .link{padding:9px 11px;border-radius:9px;font-size:14px;font-weight:600}
.nav nav>a:not(.button):hover,.nav .link:hover{color:#fff;background:rgba(255,255,255,.06)}
.button{position:relative;isolation:isolate;box-shadow:0 10px 32px rgba(76,52,190,.3);letter-spacing:.01em}
.button:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(94,67,220,.42)}
.button:active{transform:translateY(0);box-shadow:0 6px 20px rgba(76,52,190,.25)}
.button.secondary{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.18);box-shadow:none}
.nav-toggle{display:none;width:42px;height:42px;padding:9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04)}.nav-toggle span{display:block;height:2px;margin:4px 0;border-radius:2px;background:#fff}

.button.secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(155,108,255,.55)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:#bca7ff;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.eyebrow:before{content:"";width:24px;height:1px;background:currentColor}
.hero{min-height:calc(100vh - 76px);padding-top:70px;padding-bottom:90px;gap:64px}
.hero>div{position:relative;z-index:1}.hero-logo{filter:drop-shadow(0 0 38px rgba(139,92,246,.35))}
.hero h1{max-width:680px;letter-spacing:-.045em;margin:24px 0 20px}
.hero p{max-width:600px;line-height:1.75;margin:0}
.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}
.preview-shell{position:relative;transform:rotate(1.5deg);transition:transform .6s ease}
.preview-shell:hover{transform:rotate(0) translateY(-4px)}
.preview-shell:before{content:"";position:absolute;inset:12% -5% -8%;z-index:-1;background:rgba(139,92,246,.28);filter:blur(55px);border-radius:50%}
.preview{display:block;border:1px solid var(--line);background:#090b14}
.countdown{width:max-content;max-width:100%;margin:28px 0 0;padding:16px 18px;border:1px solid rgba(155,108,255,.26);border-radius:16px;background:rgba(139,92,246,.08);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.countdown b{font-size:14px}.countdown [data-clock]{margin-top:4px;color:#c4b5fd;font:700 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}
.section{position:relative}.section-heading{text-align:center;max-width:680px;margin:0 auto 42px}.section-heading h2{margin:0 0 12px}.section-heading p{color:var(--muted);font-size:18px}
.cards{gap:20px}.cards article{position:relative;overflow:hidden;min-height:230px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.cards article:after{content:"";position:absolute;width:150px;height:150px;right:-70px;top:-70px;border-radius:50%;background:rgba(139,92,246,.13);filter:blur(12px)}
.cards article:hover{transform:translateY(-5px);border-color:rgba(155,108,255,.36);box-shadow:0 24px 65px rgba(0,0,0,.45)}
.cards article h3{font-size:21px;margin:18px 0 8px}.cards article p{color:var(--muted);margin:0}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.trust-item{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.trust-item i{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:8px;background:rgba(139,92,246,.18);color:#c4b5fd;font-style:normal;font-weight:800}
.trust-item strong{display:block;margin-bottom:3px}.trust-item span{color:var(--muted);font-size:14px}
.prize-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,rgba(36,22,68,.92),rgba(12,25,53,.85));border-color:rgba(155,108,255,.28)}
.prize-panel h2{margin:4px 0 5px}.prize-value{font-size:clamp(38px,7vw,70px);font-weight:850;letter-spacing:-.05em;color:#fff;text-shadow:0 0 35px rgba(139,92,246,.35)}
.panel{backdrop-filter:blur(20px)}.leaderboard-panel{max-width:900px}.leaderboard-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.leaderboard-head h2{margin:0}
.leader-row{align-items:center;border:1px solid transparent;border-bottom-color:var(--line);border-radius:12px;transition:background .2s,border-color .2s,transform .2s}
.leader-row:hover{background:rgba(139,92,246,.065);border-color:rgba(139,92,246,.18);transform:translateX(3px)}
.empty-state,.loading-state,.error-state{padding:32px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.14);border-radius:14px}
.error-state{color:#fecdd3;border-color:rgba(251,113,133,.3);background:rgba(127,29,29,.14)}
.auth-shell{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:56px 20px}
.auth{width:min(100%,460px);margin:0;padding:34px}.auth-brand{text-align:center;margin-bottom:24px}.auth-brand img{width:150px}.auth-brand h1{font-size:26px;margin:20px 0 6px}.auth-brand p{color:var(--muted);margin:0}
.tabs{padding:4px;background:rgba(255,255,255,.045);border-radius:12px;gap:4px}.tabs button{border-radius:9px;background:transparent;color:var(--muted);font-weight:700}.tabs button:hover{background:rgba(255,255,255,.05);color:#fff}.tabs .active{background:linear-gradient(120deg,#7c3aed,#4f46e5);color:#fff;box-shadow:0 6px 18px rgba(76,29,149,.35)}
label{font-size:14px;font-weight:650}input,select,textarea{width:100%;min-height:44px;border-color:rgba(255,255,255,.13);transition:border-color .2s,box-shadow .2s,background .2s}input:hover,select:hover,textarea:hover{border-color:rgba(255,255,255,.22)}input:focus,select:focus,textarea:focus{outline:0;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.18);background:#121526}input::placeholder,textarea::placeholder{color:#667085}.auth form>.button{width:100%;min-height:48px}.form-message{min-height:24px;margin:14px 0 0;padding:0;font-size:14px}.form-message.success{color:#6ee7b7}.form-message.error{color:#fda4af}.form-message.loading{color:#c4b5fd}
.account-summary{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:24px 0 40px;background:linear-gradient(120deg,rgba(44,28,82,.9),rgba(13,28,57,.82));border-color:rgba(155,108,255,.3)}.account-summary h2{margin:5px 0}.account-summary p{margin:0;color:var(--muted)}
.table-wrap{border:1px solid var(--line);border-radius:16px;background:rgba(8,10,20,.65);box-shadow:0 15px 45px rgba(0,0,0,.22)}table{background:transparent}th{position:sticky;top:0;background:#111425;color:#aab2c2;font-size:11px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}td{color:#d9deea}tbody tr{transition:background .18s}tbody tr:hover{background:rgba(139,92,246,.055)}.badge{display:inline-flex;align-items:center;font-size:12px;font-weight:800;letter-spacing:.035em;background:rgba(139,92,246,.16);color:#d8ccff;border:1px solid rgba(139,92,246,.22)}
.admin-nav{position:sticky;top:76px;z-index:15;overflow:auto;flex-wrap:nowrap;border-bottom:1px solid var(--line);background:rgba(10,12,23,.94);backdrop-filter:blur(18px)}.admin-nav a{white-space:nowrap;padding:8px 12px;border-radius:9px}.admin-nav a:hover{color:#fff;background:rgba(139,92,246,.12)}
.stats-grid{grid-template-columns:repeat(4,1fr)}.stats-grid article{min-height:130px;justify-content:center}.stats-grid strong{line-height:1}.stats-grid span{color:var(--muted);margin-top:8px;text-transform:capitalize}.flash{position:relative;margin:16px auto 0;max-width:1132px;border:1px solid rgba(52,211,153,.3);border-radius:12px;color:#a7f3d0}
details.panel{margin:14px 0;padding:0;overflow:hidden}details.panel>summary{cursor:pointer;padding:20px 24px;font-weight:800;list-style:none}details.panel>summary::-webkit-details-marker{display:none}details.panel>summary:after{content:"+";float:right;color:#bca7ff;font-size:24px;line-height:1}details.panel[open]>summary:after{content:"−"}details.panel[open]>summary{border-bottom:1px solid var(--line)}details.panel>.form-grid{padding:12px 24px 24px}
td form{margin:0}.danger,td button:not(.button){border:1px solid rgba(255,255,255,.12);background:#222638;color:#fff;padding:9px 12px;border-radius:8px;cursor:pointer}.danger{background:rgba(185,28,28,.8);border-color:rgba(251,113,133,.25)}.danger:hover{background:#be123c}.form-grid .button{align-self:end;min-height:44px}
.game{overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(76,29,149,.16),transparent 40%)}.board-shell{border:1px solid rgba(155,108,255,.28);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 25px 85px rgba(76,29,149,.34)}.game-panel{border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.32)}.game-panel h2{margin:0 0 18px}.game-panel small{color:var(--muted);font-size:10px;letter-spacing:.18em}.game-hint{margin-top:24px;color:var(--muted);font-size:12px;line-height:1.6}
.modal{width:min(92vw,440px);border:1px solid rgba(155,108,255,.3);box-shadow:0 30px 100px rgba(0,0,0,.6);backdrop-filter:blur(20px)}.modal h1{margin-top:0}.modal p{color:var(--muted);line-height:1.65}.mobile-controls{display:none;touch-action:none}.mobile-controls button{min-width:58px;min-height:54px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 24px rgba(0,0,0,.28);touch-action:manipulation;user-select:none}.mobile-controls button:active,.mobile-controls button.pressed{transform:scale(.93);background:#8b5cf6}
footer{border-top:1px solid rgba(255,255,255,.055);font-size:13px}
@media(max-width:900px){.hero{grid-template-columns:1fr;max-width:720px;text-align:center;padding-top:64px}.hero>div:first-child{display:flex;flex-direction:column;align-items:center}.preview-shell{max-width:600px;margin:auto}.section-heading{margin-bottom:30px}.stats-grid{grid-template-columns:repeat(2,1fr)}.nav{padding-inline:18px}.nav nav{gap:2px}.nav nav>a:not(.button),.nav .link{font-size:13px;padding:8px}.game{gap:18px;padding:20px}.game-panel{width:190px}}
@media(max-width:680px){.nav{height:66px}.brand img{width:106px}.nav-toggle{display:block}.nav>nav{display:none;position:absolute;top:calc(100% + 8px);left:12px;right:12px;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(10,12,24,.98);box-shadow:0 22px 60px rgba(0,0,0,.55)}.nav>nav.open{display:flex}.nav>nav>a:not(.button),.nav>nav .link{display:block;width:100%;padding:12px;text-align:left}.nav>nav .button{text-align:center}.hero{min-height:auto;padding:54px 18px 68px;gap:40px}.hero-logo{width:210px}.hero h1{font-size:clamp(37px,12vw,54px)}.hero p{font-size:17px}.preview-shell{transform:none}.section{padding:58px 16px}.section h1,.section h2{font-size:30px}.cards,.stats-grid,.form-grid,.trust-grid{grid-template-columns:1fr}.prize-panel,.account-summary{align-items:flex-start;flex-direction:column}.panel{padding:22px}.leaderboard-head{align-items:flex-start;flex-direction:column}.leader-row{align-items:flex-start;gap:7px;flex-direction:column}.auth-shell{padding:30px 14px}.auth{padding:24px 20px}.admin-nav{top:66px;padding:10px 12px;gap:4px}.admin-nav a{font-size:13px}.game{min-height:calc(100svh - 66px);padding:10px 8px 86px;gap:8px;align-items:flex-start}.board-shell{padding:5px;border-radius:14px}.board-shell canvas{width:min(73vw,320px);max-height:calc(100svh - 165px)}.game-panel{width:24vw;min-width:82px;padding:10px 6px;border-radius:14px}.game-panel h2{font-size:11px;overflow-wrap:anywhere}.game-panel #next{width:64px;height:64px}.score{font-size:26px}.stats{font-size:11px;gap:7px}.game-hint{display:none}.mobile-controls{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));transform:none;gap:6px}.mobile-controls button{min-width:0;padding:10px 4px;font-size:18px}.modal{padding:30px 22px}th,td{padding:11px 10px}.form-grid{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.page-intro{max-width:720px;margin:-16px 0 32px;color:var(--muted);font-size:17px}.admin-page>h1{margin:0 0 22px}.toolbar{display:flex;align-items:end;gap:14px;margin:0 0 20px}.toolbar label{margin:0;min-width:min(100%,320px)}.inline-form{display:flex;align-items:center;gap:8px}.inline-form select{min-width:100px}.modal .button+.button,.modal p+.button{margin-left:8px}
code{padding:3px 6px;border-radius:6px;background:rgba(255,255,255,.06);color:#c4b5fd;font-size:12px}details summary{cursor:pointer}
.admin-page details pre{font-size:11px;color:#cbd5e1;background:#080a12;padding:12px;border-radius:10px}.admin-page details form{margin-top:12px}
.status-note{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.status-note:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success)}
@media(max-width:680px){.toolbar,.inline-form{align-items:stretch;flex-direction:column}.inline-form button{width:100%}.admin-page{padding-top:36px}.modal .button+.button{display:block;margin:10px 0 0}}
@supports(padding:max(0px)){.nav{padding-top:env(safe-area-inset-top)}}
.weekly-home,.weekly-hero{display:flex;align-items:center;justify-content:space-between;gap:38px;background:linear-gradient(120deg,rgba(8,54,61,.9),rgba(25,22,70,.88));border-color:rgba(45,212,191,.25)}.weekly-mini,.weekly-free{display:flex;min-width:190px;flex-direction:column;text-align:center;color:#99f6e4}.weekly-mini strong,.weekly-free strong{font-size:76px;line-height:1}.weekly-mini span,.weekly-free span{font-weight:800}.weekly-mini small,.weekly-free small{margin-top:8px;color:var(--muted)}.weekly-top{max-width:900px;margin:16px auto 0}.weekly-page{max-width:1000px}.weekly-hero{margin-bottom:50px}.my-rank{display:flex;justify-content:space-between;gap:18px;margin:0 0 18px;padding:18px 22px}.my-rank span{color:var(--muted)}.weekly-account{padding-top:20px}.weekly-stats{grid-template-columns:repeat(3,1fr);margin-bottom:36px}.weekly-game-meta{color:#99f6e4;font-size:12px;line-height:1.5}
@media(max-width:680px){.weekly-home,.weekly-hero{align-items:flex-start;flex-direction:column}.weekly-mini,.weekly-free{min-width:0;text-align:left}.weekly-stats{grid-template-columns:1fr}.my-rank{flex-direction:column}}
.game[data-game-mode="WEEKLY"]{background:radial-gradient(circle at 50% 40%,rgba(13,148,136,.15),transparent 42%)}.game[data-game-mode="WEEKLY"] .board-shell{border-color:rgba(45,212,191,.32);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 25px 85px rgba(13,148,136,.23)}
.weekly-page form label{margin:0}.weekly-page form select{min-width:150px}
.weekly-account h3{margin-top:36px;font-size:24px}
.weekly-home h2,.weekly-hero h1{margin-top:0}
.countdown [data-end-absolute]{display:block;margin-top:8px;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:0}