:root{--bg: #0f3d2a;--bg-card: #fffdf8;--accent: #f4b942;--accent-dark: #c4922a;--text: #1a2f24;--muted: #4a6356;--throw: #2d6a4f;--hit: #1d6b8c;--tag: #8b4513;--radius: 18px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:500;color:var(--text);background:linear-gradient(165deg,#0f3d2a,#1a5c40 45%,#0a281c);min-height:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{position:relative;min-height:100vh;padding:1rem 1rem 2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:600px){#root{padding:1.5rem}}.app{max-width:560px;margin:0 auto}.skip-link{position:absolute;left:-9999px;z-index:100;padding:.5rem 1rem;background:var(--accent);color:var(--text);font-weight:800;border-radius:8px;text-decoration:none}.skip-link:focus{left:1rem;top:1rem;outline:3px solid #fff;outline-offset:2px}.app-header{text-align:center;color:#f5f5e8;margin-bottom:1.25rem}.app-header h1{margin:0 0 .35rem;font-size:1.55rem;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.25)}.app-header p{margin:0;font-size:.95rem;opacity:.92;font-weight:500}.category-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.category-btn{border:2px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;padding:.45rem .85rem;border-radius:999px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.category-btn:hover{background:#ffffff38}.category-btn:active{transform:scale(.97)}.category-btn.active{background:var(--accent);color:var(--text);border-color:var(--accent)}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;margin-bottom:1rem}.toolbar button{border:none;background:#fff3;color:#fff;padding:.5rem 1rem;border-radius:10px;font-weight:700;font-size:.88rem;cursor:pointer}.toolbar button:hover{background:#ffffff4d}.toolbar button:disabled{opacity:.45;cursor:not-allowed}.progress-block{margin-bottom:1rem}.progress-text{text-align:center;color:#ffffffe6;font-size:.88rem;margin:0 0 .5rem}.progress-text strong{font-weight:800}.progress-track{height:6px;border-radius:999px;background:#0003;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#ffe08a);transition:width .25s ease}.card-wrap{perspective:1000px;margin-bottom:1rem}.card-inner{position:relative;width:100%;min-height:240px;padding:0;margin:0;border:none;background:transparent;font:inherit;color:inherit;text-align:left;transition:transform .55s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;cursor:pointer;border-radius:var(--radius)}.card-inner:focus{outline:none}.card-inner:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(prefers-reduced-motion:reduce){.card-inner,.progress-fill{transition:none}}.card-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius);padding:1.25rem 1.35rem;display:flex;flex-direction:column;justify-content:center;box-shadow:0 12px 40px #00000047;border:4px solid rgba(0,0,0,.06)}.card-front{background:var(--bg-card)}.card-back{background:#fff8e7;transform:rotateY(180deg)}.card-badge{align-self:flex-start;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .55rem;border-radius:6px;margin-bottom:.65rem}.card-badge.throw{background:var(--throw);color:#fff}.card-badge.hit{background:var(--hit);color:#fff}.card-badge.tag-up{background:var(--tag);color:#fff}.card-situation{display:block;font-size:1.12rem;font-weight:700;line-height:1.45;margin:0}.card-hint{margin-top:1rem;font-size:.8rem;color:var(--muted);font-weight:600}.card-answer{display:block;font-size:1.02rem;line-height:1.5;margin:0;font-weight:600}.nav-row{display:flex;gap:.75rem;justify-content:center;align-items:center}.nav-row button{flex:1;max-width:160px;padding:.75rem 1rem;font-size:1rem;font-weight:800;border:none;border-radius:12px;cursor:pointer;background:var(--accent);color:var(--text);box-shadow:0 4px 0 var(--accent-dark)}.nav-row button:hover{filter:brightness(1.05)}.nav-row button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--accent-dark)}.nav-row button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:0 4px 0 var(--accent-dark)}.keyboard-hint{margin-top:.75rem;text-align:center;color:#ffffff8c;font-size:.72rem;font-weight:600;letter-spacing:.02em}.footer-tip{margin-top:1.25rem;text-align:center;color:#ffffffbf;font-size:.8rem;line-height:1.45}