:root{--color-bg: #F8F9FA;--color-surface: #FFFFFF;--color-surface-raised: #F1F3F5;--color-border: #DEE2E6;--color-border-light: #E9ECEF;--color-text-primary: #212529;--color-text-secondary: #495057;--color-text-muted: #868E96;--color-text-inverse: #FFFFFF;--color-trust: #40A854;--color-control: #4A90D9;--color-visibility: #D4780A;--color-snake: #C0392B;--color-ladder: #27AE60;--color-event: #E67E22;--color-choice: #2980B9;--color-checkpoint: #844896;--color-brand: #844896;--color-snake-soft: rgba(192, 57, 43, .08);--color-ladder-soft: rgba(39, 174, 96, .08);--color-event-soft: rgba(230, 126, 34, .08);--color-choice-soft: rgba(41, 128, 185, .08);--color-checkpoint-soft: rgba(132, 72, 150, .08);--color-section-assumptions: hsl(140 40% 94%);--color-section-pressure: hsl(0 40% 94%);--color-section-recovery: hsl(30 50% 94%);--color-section-trusted: hsl(280 35% 94%);--color-snake-tint: #FCF5F4;--color-ladder-tint: #F4FBF7;--color-event-tint: #FEF9F4;--color-choice-tint: #F4F9FC;--color-positive: #27AE60;--color-negative: #C0392B;--color-overlay: rgba(0, 0, 0, .65);--color-focus: #4A90D9;--color-brand-subtle: rgba(132, 72, 150, .1);--color-brand-soft: rgba(132, 72, 150, .15);--color-brand-muted: rgba(132, 72, 150, .3);--color-brand-glow: rgba(132, 72, 150, .4);--color-negative-soft: rgba(192, 57, 43, .1);--color-negative-flash: rgba(192, 57, 43, .3);--color-positive-soft: rgba(39, 174, 96, .1);--color-positive-flash: rgba(39, 174, 96, .3);--color-visibility-soft: rgba(212, 120, 10, .1);--color-brand-gradient: linear-gradient(135deg, #844896, #6f3b80);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3.5rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--shadow-overlay: 0 4px 12px rgba(0, 0, 0, .15);--duration-fast: .15s;--duration-slow: .3s;--duration-spinner: .6s;--ease-default: cubic-bezier(.4, 0, .2, 1);--tap-target-min: 48px;--app-max-width: 428px;--grid-columns: 6;--grid-gap: 2px;--cell-min-height: 44px;--cell-max-height: 56px;--cell-icon-size: 18px;--marker-size: 28px;--card-max-width: 340px;--icon-badge-size: 36px;--stat-bar-height: 6px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100dvh;display:flex;flex-direction:column;max-width:var(--app-max-width);margin:0 auto;position:relative;overflow-x:hidden}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.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}.btn-primary{display:block;width:100%;min-height:var(--tap-target-min);padding:var(--space-3) var(--space-4);background-color:var(--color-text-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:var(--font-family);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.btn-primary:active{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-continue{display:block;width:100%;min-height:var(--tap-target-min);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default)}.btn-continue:hover{border-color:var(--color-text-secondary)}.btn-continue:active{border-color:var(--color-text-muted);background-color:var(--color-surface-raised)}.btn-roll{background:var(--color-brand-gradient);display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-4);transition:opacity var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.btn-roll:hover{box-shadow:0 0 12px var(--color-brand-glow)}.btn-roll:active{opacity:1;box-shadow:0 0 16px var(--color-brand-glow)}.roll-logo{width:var(--space-5);height:var(--space-5);object-fit:contain;background:#ffffffe6;border-radius:50%;padding:2px}.btn-roll--loading{opacity:.7;cursor:wait}.roll-spinner{display:inline-block;width:var(--space-4);height:var(--space-4);border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin var(--duration-spinner) linear infinite;margin-right:var(--space-2);vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.btn-stay-calm{display:flex;flex-direction:column;align-items:center;width:100%;min-height:var(--tap-target-min);padding:var(--space-3) var(--space-4);background:var(--color-brand-gradient);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-family:var(--font-family);cursor:pointer;margin-top:var(--space-2);transition:opacity var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.btn-stay-calm:hover{box-shadow:0 0 12px var(--color-brand-glow)}.stay-calm-label{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.stay-calm-sub{font-size:var(--font-size-xs);opacity:.85}.board-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap);padding:var(--space-2);margin:0 var(--space-2);background:var(--color-border-light);border-radius:var(--radius-md)}.board-cell{position:relative;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:3px;min-height:var(--cell-min-height);max-height:var(--cell-max-height);padding:var(--grid-gap)}.board-cell[data-section=ASSUMPTIONS]{background-color:var(--color-section-assumptions)}.board-cell[data-section=PRESSURE]{background-color:var(--color-section-pressure)}.board-cell[data-section=RECOVERY]{background-color:var(--color-section-recovery)}.board-cell[data-section=TRUSTED_OPERATIONS]{background-color:var(--color-section-trusted)}.board-cell[data-type=snake]{background-color:var(--color-snake-soft)}.board-cell[data-type=ladder]{background-color:var(--color-ladder-soft)}.board-cell[data-type=event]{background-color:var(--color-event-soft)}.board-cell[data-type=choice]{background-color:var(--color-choice-soft)}.board-cell[data-type=checkpoint]{background-color:var(--color-checkpoint-soft);outline:1px solid var(--color-brand);outline-offset:-1px}.board-cell[data-type=finish]{background-color:var(--color-checkpoint-soft)}.cell-number{position:absolute;top:var(--cell-number-inset, 2px);left:var(--cell-number-inset, 3px);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:1}.cell-icon{width:var(--cell-icon-size);height:var(--cell-icon-size);object-fit:contain}.cell-finish{font-size:var(--font-size-sm)}.board-cell--current{background-color:var(--color-brand-soft);outline:2px solid var(--color-brand);outline-offset:-1px;z-index:1}.player-marker{width:var(--marker-size);height:var(--marker-size);object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));z-index:2}.cell-dot{font-size:var(--font-size-lg);color:var(--color-text-muted);opacity:.25}.board-cell:active{transform:scale(.95)}.board-cell--visited .cell-icon{opacity:.5}.board-cell--visited .cell-dot{opacity:.25}.board-cell--passing{animation:cellPass .2s ease-out}.board-cell--snake-flash{animation:snakeFlash .4s ease-in-out}.board-cell--ladder-flash{animation:ladderFlash .4s ease-in-out}@keyframes cellPass{0%{box-shadow:inset 0 0 0 2px var(--color-brand-glow)}to{box-shadow:none}}@keyframes snakeFlash{0%,to{background-color:var(--color-snake-soft)}50%{background-color:var(--color-negative-flash)}}@keyframes ladderFlash{0%,to{background-color:var(--color-ladder-soft)}50%{background-color:var(--color-positive-flash)}}.board-cell[data-type=checkpoint]{animation:checkpointPulse 2s ease-in-out infinite}@keyframes checkpointPulse{0%,to{outline-color:var(--color-brand)}50%{outline-color:var(--color-brand-muted)}}.board-cell--visited:after{content:"";position:absolute;bottom:2px;right:2px;width:5px;height:5px;border-radius:50%;background:var(--color-brand-muted)}.board-cell--active-card{z-index:2}.board-cell--active-card[data-type=snake]{animation:pulseSnake 1.5s ease-in-out infinite}.board-cell--active-card[data-type=ladder]{animation:pulseLadder 1.5s ease-in-out infinite}.board-cell--active-card[data-type=event]{animation:pulseEvent 1.5s ease-in-out infinite}.board-cell--active-card[data-type=choice]{animation:pulseChoice 1.5s ease-in-out infinite}@keyframes pulseSnake{0%,to{box-shadow:0 0 0 0 var(--color-negative-flash)}50%{box-shadow:0 0 12px 4px var(--color-negative-flash)}}@keyframes pulseLadder{0%,to{box-shadow:0 0 0 0 var(--color-positive-flash)}50%{box-shadow:0 0 12px 4px var(--color-positive-flash)}}@keyframes pulseEvent{0%,to{box-shadow:0 0 0 0 var(--color-visibility-soft)}50%{box-shadow:0 0 12px 4px var(--color-visibility-soft)}}@keyframes pulseChoice{0%,to{box-shadow:0 0 0 0 var(--color-brand-muted)}50%{box-shadow:0 0 12px 4px var(--color-brand-muted)}}.card-overlay{position:fixed;inset:0;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:10;padding:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-default)}.event-card{width:100%;max-width:var(--card-max-width);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);padding:var(--space-6);animation:slideUp var(--duration-slow) var(--ease-default)}.card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.card-type-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.card-category{font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-surface-raised);padding:2px var(--space-2);border-radius:var(--radius-sm)}.severity-label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;padding:1px var(--space-2);border-radius:var(--radius-sm)}.severity-label--minor{color:var(--color-positive);background:var(--color-positive-soft)}.severity-label--moderate{color:var(--color-visibility);background:var(--color-visibility-soft)}.severity-label--major{color:var(--color-negative);background:var(--color-negative-soft)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.card-body{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.stat-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.stat-chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-variant-numeric:tabular-nums}.stat-chip--negative{background:var(--color-negative-soft);color:var(--color-negative)}.stat-chip--positive{background:var(--color-positive-soft);color:var(--color-positive)}.stat-chip--blocked{text-decoration:line-through;opacity:.5}.stay-calm-notice{font-size:var(--font-size-xs);color:var(--color-brand);font-weight:var(--font-weight-semibold);text-align:center;padding:var(--space-1) 0}.choice-option .stat-chips{margin-bottom:0}.card-buttons{display:flex;flex-direction:column;gap:var(--space-2)}.event-card[data-card-type=snake]{background-color:var(--color-snake-tint)}.event-card[data-card-type=ladder]{background-color:var(--color-ladder-tint)}.event-card[data-card-type=event]{background-color:var(--color-event-tint)}.event-card[data-card-type=choice]{background-color:var(--color-choice-tint)}.event-card[data-card-type=snake] .card-type-label{color:var(--color-snake)}.event-card[data-card-type=ladder] .card-type-label{color:var(--color-ladder)}.event-card[data-card-type=event] .card-type-label{color:var(--color-event)}.event-card[data-card-type=choice] .card-type-label{color:var(--color-choice)}.event-card[data-card-type] .card-category{background-color:var(--color-surface)}.choice-option{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-height:60px;padding:var(--space-4);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;font-family:var(--font-family);margin-bottom:var(--space-3)}.choice-option--a{border-left:3px solid var(--color-choice)}.choice-option--b{border-left:3px solid var(--color-visibility)}.choice-option:last-of-type{margin-bottom:0}@media(hover:hover){.choice-option{transition:transform var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.choice-option:hover{border-color:var(--color-choice);transform:translateY(-1px)}}.choice-option:focus-visible{outline:2px solid var(--color-choice);outline-offset:2px}.choice-option:active{border-color:var(--color-choice);transform:scale(.98)}.card-icon-badge{width:var(--icon-badge-size);height:var(--icon-badge-size);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.event-card[data-card-type=snake] .card-icon-badge{background:var(--color-snake-soft)}.event-card[data-card-type=ladder] .card-icon-badge{background:var(--color-ladder-soft)}.event-card[data-card-type=event] .card-icon-badge{background:var(--color-event-soft)}.event-card[data-card-type=choice] .card-icon-badge{background:var(--color-choice-soft)}.card-type-icon{width:var(--space-5);height:var(--space-5);object-fit:contain}.choice-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.choice-hint{display:block;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2);margin-bottom:var(--space-2)}.landing-screen{display:flex;flex-direction:column;min-height:100dvh;padding:var(--space-6);background:radial-gradient(ellipse at 50% 30%,var(--color-brand-subtle) 0%,transparent 70%)}.landing-content{text-align:center;width:100%;padding-top:20dvh}.landing-logo{width:var(--space-16);height:var(--space-16);margin-bottom:var(--space-4)}.landing-title{line-height:var(--line-height-tight);color:var(--color-brand);margin-bottom:var(--space-3);text-align:center}.landing-title__sub{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.landing-title__main{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.landing-tagline{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:0}.landing-divider{width:48px;height:1px;background-color:var(--color-border);margin:var(--space-6) auto}.landing-context{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.gameplay-screen{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.stat-strip{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.stat-row{display:flex;align-items:center;gap:var(--space-2)}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);width:64px;flex-shrink:0}.stat-bar{flex:1;height:var(--stat-bar-height);background-color:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.stat-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-fast) var(--ease-default)}.stat-value{font-size:var(--font-size-xs);color:var(--color-text-muted);width:28px;text-align:right;flex-shrink:0}.stat-row--danger .stat-fill{animation:dangerPulse 1.5s ease-in-out infinite}.stat-row--danger .stat-value{color:var(--color-negative);font-weight:var(--font-weight-bold)}.stat-row--maxed .stat-value{color:var(--color-positive);font-weight:var(--font-weight-bold)}@keyframes dangerPulse{0%,to{opacity:1}50%{opacity:.4}}.compact-stats{display:flex;align-items:center;padding:var(--space-2) var(--space-4);gap:var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border-light)}.compact-stat{display:flex;align-items:center;gap:var(--space-1);flex:1}.compact-stat__letter{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.compact-stat__bar{flex:1;height:var(--stat-bar-height);background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.compact-stat__fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-fast) var(--ease-default)}.compact-stat__value{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);width:12px;text-align:right;flex-shrink:0}.compact-stat--danger .compact-stat__value{color:var(--color-negative);font-weight:var(--font-weight-bold)}.compact-stat--low .compact-stat__value{color:var(--color-visibility);font-weight:var(--font-weight-bold)}.compact-stat--maxed .compact-stat__value{color:var(--color-positive);font-weight:var(--font-weight-bold)}.compact-stat--strong .compact-stat__value{color:var(--color-positive)}.compact-stat__status{display:none}.compact-stat--gained .compact-stat__bar{animation:statGain .6s ease-out}.compact-stat--lost .compact-stat__bar{animation:statLoss .6s ease-out}.compact-stat--gained .compact-stat__value{animation:statGain .6s ease-out}.compact-stat--lost .compact-stat__value{animation:statLoss .6s ease-out}@keyframes statGain{0%{background-color:var(--color-positive-soft)}to{background-color:transparent}}@keyframes statLoss{0%{background-color:var(--color-negative-soft)}to{background-color:transparent}}.tile-info{padding:var(--space-3) var(--space-4);margin:var(--space-2) var(--space-3);min-height:56px;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.tile-info__roll{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-brand);margin-bottom:var(--space-1)}.tile-info__header{display:flex;align-items:center;gap:var(--space-2)}.tile-info__marker{width:16px;height:16px;object-fit:contain}.tile-info__number,.tile-info__label{font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.tile-info__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1);line-height:var(--line-height-normal)}.tile-info__movement{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-block}.tile-info__movement--snake{color:var(--color-snake);background:var(--color-negative-soft)}.tile-info__movement--ladder{color:var(--color-ladder);background:var(--color-positive-soft)}.action-zone{flex-shrink:0;padding:var(--space-2) var(--space-4) var(--space-3);margin-top:auto}.action-zone .btn-primary,.action-zone .btn-continue{width:100%}.summary-screen .action-zone{padding-left:0;padding-right:0}.summary-screen{padding:var(--space-6);overflow-y:auto;min-height:100dvh;background:radial-gradient(ellipse at 50% 30%,var(--color-brand-subtle) 0%,transparent 70%)}.summary-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-top:var(--space-4);margin-bottom:var(--space-6)}.summary-reflection{font-size:var(--font-size-base);font-style:italic;color:var(--color-text-secondary);line-height:var(--line-height-relaxed);text-align:center;margin-bottom:var(--space-4)}.summary-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.key-moments{display:flex;flex-direction:column;gap:var(--space-3)}.key-moment{padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-surface);border-left:3px solid var(--color-border)}.key-moment--negative{border-left-color:var(--color-negative)}.key-moment--positive{border-left-color:var(--color-positive)}.key-moment--stay-calm{border-left-color:var(--color-brand)}.key-moment__turn{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);margin-bottom:2px}.key-moment__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.key-moment__effects{display:flex;flex-wrap:wrap;gap:var(--space-1)}.km-chip{display:inline-block;font-size:var(--font-size-xs);padding:1px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-secondary)}.km-chip--negative{background:var(--color-negative-soft);color:var(--color-negative)}.km-chip--positive{background:var(--color-positive-soft);color:var(--color-positive)}.km-chip--calm{background:var(--color-brand-subtle);color:var(--color-brand)}.summary-title--positive{color:var(--color-positive)}.summary-title--caution{color:var(--color-visibility)}.summary-title--negative{color:var(--color-negative)}.game-stats-line{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-6)}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-6);text-align:center;background:radial-gradient(ellipse at 50% 30%,var(--color-brand-subtle) 0%,transparent 70%)}.error-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.error-body{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-8)}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.landing-screen,.summary-screen,.error-screen{animation:screenFadeIn .4s ease-out}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tile-info__section-enter[data-section=ASSUMPTIONS]{color:var(--color-trust)}.tile-info__section-enter[data-section=PRESSURE]{color:var(--color-negative)}.tile-info__section-enter[data-section=RECOVERY]{color:var(--color-visibility)}.tile-info__section-enter[data-section=TRUSTED_OPERATIONS]{color:var(--color-brand)}.tile-info__section-enter{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.tile-info__turn{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.tile-info__checkpoint{color:var(--color-brand);font-weight:var(--font-weight-medium)}.summary-logo{width:var(--space-8);height:var(--space-8);margin-bottom:var(--space-3);display:block;margin-left:auto;margin-right:auto}.summary-description{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed);text-align:center;margin-bottom:var(--space-2)}@media(min-width:1024px){.game-log{display:flex;flex-direction:column;flex:1;overflow-y:auto;min-height:0;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-3);gap:var(--space-2)}.game-log__empty{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-8) var(--space-4);font-style:italic}.game-log__briefing{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);flex:1;justify-content:center}.briefing__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-brand);text-transform:uppercase;letter-spacing:.05em}.briefing__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.briefing__list{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.briefing__calm{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand);font-style:italic}.log-entry{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);border-left:3px solid var(--color-border)}.log-entry--latest{background:var(--color-surface);box-shadow:var(--shadow-card)}.log-entry--negative{border-left-color:var(--color-negative)}.log-entry--positive{border-left-color:var(--color-positive)}.log-entry--calm{border-left-color:var(--color-brand)}.log-entry__header{display:flex;align-items:center;gap:var(--space-1)}.log-entry__turn{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:var(--color-surface);padding:1px var(--space-1);border-radius:var(--radius-sm);flex-shrink:0}.log-entry__icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.log-entry__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-entry__choice{font-size:var(--font-size-2xs);color:var(--color-choice);font-weight:var(--font-weight-medium);margin-top:2px}.log-entry__effects{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.log-entry__effects .stat-chip{font-size:var(--font-size-2xs);padding:1px var(--space-2)}.log-entry__calm{font-size:var(--font-size-2xs);color:var(--color-brand);font-weight:var(--font-weight-semibold);margin-top:2px;display:block}.log-entry--checkpoint{background:var(--color-checkpoint-soft);border-left-color:var(--color-brand);padding:var(--space-4);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.checkpoint-card__icon{width:32px;height:32px;object-fit:contain}.checkpoint-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-brand)}.checkpoint-card__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}}@media(min-width:768px){:root{--app-max-width: 720px;--cell-min-height: 52px;--cell-max-height: 64px;--cell-icon-size: 22px;--marker-size: 32px;--card-max-width: 400px;--icon-badge-size: 40px}}@media(max-width:1023px){.sidebar{display:contents}.board-legend,.stats-extra,.game-log,.compact-stat__letter--full{display:none}.compact-stats{order:-1;background:transparent;border-bottom:none}.board-area{order:0}.tile-info{order:1}.action-zone{order:2}}@media(min-width:1024px){:root{--app-max-width: clamp(860px, 75vw, 1120px);--sidebar-width: clamp(300px, 25vw, 400px);--cell-min-height: clamp(52px, 5.5vw, 88px);--cell-max-height: clamp(60px, 7vw, 96px);--cell-icon-size: clamp(22px, 2.2vw, 32px);--marker-size: clamp(32px, 3vw, 44px);--card-max-width: clamp(400px, 35vw, 520px);--icon-badge-size: clamp(40px, 3.5vw, 52px);--stat-bar-height: 8px}.gameplay-screen{display:grid;grid-template-columns:1fr var(--sidebar-width);grid-template-rows:auto;grid-template-areas:"board sidebar";align-content:start;gap:var(--space-4);padding:var(--space-5);min-height:100dvh;overflow:visible;position:relative}.sidebar{display:flex;flex-direction:column;grid-area:sidebar;gap:var(--space-3);max-height:100dvh;position:sticky;top:0}.board-area{grid-area:board;display:flex;flex-direction:column}.board-grid{margin:0;border-radius:var(--radius-lg);gap:3px;padding:var(--space-3)}.board-cell{border-radius:var(--radius-sm);padding:var(--space-1)}.cell-number{font-size:var(--font-size-xs);--cell-number-inset: 4px}.board-cell--visited:after{width:6px;height:6px;bottom:3px;right:3px}.board-legend{display:flex;justify-content:center;gap:var(--space-4);padding:var(--space-2) 0}.board-legend__item{display:flex;align-items:center;gap:var(--space-1)}.board-legend__icon{width:16px;height:16px;object-fit:contain}.board-legend__dot{font-size:var(--font-size-xs);color:var(--color-brand);line-height:1}.board-legend__label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.board-legend__item[data-type=snake] .board-legend__label{color:var(--color-snake)}.board-legend__item[data-type=ladder] .board-legend__label{color:var(--color-ladder)}.board-legend__item[data-type=event] .board-legend__label{color:var(--color-event)}.board-legend__item[data-type=choice] .board-legend__label{color:var(--color-choice)}.board-legend__item[data-type=checkpoint] .board-legend__label{color:var(--color-brand)}.board-legend__item[data-type=finish] .board-legend__label{color:var(--color-negative)}.compact-stats{flex-shrink:0;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-4);border-bottom:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:var(--color-surface)}.compact-stat{gap:var(--space-2)}.compact-stat__letter--short{display:none}.compact-stat__letter--full{display:inline}.compact-stat__letter{font-size:var(--font-size-xs);width:68px}.compact-stat__bar{height:var(--stat-bar-height)}.compact-stat__value{font-size:var(--font-size-xs);width:18px}.compact-stat__status{display:inline;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;padding:1px var(--space-1);border-radius:var(--radius-sm);flex-shrink:0}.compact-stat__status--critical{color:var(--color-negative);background:var(--color-negative-soft)}.compact-stat__status--low{color:var(--color-visibility);background:var(--color-visibility-soft)}.compact-stat__status--strong,.compact-stat__status--maxed{color:var(--color-positive);background:var(--color-positive-soft)}.stats-extra{display:flex;gap:var(--space-2);flex-wrap:wrap;padding-top:var(--space-2);border-top:1px solid var(--color-border-light);margin-top:var(--space-1)}.stats-extra__item{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);padding:2px var(--space-2);background:var(--color-surface-raised);border-radius:var(--radius-sm)}.stats-extra__item--available{color:var(--color-brand);background:var(--color-brand-subtle);font-weight:var(--font-weight-semibold)}.stats-extra__item--used{color:var(--color-text-muted);text-decoration:line-through;opacity:.6}.tile-info{display:none}.action-zone{flex-shrink:0;margin-top:0;padding:var(--space-3) 0}.card-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.event-card{max-width:var(--card-max-width);padding:var(--space-8)}.card-title{font-size:var(--font-size-xl)}.card-body{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.card-buttons{flex-direction:row;align-items:stretch;gap:var(--space-3)}.card-buttons .btn-continue{flex:1;display:flex;align-items:center;justify-content:center}.card-buttons .btn-stay-calm{flex:1;margin-top:0;justify-content:center}.choice-option{padding:var(--space-5)}.choice-label{font-size:var(--font-size-lg)}.landing-content{max-width:600px;margin:0 auto}.landing-title__sub{font-size:var(--font-size-xl)}.landing-title__main{font-size:var(--font-size-4xl)}.landing-tagline{font-size:var(--font-size-lg)}.landing-context{font-size:var(--font-size-base)}.landing-screen .action-zone{width:100%;max-width:var(--sidebar-width);margin:var(--space-6) auto 0;padding:0}.summary-screen{max-width:var(--app-max-width);margin:0 auto;padding:var(--space-8) var(--space-6)}.summary-title{font-size:var(--font-size-3xl)}.summary-description{font-size:var(--font-size-lg);max-width:700px;margin-left:auto;margin-right:auto}.summary-reflection{font-size:var(--font-size-lg);max-width:700px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-6)}.stat-strip{max-width:500px;margin-left:auto;margin-right:auto;gap:var(--space-2)}.stat-label{font-size:var(--font-size-sm);width:80px}.stat-bar{height:var(--stat-bar-height)}.stat-value{font-size:var(--font-size-sm);width:36px}.key-moments{max-width:600px;margin-left:auto;margin-right:auto}.summary-screen .action-zone{padding-top:var(--space-4)}}@media(hover:hover)and (min-width:1024px){.board-cell{transition:background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);cursor:default}.board-cell:hover{filter:brightness(.95);transform:scale(1.03);z-index:3}.board-cell--current:hover{filter:none;transform:none}.board-cell[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-text-primary);color:var(--color-text-inverse);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);padding:3px 8px;border-radius:var(--radius-sm);white-space:nowrap;z-index:20;pointer-events:none;opacity:0;animation:tooltipFadeIn var(--duration-fast) var(--ease-default) .3s forwards}}@keyframes tooltipFadeIn{to{opacity:1}}