:root{--text-xs: clamp(10px, 1.4vh, 13px);--text-sm: clamp(11px, 1.7vh, 15px);--text-md: clamp(13px, 2.1vh, 17px);--text-lg: clamp(15px, 2.5vh, 20px);--text-xl: clamp(17px, 3vh, 24px);--text-2xl: clamp(22px, 4vh, 32px);--text-score: clamp(36px, 9vh, 72px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--gutter: clamp(12px, 4vw, 24px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--touch-target: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--header-height: calc(max(8vh, 56px) + var(--safe-top));--nav-height: max(9vh, 60px);--content-width: 720px;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}:root,[data-theme=dark]{color-scheme:dark;--color-bg: #17181b;--color-surface: #212a38;--color-surface-raised: #2a3445;--color-border: rgba(252, 247, 224, .09);--color-text: #fcf7e0;--color-text-muted: #a3a5ab;--color-accent: #ae5d00;--color-accent-text: #f0a04b;--color-accent-soft: rgba(174, 93, 0, .22);--color-on-accent: #fcf7e0;--color-danger: #8d1c00;--color-danger-text: #ff9577;--color-danger-soft: rgba(210, 60, 30, .2);--color-success: #189100;--color-success-text: #7fdc6a;--color-success-soft: rgba(24, 145, 0, .22);--color-neutral-soft: rgba(252, 247, 224, .08);--color-overlay: rgba(8, 9, 12, .66);--shadow-card: 0 1px 2px rgba(0, 0, 0, .35);--shadow-float: 0 12px 40px rgba(0, 0, 0, .5);--loading-gif-filter: none}[data-theme=light]{color-scheme:light;--color-bg: #f3f2ed;--color-surface: #ffffff;--color-surface-raised: #ebeae4;--color-border: rgba(23, 24, 27, .1);--color-text: #17181b;--color-text-muted: #5f626a;--color-accent: #ae5d00;--color-accent-text: #9a5200;--color-accent-soft: rgba(174, 93, 0, .12);--color-on-accent: #ffffff;--color-danger: #b3261e;--color-danger-text: #b3261e;--color-danger-soft: rgba(179, 38, 30, .1);--color-success: #1f8a0a;--color-success-text: #1b7a08;--color-success-soft: rgba(31, 138, 10, .12);--color-neutral-soft: rgba(23, 24, 27, .06);--color-overlay: rgba(23, 24, 27, .45);--shadow-card: 0 1px 3px rgba(23, 24, 27, .08);--shadow-float: 0 12px 40px rgba(23, 24, 27, .2);--loading-gif-filter: invert(1)}[data-theme]{--bs-body-bg: var(--color-bg);--bs-body-color: var(--color-text);--bs-body-font-family: var(--font-family);--bs-border-color: var(--color-border)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}html,body{background-color:var(--color-bg);color:var(--color-text)}body{font-family:var(--font-family);font-size:var(--text-md);line-height:1.4;overflow-wrap:break-word;-webkit-tap-highlight-color:transparent}#main-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent-text);outline-offset:2px}.page{width:100%;max-width:var(--content-width);padding:calc(var(--header-height) + var(--space-4)) var(--gutter) calc(var(--nav-height) + var(--safe-bottom) + var(--space-5));display:flex;flex-direction:column;gap:var(--space-4)}.page--bare{padding-top:calc(var(--safe-top) + var(--space-5))}.sectionLabel{margin:var(--space-2) var(--space-1) 0;font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--color-text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2) var(--space-5);border:none;border-radius:var(--radius-pill);font-size:var(--text-md);font-weight:600;cursor:pointer;transition:background-color .15s,transform .1s}.button:active{transform:scale(.97)}.button--primary{background-color:var(--color-accent);color:var(--color-on-accent)}.button--neutral{background-color:var(--color-surface-raised);color:var(--color-text)}.iconButton{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);flex-shrink:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text);font-size:var(--text-lg);cursor:pointer}.iconButton:active{background-color:var(--color-accent-soft)}.pressable{cursor:pointer;transition:background-color .15s}.pressable:active{background-color:var(--color-accent-soft)}.tacticalBoardInit{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-3);min-height:100vh;min-height:100dvh;width:100%;padding-top:30vh;background-color:#465a71}.tacticalBoardInitGif{max-width:100%}.tacticalBoardInitText{font-size:var(--text-xl);font-weight:600;color:#c4cbd4}