:root{--bg-primary: #0a0f1c;--bg-section: #111827;--bg-card: #1a2236;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #00d4aa;--accent-hover: #00f0c0;--accent-muted: rgba(0, 212, 170, .15);--warn: #f59e0b;--danger: #ef4444;--border: rgba(148, 163, 184, .15);--radius: 12px;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.screen-card{max-width:560px;width:100%;background:var(--bg-section);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem}.screen-card .eyebrow{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.screen-card h1{font-size:1.6rem;margin:0 0 1rem;line-height:1.25}.screen-card p{color:var(--text-secondary);margin:.75rem 0}.screen-card ul{color:var(--text-secondary);margin:.75rem 0;padding-left:1.2rem}.screen-card li{margin:.35rem 0}.actions{display:flex;gap:12px;margin-top:1.75rem;flex-wrap:wrap}button{font-family:inherit;font-size:.95rem;font-weight:600;padding:.7rem 1.4rem;border-radius:8px;border:1px solid transparent;cursor:pointer}button.primary{background:var(--accent);color:#06231c}button.primary:hover{background:var(--accent-hover)}button.secondary{background:transparent;color:var(--text-secondary);border-color:var(--border)}button.secondary:hover{color:var(--text-primary);border-color:var(--text-secondary)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen-card input[type=password],.screen-card input[type=text]{width:100%;font-family:inherit;font-size:1rem;padding:.7rem .9rem;margin-top:.5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary)}.screen-card input[type=password]:focus,.screen-card input[type=text]:focus{outline:2px solid var(--accent);outline-offset:2px}.screen-card .field-error{color:var(--danger);font-size:.9rem;margin:.75rem 0 0}.badge-danger{display:inline-block;font-size:.75rem;font-weight:700;color:var(--danger);background:#ef44441f;border-radius:999px;padding:3px 10px;margin-bottom:.75rem}.screen-showcase{--bg-primary: #fff6ec;--bg-card: #ffffff;--text-primary: #2b2420;--text-secondary: #6e6058;--text-muted: #9c8f84;--accent: #ff6a39;--accent-hover: #ff7f54;--accent-muted: rgba(255, 106, 57, .12);--warn: #e8a100;--danger: #d8483e;--border: rgba(43, 36, 32, .12);background:var(--bg-primary);color:var(--text-primary)}.showcase{display:block;padding:0 clamp(16px,4vw,56px) 2.5rem;background:radial-gradient(700px 420px at 12% -8%,rgba(255,176,122,.35),transparent 70%),radial-gradient(640px 380px at 92% 4%,rgba(140,203,232,.3),transparent 70%),var(--bg-primary)}.showcase-intro{max-width:1180px;margin:0 auto clamp(1.5rem,4vh,2.5rem);padding-top:clamp(1.5rem,6vh,3.5rem)}.showcase-intro h1{margin:0 0 .6rem;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.03em;font-weight:800;max-width:20ch;text-wrap:balance}.showcase-intro p{margin:0;max-width:52ch;font-size:clamp(1rem,1.4vw,1.15rem);color:var(--text-secondary)}.showcase-facts{list-style:none;padding:0;margin:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:8px}.showcase-facts li{font-size:.85rem;font-weight:600;padding:5px 12px;border-radius:999px;background:#ffffffb3;border:1px solid var(--border)}.showcase-footer{max-width:1180px;margin:2.5rem auto 0;font-size:.85rem;color:var(--text-muted);text-align:center}.catalog-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,2vw,1.75rem)}.game-card{all:unset;box-sizing:border-box;cursor:pointer;background:var(--bg-card);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px #2b24200f,0 10px 30px -12px #2b242040;transition:transform .2s ease,box-shadow .2s ease}.game-card:hover{transform:translateY(-4px);box-shadow:0 1px #2b24200f,0 22px 44px -16px #2b242059}.game-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.game-card-cover{position:relative;aspect-ratio:4 / 3.4}.game-cover,.game-card-cover .game-card-thumb{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;aspect-ratio:auto}.game-cover-layer{position:absolute;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 8px 10px rgba(43,36,32,.22));transition:transform .35s ease}.game-card:hover .game-cover-layer{translate:0 -4px}.game-card-thumb{display:flex;align-items:center;justify-content:center}.game-card-thumb-icon{font-size:3rem;width:92px;height:92px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff8c;box-shadow:0 6px 16px #2b242026,inset 0 0 0 2px #fffc}.cover-slash{left:-10%;top:50%;width:120%;height:7px;border-radius:999px;transform:rotate(-24deg);background:linear-gradient(90deg,transparent,#fff 25%,#fff 75%,transparent);box-shadow:0 0 18px 4px #fffc;filter:none}.game-card-record{position:absolute;left:12px;top:12px;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px;background:#ffffffe0;color:var(--text-primary)}.game-card-body{padding:1.1rem 1.25rem 1.25rem;display:flex;flex-direction:column;flex:1}.game-card-title{margin:0 0 .35rem;font-size:1.35rem;line-height:1.2;letter-spacing:-.01em}.game-card-desc{margin:0;flex:1;color:var(--text-secondary);font-size:.92rem;line-height:1.5}.game-card-play{margin-top:1rem;text-align:center;font-weight:700;font-size:1rem;padding:.75rem 1rem;border-radius:14px;color:#fff;background:var(--accent);transition:background .15s ease}.game-card:hover .game-card-play{background:var(--accent-hover)}.game-stage{height:100vh;display:flex;flex-direction:column;padding:1.25rem;gap:1rem}.game-hud-top{text-align:center}.game-hud-top .eyebrow{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.game-hud-top h1{font-size:1.6rem;margin:.4rem 0}.game-hud-top p{color:var(--text-secondary);margin:0}.game-avatar-stage{flex:1;position:relative;min-height:0;border-radius:var(--radius);background:radial-gradient(ellipse at center,rgba(0,212,170,.08),transparent 70%)}.game-camera-pip{position:absolute;bottom:12px;right:12px;width:160px;height:120px;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 4px 20px #0006}.game-hud-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pose-badge{display:flex;align-items:center;gap:10px;background:#0a0f1cbf;border:1px solid var(--border);border-radius:12px;padding:8px 14px 8px 8px;color:var(--accent)}.pose-badge-celebrate{animation:pose-badge-pop .5s ease-out}@keyframes pose-badge-pop{0%{box-shadow:0 0 #00d4aa99}70%{box-shadow:0 0 0 14px #00d4aa00}to{box-shadow:0 0 #00d4aa00}}@media (prefers-reduced-motion: reduce){.pose-badge-celebrate{animation:none}}.fruitslice-hud-row{display:flex;align-items:baseline;justify-content:space-between}.fruitslice-score{font-size:3.4rem;font-weight:800;color:#f4f7ff;-webkit-text-stroke:1.5px rgba(10,15,28,.65);text-shadow:0 0 14px rgba(230,240,255,.6),0 2px 4px rgba(0,0,0,.5);line-height:1}.fruitslice-score-pop{display:inline-block;animation:fruitslice-score-pop .28s ease-out}@keyframes fruitslice-score-pop{0%{transform:scale(1.35)}to{transform:scale(1)}}.fruitslice-timer{font-size:2.9rem;font-weight:800;color:#f4f7ff;-webkit-text-stroke:1.5px rgba(10,15,28,.65);text-shadow:0 0 14px rgba(230,240,255,.6),0 2px 4px rgba(0,0,0,.5);line-height:1}.fruitslice-timer--urgent{color:var(--danger);text-shadow:0 0 10px rgba(239,68,68,.6);animation:fruitslice-timer-pulse 1s ease-in-out infinite}@keyframes fruitslice-timer-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.fruitslice-score-pop,.fruitslice-timer--urgent{animation:none}}