.nav-bar{display:flex;justify-content:space-around;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-2) max(var(--space-2),env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:10}.nav-bar__item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);min-width:64px;min-height:48px}.nav-bar__item span:first-child{font-size:1.25rem}.nav-bar__item--active{color:var(--color-primary)}@media (min-width: 600px){.nav-bar{position:static;justify-content:center;gap:var(--space-6);border-top:none;border-bottom:1px solid var(--color-border)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:700;padding:var(--space-4) var(--space-5);min-height:52px;border-radius:var(--radius-pill);transition:transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease,background-color var(--duration-fast) ease;touch-action:manipulation}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--full{width:100%}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn--secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary-light);box-shadow:var(--shadow-sm)}.btn--secondary:hover:not(:disabled){border-color:var(--color-primary)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover:not(:disabled){color:var(--color-text)}.btn--danger{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-md)}.player-count{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.player-count__option{flex:1;min-height:52px;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);font-size:var(--font-size-lg);font-weight:800;color:var(--color-text-muted)}.player-count__option--active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.player-row{border:none;margin:0;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.player-row__legend{font-weight:800;font-size:var(--font-size-md);padding:0;margin-bottom:var(--space-1)}.player-row__label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted)}.player-row__control-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.player-row__control-option{flex:1;min-height:44px;border-radius:var(--radius-md);background:var(--color-bg);border:2px solid var(--color-border);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted)}.player-row__control-option--active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.player-row__input{min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-bg)}.player-row__input:focus-visible{border-color:var(--color-primary)}.player-row__shapes{display:flex;gap:var(--space-2)}.player-row__shape{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-bg);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center}.player-row__shape--active{border-color:var(--color-primary);background:var(--color-primary-light)}.player-row__shape:disabled{opacity:.35;cursor:not-allowed}.player-row__error{color:var(--color-danger);font-size:var(--font-size-sm);font-weight:600;margin:0}.shape-icon{stroke-linecap:round}.shape-icon--circle{stroke:var(--shape-color-circle)}.shape-icon--square{stroke:var(--shape-color-square)}.shape-icon--triangle{stroke:var(--shape-color-triangle)}.shape-icon--diamond{stroke:var(--shape-color-diamond)}.match-list-item{padding:var(--space-3) var(--space-4);opacity:.6}.match-list-item--completed{opacity:1}.match-list-item--current{opacity:1;border:2px solid var(--color-primary)}.match-list-item__header{display:flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.match-list-item__players{font-weight:700;font-size:var(--font-size-md)}.match-list-item__result{margin-top:var(--space-1);color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm)}.board{--board-size: min(88vw, 420px);width:var(--board-size);height:var(--board-size);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:var(--space-2);background:var(--color-primary-light);padding:var(--space-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}@media (min-width: 600px){.board{--board-size: min(60vw, 460px)}}.board-cell{background:var(--color-surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);min-height:44px;min-width:44px}.board-cell:hover:not(:disabled){background:var(--color-surface-alt)}.board-cell:disabled{cursor:default}.board-cell--winning{background:#fff6de;box-shadow:inset 0 0 0 3px var(--color-accent-yellow)}.board-cell__shape{display:flex}.standings{display:flex;flex-direction:column;gap:var(--space-3)}.standings__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.standings__rank{font-weight:800;font-size:var(--font-size-md);color:var(--color-text-muted);width:1.5rem}.standings__name{flex:1;font-weight:700}.standings__points{font-weight:800;color:var(--color-primary)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:50}.confetti__piece{position:absolute;top:0;width:8px;height:14px;border-radius:2px;opacity:.9}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;overflow-x:hidden}img,svg{display:block;max-width:100%}button,input{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}:root{--color-primary: #6c4bf4;--color-primary-dark: #5535d9;--color-primary-light: #efe9ff;--color-accent-yellow: #f5b301;--color-accent-teal: #17a589;--color-accent-pink: #e0507a;--color-bg: #f6f5fb;--color-surface: #ffffff;--color-surface-alt: #f1eefc;--color-text: #1f1b33;--color-text-muted: #625d78;--color-border: #e2ddf3;--color-success: #178a5f;--color-danger: #c62a4d;--shape-color-circle: var(--color-primary);--shape-color-square: var(--color-accent-yellow);--shape-color-triangle: var(--color-accent-teal);--shape-color-diamond: var(--color-accent-pink);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 2px 6px rgba(31, 27, 51, .08);--shadow-md: 0 8px 24px rgba(31, 27, 51, .12);--shadow-lg: 0 16px 40px rgba(31, 27, 51, .18);--font-family: -apple-system, "Segoe UI", system-ui, Roboto, Helvetica, Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-2xl: 2.75rem;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);line-height:1.5}#root{display:flex;flex-direction:column;min-height:100vh}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.screen-title{font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--space-2)}.screen-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-5)}@media (min-width: 600px){.app-main{padding:var(--space-6) var(--space-5) var(--space-7)}}@media (min-width: 1024px){.app-main{max-width:720px}}@keyframes pop-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse-line{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.75}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:.9}}.animate-pop-in{animation:pop-in var(--duration-base) var(--ease-bounce)}.animate-pulse-line{animation:pulse-line var(--duration-slow) ease-in-out 2}.animate-shake{animation:shake var(--duration-base) ease-in-out}.animate-fade-slide-up{animation:fade-slide-up var(--duration-base) ease-out}.animate-confetti-fall{animation:confetti-fall linear forwards}@media (prefers-reduced-motion: reduce){.animate-pop-in,.animate-pulse-line,.animate-shake,.animate-fade-slide-up,.animate-confetti-fall{animation:none!important}*{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}.home-screen__hero{text-align:center;padding:var(--space-6) var(--space-5)}.home-screen__logo{font-size:2.5rem;margin-bottom:var(--space-3)}.home-screen__title{font-size:var(--font-size-xl);font-weight:900;margin-bottom:var(--space-2)}.home-screen__tagline{color:var(--color-text-muted);font-size:var(--font-size-md)}.home-screen__dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b3380;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);z-index:100}.home-screen__dialog{width:100%;max-width:420px;box-shadow:var(--shadow-lg)}@media (min-width: 600px){.home-screen__dialog-backdrop{align-items:center}}.setup-screen__actions{position:sticky;bottom:0;padding-top:var(--space-4);background:linear-gradient(to top,var(--color-bg) 60%,transparent)}.schedule-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.schedule-screen__banner{background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-weight:700;margin-bottom:var(--space-4)}.match-header{text-align:center;margin-bottom:var(--space-5)}.match-header__progress{font-size:var(--font-size-sm);font-weight:800;color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-3)}.match-header__players{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.match-header__player{flex:1;text-align:center}.match-header__player-name{font-weight:800;font-size:var(--font-size-md);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.match-header__player-score{color:var(--color-primary);font-weight:700;font-size:var(--font-size-lg)}.match-header__vs{font-weight:800;color:var(--color-text-muted)}.cpu-badge{font-size:.65rem;font-weight:800;letter-spacing:.05em;color:var(--color-primary-dark);background:var(--color-primary-light);border-radius:var(--radius-pill);padding:2px 6px}.turn-indicator{text-align:center;margin:var(--space-5) 0;font-weight:700;font-size:var(--font-size-md);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.match-result{margin-top:var(--space-5);text-align:center;padding:var(--space-5)}.match-result__headline{font-size:var(--font-size-lg);font-weight:900;margin-bottom:var(--space-2)}.match-result__points{color:var(--color-primary);font-weight:800;font-size:var(--font-size-md);margin-bottom:var(--space-5)}.history-list{display:flex;flex-direction:column;gap:var(--space-3)}.final-screen{text-align:center}.final-screen__trophy{font-size:3rem;margin-bottom:var(--space-2)}.final-screen__label{color:var(--color-text-muted);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:var(--font-size-sm)}.final-screen__name{font-size:var(--font-size-2xl);font-weight:900;color:var(--color-primary);margin:var(--space-2) 0}.final-screen__points{font-weight:800;font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.final-screen__badge{display:inline-block;background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--space-5)}.rules-list{display:flex;flex-direction:column;gap:var(--space-4)}.rules-list li{display:flex;gap:var(--space-3)}.rules-list__number{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.rules-example-caption{margin-bottom:var(--space-2)}.rules-diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:120px;margin:var(--space-4) auto;background:var(--color-primary-light);padding:4px;border-radius:var(--radius-sm)}.rules-diagram span{aspect-ratio:1;background:var(--color-surface);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--color-text-muted)}.rules-diagram span.rules-diagram__win{background:var(--color-accent-yellow);color:#fff}