:root{color:#fef3c7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#111827 0%,#1f2937 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#111827 0%,#1f2937 100%);min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}#app{min-height:100vh}.shell{max-width:980px;margin:0 auto;padding:32px 20px 48px}.page{gap:20px;display:grid}.hero-card,.game-card,.info-card,.leaderboard-card{background:#111827d1;border:1px solid #ffffff1a;border-radius:24px;padding:24px;box-shadow:0 16px 40px #0003}.leaderboard-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.coming-soon-badge{color:#93c5fd;background:#93c5fd1f;border-radius:999px;padding:6px 10px;font-size:.8rem}.leaderboard-table{border:1px solid #ffffff1a;border-radius:14px;margin-top:16px;overflow:hidden}.leaderboard-row{grid-template-columns:80px 1fr 100px;gap:12px;padding:10px 14px;display:grid}.leaderboard-labels{color:#fbbf24;background:#ffffff0f;font-weight:700}.leaderboard-empty{color:#9ca3af;text-align:center;padding:18px 14px}.hero-card{text-align:center}.hero-card.compact{text-align:left}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#f59e0b;margin-bottom:8px;font-size:.8rem}h1,h2{margin:0 0 10px}.crime-game{font-family:Courier New,ui-monospace,monospace}.lead{color:#d1d5db;max-width:640px;margin:0 auto 18px;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary,.secondary,.ghost,.game-button{border:0;border-radius:999px;padding:10px 16px;transition:transform .2s,opacity .2s}.primary:hover,.secondary:hover,.ghost:hover,.game-button:hover{transform:translateY(-1px)}.primary{color:#111827;background:#f59e0b}.secondary{color:#fef3c7;background:#ffffff1f}.ghost{color:#93c5fd;background:0 0;border:1px solid #93c5fd5c}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.game-card-art{isolation:isolate;border:3px solid #ffffffbf;border-radius:18px;place-items:center;min-height:190px;margin:-8px -8px 20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #ffffff1f,0 0 22px #2563eb38}.game-card-art:before{z-index:-1;content:"";background:repeating-linear-gradient(0deg,#0000 0 5px,#ffffff12 5px 7px);position:absolute;inset:0}.game-card-art:after{content:"";border:1px dashed #ffffff59;border-radius:12px;position:absolute;inset:10px}.mystery-card-art{background:radial-gradient(circle at 50% 52%,#ffffff2e,#0000 28%),linear-gradient(135deg,#111827,#4c1d95)}.click-card-art{background:radial-gradient(circle,#ffffff38,#0000 25%),linear-gradient(135deg,#0f766e,#1d4ed8 55%,#7c3aed)}.soccer-card-art{background:radial-gradient(circle,#ffffff38,#0000 24%),repeating-linear-gradient(90deg,#ffffff0d 0 45px,#0000 45px 90px),linear-gradient(135deg,#166534,#15803d 50%,#14532d)}.lawn-card-art{background:linear-gradient(135deg,#14532d,#65a30d)}.hunting-card-art{background:linear-gradient(135deg,#365314,#166534)}.hunting-card-crosshair{z-index:3;color:#ef4444;text-shadow:2px 2px #111827;font-size:2.8rem;font-weight:300;line-height:1;position:absolute;top:24px;right:44px}.hunting-card-duck{z-index:2;font-size:2rem;position:absolute;top:34px;right:30px}.lawn-game .hero-card{background:#183b2a}.lawn-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;display:flex}.lawn-board{background:#0f3d25;border:4px solid #8b5a2b;border-radius:14px;outline:none;grid-template-columns:repeat(18,1fr);gap:2px;max-width:820px;margin:0 auto 14px;padding:8px;display:grid}.lawn-tile{aspect-ratio:1;border-radius:3px;place-items:center;font-size:clamp(.7rem,2vw,1.25rem);display:grid}.lawn-tile.grass{background:#3f9f45;box-shadow:inset 0 -3px #14532d47}.lawn-tile.cut{background:#86c96a}.lawn-tile.empty{background:0 0}.lawn-tile.mower{background:#facc15;box-shadow:inset 0 0 0 2px #fff}.lawn-game .status{text-align:center}.hunting-game canvas{width:100%;max-width:800px;image-rendering:pixelated;touch-action:none;cursor:none;background:#9bd477;border:4px solid #3f6212;border-radius:12px;margin:18px auto;display:block}.lawn-joystick{touch-action:none;z-index:2;background:#0f3d25cc;border:3px solid #ffffffa6;border-radius:50%;place-items:center;width:88px;height:88px;margin:-112px 18px 24px auto;display:grid;position:relative}.lawn-joystick-thumb{background:#facc15;border-radius:50%;width:38px;height:38px;box-shadow:0 3px #a16207}@media (width<=600px){.lawn-joystick{margin-top:-108px;margin-right:12px}}.arcade-kicker,.arcade-screen-text{z-index:2;letter-spacing:.12em;text-shadow:2px 2px #111827;font-family:Courier New,ui-monospace,monospace;font-weight:900;position:absolute}.arcade-kicker{color:#fef3c7;font-size:.75rem;top:20px}.arcade-screen-text{color:#fff;font-size:.72rem;bottom:18px}.arcade-symbol{z-index:1;color:#fff;text-shadow:4px 4px #111827,0 0 18px #ffffff73;font-family:Courier New,ui-monospace,monospace;font-size:5.25rem;font-weight:900;line-height:1;transform:rotate(-4deg)}.click-symbol{color:#fef08a;font-size:4.5rem;transform:rotate(4deg)}.soccer-symbol{color:#111827;text-align:center;background:#fff;border:8px solid #fff;border-radius:50%;width:84px;height:84px;font-size:5rem;line-height:.78}.soccer-ball-graphic{z-index:1;filter:drop-shadow(7px 9px #14532d73);font-family:Segoe UI Symbol,sans-serif;font-size:6.5rem;line-height:1;transform:rotate(-12deg)}.soccer-scene-goal{border:7px solid #fff;border-bottom-width:10px;width:210px;height:94px;position:absolute;top:34px;left:50%;transform:translate(-50%);box-shadow:0 8px #14532d99}.soccer-scene-goal:before,.soccer-scene-goal:after,.soccer-scene-goal i{content:"";background:#ffffffa6;display:block;position:absolute}.soccer-scene-goal:before{width:3px;top:0;bottom:0;left:50%}.soccer-scene-goal:after{width:2px;top:0;bottom:0;left:25%}.soccer-scene-goal i{height:2px;top:30%;left:0;right:0}.soccer-scene-goal i:nth-child(2){top:60%}.soccer-scene-goal i:nth-child(3){width:2px;height:auto;top:0;bottom:0;left:75%}.soccer-scene-player{width:84px;height:106px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.player-head{background:#f0b27a;border:3px solid #172554;border-radius:50%;width:30px;height:30px;position:absolute;top:0;left:27px}.player-body{background:linear-gradient(135deg,#93c5fd,#2563eb);border:4px solid #172554;border-radius:20px 20px 9px 9px;width:58px;height:55px;position:absolute;top:25px;left:13px}.player-leg{transform-origin:0;background:#f0b27a;border:4px solid #172554;border-radius:12px;width:48px;height:14px;position:absolute;bottom:0;right:3px;transform:rotate(-24deg)}.soccer-scene-ball{background:radial-gradient(circle at 30% 25%,#fff 0 22%,#e5e7eb 23% 70%,#6b7280 71%);border:3px solid #374151;border-radius:50%;width:22px;height:22px;position:absolute;bottom:69px;left:68%;box-shadow:0 3px #11182780}.soccer-scene-trail{transform-origin:100%;background:#ffffffa6;width:100px;height:3px;position:absolute;bottom:82px;left:52%;transform:rotate(-17deg)}.game-page-art{width:100%;margin:0 0 24px}.click-game{font-family:Courier New,ui-monospace,monospace}.click-game .hero-card,.click-game .leaderboard-card{background:repeating-linear-gradient(0deg,#0000 0 7px,#ffffff06 7px 9px),linear-gradient(145deg,#0f766e47,#1d4ed84d 55%,#7c3aed4d),#111827;border:2px solid #ffffffb3;box-shadow:0 0 0 4px #111827d9,0 0 28px #2563eb4d}.click-game h1,.click-game h2{letter-spacing:.04em;text-transform:uppercase;text-shadow:2px 2px #111827}.click-game .primary,.click-game .secondary,.click-game .ghost{text-transform:uppercase;border:2px solid #ffffffa6;border-radius:8px;font-weight:900;box-shadow:3px 3px #111827cc}.click-game .primary{background:#fef08a}.click-game .game-button{letter-spacing:.08em;text-shadow:2px 2px #111827;text-transform:uppercase;background:radial-gradient(circle,#ffffff4d,#0000 24%),linear-gradient(135deg,#0f766e,#1d4ed8 55%,#7c3aed);border:5px solid #fff;border-radius:18px;min-height:170px;font-family:Courier New,ui-monospace,monospace;font-size:1.5rem;box-shadow:inset 0 0 24px #ffffff2e,0 8px #111827}.click-game .game-button:not(:disabled):active{transform:translateY(6px);box-shadow:inset 0 0 24px #ffffff2e,0 2px #111827}.click-game .rank-display{text-transform:uppercase;text-shadow:1px 1px #111827;background:#111827bf;border:2px solid #fef08a;border-radius:6px;width:fit-content;padding:8px 12px;display:inline-block}.click-game .leaderboard-labels{color:#fef08a;background:linear-gradient(90deg,#0f766e73,#7c3aed73)}.click-game .coming-soon-badge{color:#fef08a;background:#111827bf;border:1px solid #ffffff73}.soccer-game{max-width:1060px}.soccer-game .hero-card{color:#14532d;background:radial-gradient(circle at 12% 8%,#ffffffbf,#0000 18%),linear-gradient(145deg,#dcfce7,#bbf7d0 48%,#86efac);border:3px solid #166534;box-shadow:0 12px #166534,0 20px 28px #14532d47}.soccer-game h1,.soccer-game h2,.soccer-game h3{color:#14532d;text-shadow:2px 2px #ffffffb3}.soccer-game .lead,.soccer-game .helper{color:#166534}.soccer-game .eyebrow{color:#15803d;font-weight:900}.soccer-game .primary,.soccer-game .secondary,.soccer-game .ghost{border:2px solid #166534;border-radius:12px;font-weight:900;box-shadow:3px 4px #166534}.soccer-game .primary{color:#14532d;background:#facc15}.soccer-game .secondary{color:#fff;background:#22c55e}.soccer-game .ghost{color:#166534;background:#fff}.soccer-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.soccer-mode-menu{text-align:center;background:#fff9;border:3px solid #22c55e;border-radius:12px;margin:20px 0;padding:24px}.soccer-mode-menu .actions{justify-content:center}.soccer-manager{background:#ffffff9e;border:3px solid #22c55e;border-radius:12px;margin:20px 0;padding:20px}.manager-money{color:#166534;font-size:1.25rem;font-weight:800}.manager-list{gap:8px;margin-bottom:18px;display:grid}.manager-player{background:#ffffffbf;border:2px solid #16653459;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:10px 12px;display:flex}.manager-player span{color:#166534;font-size:.85rem}.soccer-score{color:#14532d;margin:0;font-size:1.25rem;font-weight:800}.soccer-canvas-wrap{touch-action:none;background:#15803d;border:8px solid #fff;border-radius:16px;width:100%;margin:12px 0 16px;overflow:hidden;box-shadow:0 14px 30px #0000004d}#soccer-canvas{cursor:crosshair;touch-action:none;width:100%;height:auto;display:block}.game-card p,.info-card ol,.helper,.status{color:#d1d5db;line-height:1.6}.detective-layout{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:16px;margin:24px 0;display:grid}.clue-card,.board-card,.story-card,.case-outcome{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;padding:18px}.story-card{border-color:#93c5fd4d;margin-top:20px}.story-card p,.case-outcome p{color:#d1d5db;margin-bottom:0;line-height:1.7}.case-outcome{border-color:#86efac59;margin:18px 0}.clue-list{color:#d1d5db;min-height:140px;padding-left:24px;line-height:1.6}.suspect-board{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;display:grid}.suspect-tile{color:#fef3c7;background:#f59e0b1f;border:1px solid #f59e0b80;border-radius:12px;padding:12px 8px;transition:transform .15s,opacity .15s}.suspect-tile strong,.suspect-tile span{display:block}.suspect-tile strong{font-size:1rem}.suspect-tile span{color:#d1d5db;margin-top:4px;font-size:.74rem}.suspect-tile:hover{transform:translateY(-2px)}.suspect-tile.eliminated{opacity:.35;background:#ffffff0a;border-color:#ffffff26;text-decoration:line-through}.stack{gap:12px;max-width:360px;display:grid}input,select{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:10px 12px}select option{color:#111827}.status{margin-top:8px;font-weight:600}.status.success{color:#86efac}.score{color:#fbbf24;background:#f59e0b24;border-radius:999px;margin:0 0 18px;padding:8px 12px;font-weight:700;display:inline-block}.game-button{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);min-height:120px;font-size:1.2rem;font-weight:700}.game-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.rank-display{color:#fbbf24;margin:0;font-size:1.15rem;font-weight:800}.rank-guide{color:#9ca3af;margin:0;font-size:.78rem;line-height:1.5}@media (width<=720px){.detective-layout{grid-template-columns:1fr}.suspect-board{grid-template-columns:repeat(2,minmax(120px,1fr))}.card-grid{grid-template-columns:1fr}.hero-card,.game-card,.info-card,.leaderboard-card{padding:20px}.leaderboard-heading{flex-direction:column;align-items:flex-start}}