:root{--bg:#f4f6f8;--surface:#fff;--surface-alt:#eef1f5;--text:#11151c;--muted:#5b6472;--border:#dde2e9;--accent:#1f5fd0;--accent-text:#fff;--best:#17734a;--best-bg:#e3f4ec;--chosen:#1f5fd0;--chosen-bg:#e6eefb;--red-suit:#c0392b;--radius:14px;--shadow:0 1px 2px #1016200f, 0 4px 16px #1016200f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d1117;--surface:#161b22;--surface-alt:#1c232c;--text:#e6edf3;--muted:#97a1ad;--border:#2b323b;--accent:#4f8cf7;--accent-text:#0d1117;--best:#56d4a0;--best-bg:#10301f;--chosen:#7aa9ff;--chosen-bg:#14203a;--red-suit:#ff7a6b;--shadow:0 1px 2px #0006, 0 4px 16px #0000004d}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3{margin:0;line-height:1.25}ul,ol,dl,dd{margin:0;padding:0;list-style:none}p{margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{max-width:34rem;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-left)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-right));flex-direction:column;gap:1rem;min-height:100dvh;margin:0 auto;display:flex}.header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.header__title{letter-spacing:-.01em;font-size:1.35rem}.header__meta{color:var(--muted);flex-direction:column;font-size:.875rem;display:flex}.lang-toggle{border:1px solid var(--border);background:var(--surface);min-width:3rem;min-height:2.5rem;color:var(--text);font:inherit;letter-spacing:.04em;cursor:pointer;border-radius:999px;flex:none;padding:0 .75rem;font-size:.8125rem;font-weight:600}.main{flex-direction:column;flex:1;gap:1rem;display:flex}.footer{color:var(--muted);text-align:center;font-size:.75rem}.empty{text-align:center;flex-direction:column;gap:.5rem;padding:3rem 0;display:flex}.situation,.feedback,.result,.banner,.stats{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.block+.block{margin-top:1rem}.label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:600}.tags{flex-wrap:wrap;gap:.375rem;margin-bottom:.875rem;display:flex}.tag{background:var(--surface-alt);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.banner{border-left:3px solid var(--accent);flex-direction:column;gap:.125rem;font-size:.875rem;display:flex}.banner span{color:var(--muted)}.notice{color:var(--muted);margin-top:.875rem;font-size:.75rem;font-style:italic}.situation__head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.875rem;display:flex}.situation__head h2{font-size:1.125rem}.situation__counter{color:var(--muted);white-space:nowrap;font-size:.8125rem}.situation__context{color:var(--muted);border-left:2px solid var(--border);padding-left:.75rem;font-size:.9375rem}.situation__seat,.situation__line{color:var(--muted);font-size:.875rem}.situation__seat{margin-top:.5rem}.situation__pot{margin-top:.5rem;font-weight:600}.history,.villains{flex-wrap:wrap;gap:.375rem;display:flex}.history li,.villains li{background:var(--surface-alt);font-variant-numeric:tabular-nums;border-radius:8px;padding:.2rem .5rem;font-size:.8125rem}.cards{gap:.5rem;display:flex}.card{color:#11151c;font-variant-numeric:tabular-nums;background:#fdfdfd;border:1px solid #c9ced6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:3rem;height:4.25rem;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #1016202e}.card--small{width:2.25rem;height:3.125rem;font-size:.8125rem}.card--red{color:var(--red-suit)}.card__rank{font-size:1.25rem;line-height:1}.card--small .card__rank{font-size:.9375rem}.card__suit{width:1.1rem;height:1.1rem}.card--small .card__suit{width:.8rem;height:.8rem}.actions{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;display:grid}.actions__button,.primary{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:3rem;color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--shadow);padding:.75rem 1rem;font-weight:600}.actions__button:active{transform:translateY(1px)}.primary{background:var(--accent);width:100%;color:var(--accent-text);border-color:#0000;margin-top:1rem}.feedback__points{color:var(--best);margin-bottom:.875rem;font-size:1.25rem;font-weight:700}.freqs{flex-direction:column;gap:.75rem;display:flex}.freqs__row{background:var(--surface-alt);border:1px solid #0000;border-radius:10px;padding:.5rem}.freqs__row--best{background:var(--best-bg)}.freqs__row--chosen{border-color:var(--chosen)}.freqs__head{justify-content:space-between;gap:.75rem;font-size:.9375rem;font-weight:600;display:flex}.freqs__value{font-variant-numeric:tabular-nums}.freqs__bar{background:var(--border);border-radius:999px;height:6px;margin-top:.375rem;overflow:hidden}.freqs__fill{background:var(--accent);border-radius:999px;height:100%}.freqs__badges{flex-wrap:wrap;gap:.375rem;margin-top:.375rem;display:flex}.freqs__badges:empty{display:none}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:.1rem .5rem;font-size:.6875rem;font-weight:700}.badge--best{background:var(--best);color:var(--surface)}.badge--chosen{background:var(--chosen-bg);color:var(--chosen);border:1px solid var(--chosen)}.freqs__note{color:var(--muted);margin-top:.375rem;font-size:.8125rem}.feedback__why{margin-top:1rem}.result__title{font-size:1.125rem}.result__score{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:.25rem 0 1rem;font-size:2.5rem;font-weight:800}.recap{flex-direction:column;gap:.375rem;font-size:.9375rem;display:flex}.recap li{border-left:2px solid var(--border);padding-left:1rem}.recap__hit{border-left-color:var(--best)}.result__next{color:var(--muted);margin-top:1rem;font-size:.875rem}.stats{margin-top:1rem;padding:.875rem}.stats__grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.stats__tile{background:var(--surface-alt);text-align:center;border-radius:10px;padding:.5rem .25rem}.stats__tile dt{color:var(--muted);font-size:.6875rem;line-height:1.2}.stats__tile dd{font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-size:1.25rem;font-weight:700}@media (prefers-reduced-motion:no-preference){.freqs__fill{transition:width .32s ease-out}}