:root{--bg: #0f1220;--bg-soft: #161a2c;--panel: #1b2036;--panel-2: #232945;--line: #2c3350;--text: #e8ebf5;--muted: #9aa3c0;--violet: #8b5cf6;--violet-soft: #a78bfa;--green: #34d399;--radius: 16px;--shadow: 0 12px 40px rgba(0, 0, 0, .35);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,#1d2440 0%,var(--bg) 60%);color:var(--text);min-height:100vh}button{font-family:inherit;cursor:pointer}.app{max-width:1080px;margin:0 auto;padding:0 20px 60px}.site-header{padding:22px 0 10px}.brand{display:inline-flex;align-items:center;gap:12px;background:none;border:none;color:var(--text);padding:0}.brand-mark{font-size:30px}.brand-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.brand-text strong{font-size:20px;letter-spacing:.3px}.brand-text em{font-size:12.5px;color:var(--muted);font-style:normal}.back-link{background:none;border:none;color:var(--violet-soft);font-size:14px;padding:6px 0;margin-bottom:8px}.back-link:hover{color:var(--text)}.hero{padding:24px 0 8px}.hero h1{font-size:34px;margin:0 0 10px;line-height:1.1}.hero p{color:var(--muted);max-width:620px;font-size:15.5px;line-height:1.55}.hero strong{color:var(--text)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:22px}.game-card{--accent: var(--violet);text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;color:var(--text);transition:transform .14s ease,border-color .14s ease;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--accent);opacity:.85}.game-card:not(.is-locked):hover{transform:translateY(-3px);border-color:var(--accent)}.game-card.is-locked{opacity:.6;cursor:default}.game-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.game-card h3{margin:4px 0 0;font-size:18px}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.badge-live{background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--violet-soft)}.badge-soon{background:#2a2f4a;color:var(--muted)}.game-tagline{color:var(--text);font-size:13.5px;margin:10px 0 6px;font-weight:600}.game-desc{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.site-footer{margin-top:40px;border-top:1px solid var(--line);padding-top:16px}.site-footer p{color:var(--muted);font-size:12.5px;max-width:600px}.cp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cp-head h2{margin:0;font-size:26px}.cp-sub{color:var(--muted);margin:4px 0 0;font-size:14px}.link-btn{background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13px}.link-btn:hover{color:var(--text);border-color:var(--violet)}.help{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:14px 20px;margin-top:14px}.help ol{margin:0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.6}.help strong,.help em{color:var(--text)}.help-examples{color:var(--muted);font-size:13px;margin:10px 0 0}.help code{background:var(--panel-2);padding:2px 7px;border-radius:6px;color:var(--violet-soft);font-size:12.5px}.rule-guide{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:11px 16px;margin-top:14px;font-size:13.5px;color:var(--muted);line-height:1.5}.rule-guide strong{color:var(--text);font-weight:600}.rule-guide code{background:var(--panel-2);padding:2px 7px;border-radius:6px;color:var(--violet-soft);font-size:12.5px}.rule-guide-colors em{font-style:normal;text-transform:uppercase;letter-spacing:.5px;font-size:11.5px}.cp-settings{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.mode-switch{display:inline-flex;gap:4px;background:var(--panel-2);padding:4px;border-radius:10px;border:1px solid var(--line)}.mode-opt{background:none;border:none;color:var(--muted);padding:7px 14px;border-radius:7px;font-size:13.5px;font-weight:600;transition:background .14s ease,color .14s ease}.mode-opt:hover{color:var(--text)}.mode-opt.active{background:var(--violet);color:#fff}.cp-body{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:18px}@media (max-width: 780px){.cp-body{grid-template-columns:1fr}}.cp-stage{display:flex;flex-direction:column;gap:14px}.color-box{height:240px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:background .18s ease;position:relative}.color-box.is-idle{outline:2px dashed var(--line);outline-offset:-10px}.color-name{font-size:22px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 12px rgba(0,0,0,.45)}.color-name.muted{color:var(--muted);text-shadow:none}.click-btn{border:none;border-radius:14px;padding:18px;font-size:17px;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--violet-soft),var(--violet));box-shadow:0 8px 24px #8b5cf659;display:flex;flex-direction:column;gap:3px;transition:transform .06s ease,filter .12s ease}.click-btn small{font-weight:500;opacity:.8;font-size:12px}.click-btn:disabled{filter:grayscale(.6) brightness(.7);box-shadow:none}.click-btn.pulse{animation:pop .22s ease}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(.96);filter:brightness(1.25)}to{transform:scale(1)}}.recent{display:flex;align-items:center;gap:10px}.recent-label,.recent-empty{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.recent-row{display:flex;gap:5px;flex-wrap:wrap}.swatch{width:22px;height:22px;border-radius:6px;border:2px solid transparent;position:relative}.swatch.clicked{border-color:#fff;box-shadow:0 0 0 2px #ffffff40}.swatch.ai:after{content:"";position:absolute;right:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--violet-soft);border:1px solid var(--bg)}.cp-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px}.ctl{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600}.ctl:hover{border-color:var(--violet)}.ctl-primary{background:linear-gradient(180deg,var(--violet-soft),var(--violet));border-color:transparent}.speed{display:inline-flex;gap:4px;margin-left:auto;background:var(--panel-2);padding:4px;border-radius:10px;border:1px solid var(--line)}.speed-opt{background:none;border:none;color:var(--muted);padding:5px 10px;border-radius:7px;font-size:13px}.speed-opt.active{background:var(--violet);color:#fff}.cp-ai{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:14px;align-self:start}.ai-head{display:flex;align-items:center;gap:9px}.ai-head h3{margin:0;font-size:17px}.ai-dot{width:10px;height:10px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 4px color-mix(in srgb,var(--violet) 25%,transparent)}.ai-status{margin-left:auto;color:var(--muted);font-size:12px;font-style:italic}.ai-predict{border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center;background:var(--bg-soft);transition:all .15s ease}.ai-predict-label{font-size:14px;color:var(--muted);font-weight:600}.ai-predict.on{background:linear-gradient(180deg,var(--violet-soft),var(--violet));border-color:transparent;box-shadow:0 8px 24px #8b5cf666}.ai-predict.on .ai-predict-label{color:#fff}.meter-top{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:5px}.meter-track{height:9px;background:var(--panel-2);border-radius:999px;overflow:hidden}.meter-fill{height:100%;border-radius:999px;transition:width .3s ease}.meter-fill.violet{background:linear-gradient(90deg,var(--violet),var(--violet-soft))}.meter-fill.green{background:linear-gradient(90deg,#10b981,var(--green))}.ai-stats{display:flex;gap:10px}.ai-stats div{flex:1;background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column}.ai-stats strong{font-size:20px}.ai-stats span{color:var(--muted);font-size:11.5px}.ai-guess{border-top:1px solid var(--line);padding-top:12px}.ai-guess-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.ai-guess-rule{display:block;font-size:18px;font-weight:700;margin-top:4px;min-height:24px}.ai-guess.revealed{background:linear-gradient(180deg,rgba(52,211,153,.12),transparent);border:1px solid color-mix(in srgb,var(--green) 40%,transparent);border-radius:12px;padding:12px}.ai-guess.revealed .ai-guess-rule{color:var(--green)}.ai-guess-foot{color:var(--muted);font-size:12.5px;margin:8px 0 0}.ai-alts{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.ai-alts li{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted)}.ai-alts em{font-style:normal;color:var(--violet-soft)}.grid-mode{margin-top:18px}.grid-hint{color:var(--muted);font-size:13.5px;line-height:1.55;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 14px}.grid-hint strong{color:var(--text)}.grid-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.grid-count{margin-left:auto;color:var(--muted);font-size:13px}.grid-body{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}@media (max-width: 820px){.grid-body{grid-template-columns:1fr}}.square-grid{display:grid;grid-template-columns:repeat(auto-fill,22px);gap:4px;justify-content:start;-webkit-user-select:none;user-select:none;touch-action:none}.sq{width:22px;height:22px;border-radius:5px;position:relative;cursor:pointer;border:2px solid transparent;transition:transform .05s ease}.sq:hover{transform:scale(1.12);z-index:1}.sq.done{opacity:.35}.sq.done:hover{opacity:.9}.sq.sel{outline:2px solid #fff;outline-offset:-2px;box-shadow:0 0 0 2px #ffffff40}.square-grid.analyzed .sq.ai:after{content:"";position:absolute;right:-2px;top:-2px;width:9px;height:9px;border-radius:50%;background:var(--violet-soft);border:1.5px solid var(--bg)}.square-grid.analyzed .sq.miss{border-color:#f0b429}.grid-summary{margin-top:16px}.grid-verdict{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px;font-size:15px;margin:0;color:var(--muted)}.grid-verdict strong{color:var(--text)}.grid-verdict.good{border-color:color-mix(in srgb,var(--green) 45%,transparent);background:linear-gradient(180deg,rgba(52,211,153,.1),transparent);color:var(--text)}.grid-verdict.good strong{color:var(--green)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060810b8;display:flex;align-items:center;justify-content:center;z-index:20;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.modal{background:var(--panel);border:1px solid var(--violet);border-radius:20px;padding:28px;width:min(420px,90vw);text-align:center;box-shadow:var(--shadow)}.modal-eyebrow{color:var(--violet-soft);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.modal h3{margin:8px 0 12px;font-size:20px;color:var(--muted)}.modal-rule{font-size:26px;font-weight:800;margin:0;color:var(--text)}.modal-conf{color:var(--muted);margin:8px 0 20px;font-size:14px}.modal-actions{display:flex;gap:10px;justify-content:center}.game-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.game-head h2{margin:0;font-size:26px}.game-sub{color:var(--muted);margin:4px 0 0;font-size:14px}.mr-body{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:18px}@media (max-width: 780px){.mr-body{grid-template-columns:1fr}}.mr-stage{display:flex;flex-direction:column;gap:16px}.mr-lock{text-align:center;padding:16px;border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);font-size:15px;color:var(--muted);transition:all .15s ease}.mr-lock strong{color:var(--text)}.mr-lock.hit{background:linear-gradient(180deg,rgba(139,92,246,.18),transparent);border-color:var(--violet);color:var(--text)}.mr-lock.miss{background:linear-gradient(180deg,rgba(52,211,153,.14),transparent);border-color:color-mix(in srgb,var(--green) 45%,transparent);color:var(--text)}.mr-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mr-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:34px 0;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--text);transition:transform .06s ease,border-color .14s ease,background .14s ease}.mr-btn:hover{border-color:var(--violet);background:var(--panel-2)}.mr-btn:active{transform:scale(.97)}.mr-btn-label{font-size:24px;font-weight:800;letter-spacing:1px}.mr-btn-hint{font-size:18px;color:var(--muted)}.pip{width:12px;height:12px;border-radius:50%}.pip.good{background:var(--violet)}.pip.bad{background:var(--panel-2);border:1px solid var(--line)}.mr-baseline{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:-6px 0 4px}.rps-arena{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:22px;border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);transition:border-color .15s ease,background .15s ease}.rps-arena.out-W{border-color:color-mix(in srgb,var(--green) 55%,transparent)}.rps-arena.out-L{border-color:color-mix(in srgb,var(--violet) 60%,transparent)}.rps-hand{display:flex;flex-direction:column;align-items:center;gap:6px}.rps-emoji{font-size:54px;line-height:1}.rps-who{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.rps-result{font-size:15px;font-weight:700;color:var(--text);min-width:68px;text-align:center}.rps-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rps-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 0;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);transition:transform .06s ease,border-color .14s ease,background .14s ease}.rps-btn:hover{border-color:var(--violet);background:var(--panel-2)}.rps-btn:active{transform:scale(.96)}.rps-btn-icon{font-size:30px}.rps-btn-label{font-size:13px;font-weight:600}.rps-keys{text-align:center;color:var(--muted);font-size:12px;margin:2px 0 0}.rps-score{display:flex;gap:8px}.rps-score-cell{flex:1;text-align:center;padding:10px;border-radius:10px;background:var(--bg-soft);border:1px solid var(--line)}.rps-score-cell strong{display:block;font-size:22px}.rps-score-cell span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.rps-score-cell.ai{border-color:color-mix(in srgb,var(--violet) 45%,transparent)}.rps-score-cell.you{border-color:color-mix(in srgb,var(--green) 45%,transparent)}.profile-head-actions{display:flex;gap:8px}.profile-empty{margin-top:30px;text-align:center;padding:40px;border:1px dashed var(--line);border-radius:var(--radius)}.profile-empty p{margin:6px 0}.profile-empty .muted{max-width:440px;margin:6px auto 0}.muted{color:var(--muted);font-size:13.5px}.profile-headline{display:flex;align-items:center;gap:22px;margin-top:22px;padding:22px;border-radius:var(--radius);background:linear-gradient(120deg,var(--panel),var(--bg-soft));border:1px solid var(--line)}.profile-score{font-size:56px;font-weight:800;line-height:1;color:var(--violet-soft)}.profile-verdict{font-size:22px;font-weight:700}.profile-traits{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}@media (max-width: 640px){.profile-traits{grid-template-columns:1fr}}.trait-top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.trait-note{margin:6px 0 0;font-size:12px}.profile-subhead{margin:26px 0 12px;font-size:16px}.profile-games{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.profile-games{grid-template-columns:1fr}}.profile-game{padding:16px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.profile-game-top{display:flex;justify-content:space-between;font-weight:600;font-size:14px;margin-bottom:10px}.profile-game-note{margin:8px 0 0;font-size:12px}.bank-scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bank-player{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);transition:opacity .2s ease}.bank-player.me{border-color:color-mix(in srgb,#14b8a6 55%,transparent);background:linear-gradient(180deg,rgba(20,184,166,.12),var(--panel))}.bank-player.banked{opacity:.55}.bank-player-name{font-size:12.5px;color:var(--muted)}.bank-player strong{font-size:24px}.bank-player-tag{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.bank-player.banked .bank-player-tag{color:#14b8a6}.bank-pot{text-align:center;padding:20px;border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line)}.bank-pot-round{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.bank-pot-total{font-size:52px;font-weight:800;line-height:1.1;color:#2dd4bf}.bank-pot-label{font-size:12px;color:var(--muted)}.bank-pot-event{margin-top:8px;font-size:14px;color:var(--text)}.bank-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bank-roll{font-size:18px;padding:16px;background:linear-gradient(180deg,#2dd4bf,#14b8a6);border-color:transparent;color:#06231f;font-weight:800}.bank-bank{font-size:18px;padding:16px;font-weight:700}.bank-bank:disabled{opacity:.45;cursor:not-allowed}.bank-gameover{text-align:center;padding:20px;border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;align-items:center}.bank-gameover strong{font-size:22px}.bank-reveal{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--bg-soft);font-size:14px;color:var(--muted);transition:all .15s ease}.bank-reveal strong{color:var(--text)}.bank-reveal.hit{background:linear-gradient(180deg,rgba(139,92,246,.18),transparent);border-color:var(--violet);color:var(--text)}.bank-reveal.miss{background:linear-gradient(180deg,rgba(52,211,153,.14),transparent);border-color:color-mix(in srgb,var(--green) 45%,transparent);color:var(--text)}.bank-hint{margin:4px 0 0;font-size:12px;line-height:1.5}.numpad{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.numpad-btn{padding:22px 0;font-size:22px;font-weight:800;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);transition:transform .06s ease,border-color .14s ease,background .14s ease}.numpad-btn:hover{border-color:var(--violet);background:var(--panel-2)}.numpad-btn:active{transform:scale(.95)}.clickgrid{display:grid;gap:8px;aspect-ratio:1 / 1}.cell{border-radius:10px;border:1px solid var(--line);background:var(--panel);transition:background .1s ease,border-color .1s ease,transform .05s ease}.cell:hover{background:var(--panel-2);border-color:var(--violet)}.cell:active{transform:scale(.94)}.cell.guess{border:2px dashed var(--violet-soft)}.cell.pick{background:var(--panel-2)}.cell.pick.hit{background:var(--violet);border-color:var(--violet)}.clickgrid-legend{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px;margin:2px 0 0}.swatch-key{width:14px;height:14px;border-radius:4px;display:inline-block;margin-left:10px}.swatch-key.pick{background:var(--violet)}.swatch-key.guess{border:2px dashed var(--violet-soft)}.pd-result{padding:18px;border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);text-align:center;transition:border-color .15s ease}.pd-result.coop{border-color:color-mix(in srgb,var(--green) 45%,transparent)}.pd-result.defect{border-color:color-mix(in srgb,#ef4444 45%,transparent)}.pd-result-row{display:flex;justify-content:space-around;font-size:15px;margin-bottom:6px}.pd-result-pay{font-size:20px;font-weight:800}.pd-result-read{margin-top:6px;font-size:13px;color:var(--muted)}.pd-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pd-btn{padding:20px;font-size:17px;font-weight:700;border-radius:14px;border:1px solid var(--line);color:#fff}.pd-btn.coop{background:linear-gradient(180deg,#34d399,#10b981);border-color:transparent}.pd-btn.defect{background:linear-gradient(180deg,#f87171,#ef4444);border-color:transparent}.pd-btn:active{transform:scale(.97)}.pd-matrix{width:100%;border-collapse:collapse;font-size:13.5px;color:var(--text)}.pd-matrix td{border:1px solid var(--line);padding:8px;text-align:center}.pd-matrix-h{color:var(--muted);font-weight:600;background:var(--bg-soft)}.eleusis-q{text-align:center;padding:18px;border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line)}.eleusis-number{font-size:64px;font-weight:800;color:var(--violet-soft);line-height:1.1}.eleusis-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.eleusis-yes,.eleusis-no{padding:18px;font-size:16px;font-weight:700}.eleusis-history{display:flex;flex-wrap:wrap;gap:6px;min-height:30px}.eleusis-chip{padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--line)}.eleusis-chip.yes{background:color-mix(in srgb,var(--green) 22%,transparent);color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,transparent)}.eleusis-chip.no{background:color-mix(in srgb,#ef4444 18%,transparent);color:#fca5a5;border-color:color-mix(in srgb,#ef4444 35%,transparent)}.eleusis-solved{text-align:center;padding:30px 20px;border-radius:var(--radius);background:linear-gradient(180deg,rgba(139,92,246,.14),transparent);border:1px solid var(--violet);display:flex;flex-direction:column;gap:8px;align-items:center}.eleusis-solved strong{font-size:26px;color:var(--violet-soft)}