:root{--gammon-anim-checker-slide: .4s;--gammon-anim-hit-to-bar: .25s;--gammon-anim-dice-tumble: .4s;--gammon-anim-turn-handoff: .5s;--gammon-anim-ai-preview-flash: 257ms;--gammon-anim-ai-preview-hold: 343ms;--gammon-ai-preview-color: #4cc4ff;--gammon-page-bg-start: #1f2c20;--gammon-page-bg-end: #0d1410;--gammon-space-xs: 4px;--gammon-space-sm: 8px;--gammon-space-md: 12px;--gammon-space-lg: 16px;--gammon-primary-button-w: 120px;--gammon-primary-button-h: 56px;--gammon-primary-button-w-ipad: 112px;--gammon-primary-button-h-ipad: 48px;--gammon-primary-button-w-phone: 80px;--gammon-primary-button-h-phone: 36px;--gammon-primary-strip-h: 56px;--gammon-primary-strip-h-ipad: 48px;--gammon-primary-strip-h-phone: 40px;--gammon-hamburger-size: 44px;--gammon-side-min-width: 260px;--gammon-side-min-width-ipad: 240px;--gammon-turn-indicator-h: 64px;--gammon-turn-indicator-h-phone: 36px;--gammon-font-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", "Hoefler Text", Palatino, Georgia, serif;--gammon-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:radial-gradient(ellipse at center,var(--gammon-page-bg-start),var(--gammon-page-bg-end) 80%),var(--gammon-page-bg-end);color:#f0e6d2;font-family:var(--gammon-font-sans);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{height:100%;width:100%}h1,h2,h3{font-family:var(--gammon-font-serif);letter-spacing:.01em;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:transparent;padding:0}.gammon-stage{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch}.gammon-stage-inner{width:100%;height:100%;display:flex;flex-direction:column;gap:8px;padding:8px 12px 12px;overflow:hidden;background:linear-gradient(180deg,#0000,#00000040)}.gammon-header{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:var(--gammon-space-md);min-height:var(--gammon-primary-strip-h);position:relative}@media (max-width: 1279px){.gammon-header{min-height:var(--gammon-primary-strip-h-ipad);gap:var(--gammon-space-sm)}}.gammon-header-actions{flex:0 0 var(--gammon-primary-button-w);display:flex;align-items:center;justify-content:flex-start}@media (max-width: 1279px){.gammon-header-actions{flex-basis:var(--gammon-primary-button-w-ipad)}}.gammon-header-status{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;gap:var(--gammon-space-lg);min-width:0}.gammon-rotate-hint{display:none}@media (orientation: portrait) and (max-width: 500px){.gammon-rotate-hint{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,var(--gammon-page-bg-start),var(--gammon-page-bg-end));color:#f0e6d2;font-family:var(--gammon-font-sans);text-align:center}}.gammon-rotate-hint-card{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:320px}.gammon-rotate-hint-icon{color:#f4d35e}.gammon-rotate-hint-title{font-family:var(--gammon-font-serif);font-size:22px;margin:0;color:#f4d35e}.gammon-rotate-hint-body{margin:0;font-size:15px;color:#d8c5a0}@media (max-height: 500px){.gammon-header{min-height:var(--gammon-primary-strip-h-phone);gap:var(--gammon-space-sm)}.gammon-header-actions{flex-basis:var(--gammon-primary-button-w-phone)}.gammon-header-status .scoreboard,.gammon-header-status .pip-count{display:none}.gammon-header-status{gap:var(--gammon-space-sm)}}.gammon-header-message{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end}.gammon-header-menu{flex:0 0 auto;position:relative}.gammon-board-area{flex:1 1 0;min-width:0;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.gammon-board-area svg{max-width:100%;max-height:100%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6));border-radius:6px}.gammon-primary-button{width:var(--gammon-primary-button-w);height:var(--gammon-primary-button-h);background:linear-gradient(180deg,#d4af75,#a07a3e);color:#1a1208;border:1px solid #5a3a18;border-radius:8px;font-family:var(--gammon-font-sans);font-size:18px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .12s ease-out,transform 80ms ease-out}@media (max-width: 1279px){.gammon-primary-button{width:var(--gammon-primary-button-w-ipad);height:var(--gammon-primary-button-h-ipad);font-size:17px}}@media (max-height: 500px){.gammon-primary-button{width:var(--gammon-primary-button-w-phone);height:var(--gammon-primary-button-h-phone);font-size:14px;border-radius:6px}}.gammon-primary-button:hover:not(:disabled){background:linear-gradient(180deg,#e8c388,#b58a48)}.gammon-primary-button:active:not(:disabled){transform:translateY(1px)}.gammon-primary-button:disabled{cursor:not-allowed;opacity:.45}.gammon-hamburger-button{width:var(--gammon-hamburger-size);height:var(--gammon-hamburger-size);background:transparent;border:1px solid rgba(216,197,160,.18);border-radius:6px;padding:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#d8c5a0}.gammon-hamburger-button:hover{background:#f4d35e14}.gammon-hamburger-button[aria-expanded=true]{background:#f4d35e24}.gammon-hamburger-icon{width:24px;height:24px;fill:currentColor;pointer-events:none}.gammon-menu{position:absolute;top:calc(var(--gammon-hamburger-size) + 4px);right:0;min-width:260px;max-width:320px;background:linear-gradient(180deg,#281e12eb,#140e08eb);border:1px solid rgba(216,197,160,.3);border-radius:6px;box-shadow:0 6px 20px #0000008c;padding:4px 0;z-index:60;color:#f0e6d2}.gammon-menu-divider{border-top:1px solid rgba(216,197,160,.18);margin:4px 0;height:0}.gammon-menu-info{display:none;flex-direction:column;gap:4px;padding:8px 12px 0}.gammon-menu-info .scoreboard,.gammon-menu-info .pip-count{flex-wrap:wrap;font-size:13px;min-width:0}@media (max-height: 500px){.gammon-menu-info{display:flex}}.gammon-menu-item{display:flex;align-items:center;width:100%;height:44px;padding:0 12px;border:none;background:transparent;color:#f0e6d2;font:inherit;font-family:var(--gammon-font-sans);font-size:14px;font-weight:500;text-align:left;cursor:pointer}.gammon-menu-item:hover:not([aria-disabled=true]){background:#f4d35e1a}.gammon-menu-item:active:not([aria-disabled=true]){background:#f4d35e33}.gammon-menu-item[aria-disabled=true]{opacity:.45;cursor:not-allowed}.gammon-menu-item[aria-pressed=true]:after,.gammon-menu-item[aria-checked=true]:after{content:"on";margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.06em;color:#f4d35e;text-transform:uppercase}.gammon-turn-indicator{height:var(--gammon-turn-indicator-h);min-width:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 4px;font-family:var(--gammon-font-serif);font-size:22px;font-weight:600;color:#f0e6d2;text-align:left;background:transparent;border:none}@media (max-width: 1279px){.gammon-turn-indicator{font-size:20px;min-width:160px}}@media (max-height: 500px){.gammon-turn-indicator{height:var(--gammon-turn-indicator-h-phone);font-size:14px;min-width:50px}}.gammon-turn-indicator-label-short{display:none}@media (max-height: 500px){.gammon-turn-indicator-label-long{display:none}.gammon-turn-indicator-label-short{display:inline}}.gammon-turn-indicator[data-turn=human]{color:#c8e6c8}.gammon-turn-indicator[data-turn=ai]{color:#e6c8c8}.gammon-turn-indicator[data-turn=over]{color:#f4d35e}.gammon-turn-indicator-danced{font-size:13px;font-style:italic;color:#fa8;margin-top:4px;font-family:var(--gammon-font-sans);font-weight:400}.gammon-status-message{min-height:28px;padding:4px 10px;border-radius:6px;font-size:13px;color:#f0e6d2;display:flex;align-items:center;width:100%;max-width:360px;text-align:right;justify-content:flex-end;background:transparent;border:1px solid transparent;transition:background .12s ease-out,border-color .12s ease-out}.gammon-status-message[data-empty=true]{visibility:hidden}.gammon-status-message[data-kind=warn]{background:#f4aa501f;border-color:#f4aa5066;color:#ffce8a}.gammon-status-message[data-kind=error]{background:#dc5a4629;border-color:#dc5a4680;color:#ffb29a}@media (max-width: 1279px){.gammon-status-message{font-size:12px;max-width:240px}}.controls,.move-log{background:linear-gradient(180deg,#281e12b3,#140e08b3);border:1px solid rgba(216,197,160,.22);border-radius:6px;padding:8px 10px;color:#f0e6d2}.scoreboard,.pip-count{background:transparent;border:none;padding:0;color:#d8c5a0}.scoreboard{display:flex;gap:14px;align-items:center;font-family:var(--gammon-font-serif);font-size:14px;min-width:220px;white-space:nowrap}.scoreboard-target{font-weight:600;color:#f4d35e}.pip-count{display:flex;gap:12px;font-size:13px;font-variant-numeric:tabular-nums;min-width:140px;white-space:nowrap}.controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.controls button,.controls select{background:linear-gradient(180deg,#d4af75,#a07a3e);color:#1a1208;border:1px solid #5a3a18;border-radius:4px;padding:5px 10px;font-family:var(--gammon-font-sans);font-size:12px;font-weight:500}.controls button:hover:not(:disabled){background:linear-gradient(180deg,#e8c388,#b58a48)}.controls button:active:not(:disabled){transform:translateY(1px)}.controls button[aria-pressed=true]{background:linear-gradient(180deg,#f4d35e,#c8a032);border-color:#5a4018}.controls label,.controls .side-to-move,.controls .ai-thinking,.controls .danced-notice{font-size:12px;color:#d8c5a0}.controls .ai-thinking:not(:empty){color:#f4d35e;font-style:italic}.controls .danced-notice{color:#fa8;font-style:italic}.move-log{display:flex;flex-direction:column;min-height:240px;max-height:60vh}.move-log-heading{font-size:14px;font-family:var(--gammon-font-serif);margin-bottom:6px;color:#d8c5a0}.move-log-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;font-variant-numeric:tabular-nums;font-size:13px}.move-log-list:focus{outline:none}.move-log-list:focus-visible{outline:3px solid #f4d35e;outline-offset:2px}.move-log-entry{padding:4px 0;border-bottom:1px solid rgba(216,197,160,.08)}.move-log-turn{color:#b8a880;display:inline-block;width:24px}.move-log-empty{color:#998060;font-style:italic;font-size:12px}.settings-panel-backdrop,.rules-help-backdrop,.resign-dialog-backdrop,.move-log-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.settings-panel,.rules-help,.resign-dialog,.move-log-dialog{background:linear-gradient(180deg,#2a1d10,#1a1208);border:1px solid rgba(216,197,160,.35);border-radius:8px;padding:16px 20px;color:#f0e6d2;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #000000b3}.settings-panel h2,.rules-help h2{font-family:var(--gammon-font-serif);font-size:20px;margin-bottom:12px;color:#f4d35e}.settings-section h3,.rules-help h3{font-family:var(--gammon-font-serif);font-size:16px;margin-top:12px;margin-bottom:6px;color:#d8c5a0}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;gap:12px}.settings-readonly{color:#b8a880;font-style:italic}.settings-note{font-size:11px;color:#998060;font-style:italic}.settings-stats-list{list-style:none;margin:0;padding:0}.settings-stats-list li{padding:4px 0}.settings-header,.rules-help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settings-panel button,.rules-help button,.resign-dialog button,.move-log-dialog button{background:linear-gradient(180deg,#d4af75,#a07a3e);color:#1a1208;border:1px solid #5a3a18;border-radius:4px;padding:6px 12px;font-family:var(--gammon-font-sans);font-weight:500}.resign-dialog-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.move-log-dialog{width:480px;max-width:90vw}.move-log-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.move-log-dialog-header h2{font-family:var(--gammon-font-serif);font-size:20px;margin:0;color:#f4d35e}.move-log-dialog-body{display:flex;flex-direction:column}.game-over-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#2a1d10,#1a1208);border:2px solid #f4d35e;border-radius:8px;padding:20px 30px;color:#f0e6d2;z-index:50;text-align:center;box-shadow:0 10px 40px #000000b3}.game-over-headline{font-family:var(--gammon-font-serif);font-size:22px;color:#f4d35e;margin:0 0 8px}.game-over-detail{margin:4px 0;color:#d8c5a0}.game-over-panel button{margin-top:12px;background:linear-gradient(180deg,#d4af75,#a07a3e);color:#1a1208;border:1px solid #5a3a18;border-radius:4px;padding:6px 16px;font-weight:500}.gammon-checker{transition:transform var(--gammon-anim-checker-slide) ease-out,opacity var(--gammon-anim-checker-slide) ease-out}.gammon-checker[data-hit-to-bar=true]{transition:transform var(--gammon-anim-hit-to-bar) cubic-bezier(.5,.05,.6,1.2)}@keyframes gammon-dice-tumble{0%{transform:rotate(-25deg) scale(.85);opacity:.4}40%{transform:rotate(20deg) scale(1.05);opacity:1}70%{transform:rotate(-8deg) scale(1)}to{transform:rotate(0) scale(1)}}@keyframes gammon-dice-action-pulse{0%,to{opacity:.45}50%{opacity:.95}}.gammon-dice-action-ring{animation:gammon-dice-action-pulse 1.4s ease-in-out infinite}.gammon-die.tumbling{transform-box:fill-box;transform-origin:center;animation:gammon-dice-tumble var(--gammon-anim-dice-tumble) ease-out}@keyframes gammon-turn-glow{0%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 12px var(--gammon-glow-color, #a8d8a8))}to{filter:drop-shadow(0 0 0 transparent)}}.gammon-turn-glow{animation:gammon-turn-glow var(--gammon-anim-turn-handoff) ease-in-out}@keyframes gammon-ai-preview-source-pulse{0%{opacity:0;stroke-width:0}35%{opacity:.95;stroke-width:4}to{opacity:.7;stroke-width:3}}@keyframes gammon-ai-preview-destination-pulse{0%{opacity:0;stroke-width:0}30%{opacity:.85;stroke-width:3}to{opacity:.6;stroke-width:2.5}}.gammon-ai-preview-source{animation:gammon-ai-preview-source-pulse var(--gammon-anim-ai-preview-flash) ease-out forwards;pointer-events:none}.gammon-ai-preview-destination{animation:gammon-ai-preview-destination-pulse var(--gammon-anim-ai-preview-hold) ease-out forwards;pointer-events:none}:focus-visible{outline:3px solid #f4d35e;outline-offset:2px}svg .gammon-point-hit:focus{outline:none}svg .gammon-point-hit:focus-visible{outline:none;fill:#f4d35e2e;stroke:#f4d35e;stroke-width:3;stroke-dasharray:4 4}@media (prefers-reduced-motion: reduce){.gammon-checker,.gammon-die.tumbling,.gammon-turn-glow,.gammon-ai-preview-source,.gammon-ai-preview-destination{animation:none!important;transition:none!important}}