@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--paper: #f6f1e9;--paper-deep: #e9dfd0;--ink: #172522;--ink-soft: #31423d;--muted: #77817a;--line: rgba(23, 37, 34, .14);--green: #1f5148;--green-deep: #153b35;--green-soft: #d9e9df;--coral: #d9684f;--coral-deep: #a8463b;--gold: #f0bd62;--gold-soft: #f7dfad;--cream: #f1e7d7;--white: #fffdf8;--shadow: 0 24px 64px rgba(31, 48, 42, .14);--radius-lg: 28px;--radius-md: 16px;--radius-sm: 10px;font-family:Space Grotesk,Trebuchet MS,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{min-width:320px;min-height:100vh;margin:0;background-color:var(--paper);background-image:linear-gradient(rgba(31,81,72,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,81,72,.035) 1px,transparent 1px);background-size:28px 28px;-webkit-font-smoothing:antialiased}body:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(120deg,#f6f1e9db,#f6f1e985 52%,#d9e8de75)}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.app-shell{width:min(1440px,calc(100% - 48px));min-height:calc(100vh - 48px);margin:24px auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;border-bottom:1px solid var(--line)}.topbar-right{display:flex;align-items:center;gap:9px}.wordmark{display:inline-flex;align-items:center;gap:11px;padding:0;border:0;background:transparent;letter-spacing:-.04em;text-align:left}.wordmark-mark{position:relative;display:inline-block;width:32px;height:32px;border-radius:10px 10px 10px 3px;background:var(--coral);transform:rotate(-7deg);box-shadow:5px 5px 0 var(--green)}.wordmark-mark span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--paper)}.wordmark-mark span:first-child{top:8px;left:8px}.wordmark-mark span:last-child{right:7px;bottom:7px}.wordmark-name{display:flex;align-items:baseline;gap:7px;font-size:1.16rem;font-weight:700}.wordmark-name span{color:var(--coral-deep);font-weight:500}.local-status,.mono-note,.eyebrow,.mono-label,.board-topline,.board-coordinates,.player-role,.piece-count,.player-badge,.game-tag,.preview-topline,.mode-selected,.empty-history,.result-stats span,.result-footnote{font-family:DM Mono,Consolas,monospace}.local-status{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:.67rem;letter-spacing:.06em;text-transform:uppercase}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5aa876;box-shadow:0 0 0 4px #5aa87629}.icon-button{display:inline-grid;width:40px;height:40px;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:#fffdf88c;color:var(--ink-soft);font-size:1rem;transition:border-color .16s ease,background .16s ease,transform .16s ease}.icon-button:hover{border-color:var(--green);background:var(--white);transform:translateY(-2px)}.screen{animation:rise .48s ease both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.eyebrow{margin:0;color:var(--coral-deep);font-size:.7rem;letter-spacing:.11em;line-height:1.5;text-transform:uppercase}.start-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.76fr);align-items:center;gap:clamp(48px,8vw,132px);min-height:calc(100vh - 142px);padding:68px 5vw 82px}.start-copy h1{max-width:680px;margin:20px 0 18px;font-size:clamp(3.5rem,7vw,5.3rem);font-weight:600;letter-spacing:-.075em;line-height:.94}h1 em,h2 em{color:var(--coral-deep);font-style:normal}.start-copy .lede{max-width:590px;margin:0 0 34px;color:var(--ink-soft);font-size:1.04rem;line-height:1.65}.mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:650px}.mode-card{position:relative;min-height:146px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf894;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.mode-card:hover{border-color:#1f514873;background:var(--white);transform:translateY(-3px)}.mode-card.active{border-color:var(--green);background:var(--green);color:var(--white);box-shadow:8px 8px #1f51481f}.mode-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.mode-icon{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--gold-soft);color:var(--green-deep);font-size:1.05rem;font-weight:700}.mode-card.active .mode-icon{background:var(--gold)}.mode-selected{color:var(--green);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.mode-card.active .mode-selected{color:var(--gold-soft)}.mode-card strong,.mode-card small{display:block}.mode-card strong{margin-bottom:5px;font-size:1.02rem}.mode-card small{color:var(--muted);font-size:.81rem;line-height:1.4}.mode-card.active small{color:#fffdf8ad}.setup-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;max-width:650px;margin-top:12px}.setup-block{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf875}.setup-block h2{margin:0 0 13px;font-size:.82rem;font-weight:600}.setup-block p{max-width:380px;margin:0;color:var(--muted);font-size:.74rem;line-height:1.45}.segmented{display:flex;flex-wrap:wrap;gap:6px}.segmented button,.color-choice{min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:.75rem;transition:background .16s ease,color .16s ease,border-color .16s ease}.segmented button:hover,.color-choice:hover{border-color:var(--green);color:var(--green)}.segmented button.active,.color-choice.active{border-color:var(--green);background:var(--green);color:var(--white)}.color-options{display:flex;gap:8px}.color-choice{display:inline-flex;align-items:center;gap:8px;flex:1}.color-choice>span:first-child{width:17px;height:17px;border:3px solid var(--cream);border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px var(--ink)}.color-choice.red>span:first-child{background:var(--coral);box-shadow:0 0 0 1px var(--coral-deep)}.rules-block{max-width:650px;margin-top:12px}.single-rules-note{align-items:center}.ruleset-lock{flex:0 0 auto;padding:8px 10px;border:1px solid rgba(31,81,72,.2);border-radius:7px;color:var(--green-deep);font-family:DM Mono,Consolas,monospace;font-size:.61rem;letter-spacing:.04em;text-transform:uppercase}.local-rule-note{justify-content:flex-start;max-width:650px;margin-top:12px}.rule-symbol{display:inline-grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:10px;background:var(--gold-soft);color:var(--green);font-size:1.2rem}.start-button,.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:54px;padding:0 18px 0 21px;border:0;border-radius:11px;background:var(--coral);color:var(--white);font-weight:600;box-shadow:5px 5px #a8463b30;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.start-button{width:min(100%,650px);margin-top:20px;font-size:.94rem}.start-button:hover,.primary-button:hover{background:var(--coral-deep);box-shadow:2px 2px #a8463b30;transform:translate(3px,3px)}.start-button span,.primary-button span{color:var(--gold-soft);font-family:DM Mono,Consolas,monospace;font-size:.75rem}.primary-button.compact{min-height:44px;padding:0 13px 0 16px;font-size:.77rem}.primary-button.coral{background:var(--coral-deep)}.micro-note{display:flex;align-items:center;gap:9px;margin:17px 0 0;color:var(--muted);font-family:DM Mono,Consolas,monospace;font-size:.68rem;line-height:1.45}.micro-note span{width:5px;height:5px;border-radius:50%;background:var(--gold)}.resume-card{display:flex;align-items:center;gap:14px;max-width:650px;margin-top:18px;padding:13px 15px;border:1px solid rgba(31,81,72,.24);border-radius:var(--radius-sm);background:var(--green-soft)}.resume-card>div{display:grid;gap:2px;flex:1}.resume-card .eyebrow{font-size:.57rem}.resume-card strong{font-size:.82rem}.resume-card span:not(.eyebrow){color:var(--muted);font-family:DM Mono,Consolas,monospace;font-size:.62rem}.text-button,.discard-button{padding:5px;border:0;background:transparent;color:var(--coral-deep);font-size:.73rem;font-weight:600}.text-button:hover,.discard-button:hover{text-decoration:underline}.discard-button{color:var(--muted);font-size:.65rem}.start-preview{position:relative}.preview-card{position:relative;padding:25px;border:1px solid rgba(31,81,72,.22);border-radius:var(--radius-lg);background:var(--green);color:var(--white);box-shadow:var(--shadow);transform:rotate(1.4deg)}.preview-card:before{position:absolute;top:-14px;right:34px;width:86px;height:28px;border:1px solid rgba(168,70,59,.3);background:#f0bd62ad;content:"";transform:rotate(4deg)}.preview-topline,.game-heading,.game-tag-row,.board-topline,.game-footer,.panel-heading,.player-topline,.result-kicker,.result-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.preview-topline{margin-bottom:23px;color:var(--gold-soft);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.preview-topline span:last-child{padding:5px 8px;border:1px solid rgba(247,223,173,.35);border-radius:6px;font-size:.62rem}.mini-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;overflow:hidden;border:8px solid var(--gold);border-radius:12px;background:var(--cream)}.mini-square{position:relative;aspect-ratio:1}.mini-square.light,.square.light{background:var(--cream)}.mini-square.dark,.square.dark{background:#2c6156}.mini-piece,.piece{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%}.mini-piece{border:3px solid rgba(255,253,248,.78);box-shadow:inset 0 -4px #0000002b,0 3px #00000024}.piece.black,.mini-piece.black{background:var(--ink)}.piece.red,.mini-piece.red{background:var(--coral)}.preview-card h2{margin:22px 0 6px;font-size:1.8rem;letter-spacing:-.05em}.preview-card p{max-width:390px;margin:0;color:#fffdf8b3;font-size:.83rem;line-height:1.55}.preview-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.preview-facts span{padding:7px 9px;border:1px solid rgba(255,253,248,.16);border-radius:6px;color:#fffdf8c7;font-family:DM Mono,Consolas,monospace;font-size:.62rem}.preview-note{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:30px 0 0 11%;color:var(--ink-soft);font-family:DM Mono,Consolas,monospace;font-size:.67rem;transform:rotate(-2deg)}.preview-note-mark{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:var(--gold);color:var(--green-deep);font-size:1rem}.game-screen{padding:42px 0 64px}.game-heading{align-items:flex-end;margin:0 5vw 28px}.game-heading h1{margin:7px 0 0;font-size:2.5rem;letter-spacing:-.06em}.game-tag-row{justify-content:flex-end}.game-tag{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:7px;background:var(--green-soft);color:var(--green-deep);font-size:.66rem;letter-spacing:.04em;text-transform:uppercase}.game-tag.live{background:var(--gold-soft)}.game-layout{display:grid;grid-template-columns:210px minmax(400px,690px) 270px;align-items:start;justify-content:center;gap:27px;padding:0 24px}.player-stack{display:grid;gap:12px}.player-panel,.side-panel,.result-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf8a3}.player-panel{position:relative;min-height:166px;padding:17px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.player-panel.active{border-color:#1f51486b;background:var(--green);color:var(--white);transform:translateY(-5px)}.player-panel.active:before{position:absolute;top:15px;right:15px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #f0bd622e;content:""}.player-topline{align-items:flex-start;margin-bottom:27px}.player-token{position:relative;display:inline-block;width:34px;height:34px;border:4px solid var(--cream);border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px var(--ink),inset 0 -5px #0000002e}.player-token.red{background:var(--coral);box-shadow:0 0 0 1px var(--coral-deep),inset 0 -5px #0000002e}.player-role{color:var(--muted);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.active .player-role{color:#fffdf8a3}.player-name{margin:4px 0 0;font-size:1.02rem;font-weight:600}.player-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.piece-count{margin:0;color:var(--ink-soft);font-size:.68rem;line-height:1.5}.active .piece-count{color:#fffdf8b8}.piece-count strong{display:block;color:var(--ink);font-family:Space Grotesk,Trebuchet MS,sans-serif;font-size:1.45rem;font-weight:500}.active .piece-count strong{color:var(--white)}.player-badge{color:var(--coral-deep);font-size:.59rem;text-align:right;text-transform:uppercase}.active .player-badge{color:var(--gold)}.board-stage{min-width:0}.board-topline{margin:0 0 12px;color:var(--muted);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.board-topline strong{color:var(--coral-deep);font-weight:500}.board-shell{position:relative;padding:15px;border-radius:18px;background:var(--green-deep);box-shadow:13px 13px #1f514824,var(--shadow)}.board-shell:before{position:absolute;top:8px;left:50%;width:84px;height:4px;border-radius:8px;background:#f7dfad9e;content:"";transform:translate(-50%)}.board{display:grid;grid-template-rows:repeat(8,minmax(0,1fr));width:100%;aspect-ratio:1;overflow:hidden;border:2px solid var(--gold);border-radius:8px;background:var(--cream);touch-action:manipulation}.board-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));min-height:0}.square{position:relative;display:grid;min-width:0;min-height:0;place-items:center;padding:0;border:0;border-radius:0;background:transparent}.square.dark:hover{background:#397568}.square.selected{box-shadow:inset 0 0 0 5px var(--gold)}.square.target:after{position:absolute;width:25%;aspect-ratio:1;border:3px solid var(--gold);border-radius:50%;background:#f0bd6252;content:""}.square.capture-target:after{border-color:var(--coral);background:#d9684f66}.piece{z-index:1;width:70%;height:auto;aspect-ratio:1;border:5px solid var(--cream);box-shadow:inset 0 -7px #0003,0 4px #0000002b;transition:transform .18s ease,filter .18s ease}.square:hover .piece{filter:brightness(1.08);transform:translateY(-2px)}.piece.red{border-color:#f4b18d}.piece.king:after{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--gold);content:"K";font-family:DM Mono,Consolas,monospace;font-size:clamp(.58rem,1.4vw,.85rem);font-weight:500}.piece>span{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.board-coordinates{display:flex;justify-content:space-between;padding:8px 3px 0;color:#f7dfad99;font-size:.58rem;letter-spacing:.06em}.game-footer{align-items:flex-start;margin-top:19px}.rule-hint{display:flex;align-items:flex-start;gap:10px;max-width:330px;margin:0;color:var(--ink-soft);font-size:.79rem;line-height:1.45}.hint-mark{flex:0 0 auto;width:19px;height:19px;margin-top:1px;border:2px solid var(--green);border-radius:5px;background:#1f514824}.hint-mark.capture{border-color:var(--coral);background:#d9684f24}.board-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.quiet-button,.danger-button{min-height:35px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fffdf899;color:var(--ink-soft);font-size:.71rem;transition:border-color .16s ease,color .16s ease,background .16s ease}.quiet-button:hover{border-color:var(--green);background:var(--white);color:var(--green)}.danger-button:hover{border-color:var(--coral-deep);background:#fff3ee;color:var(--coral-deep)}.quiet-button:disabled,.danger-button:disabled{opacity:.4}.right-rail{display:grid;gap:12px}.side-panel{padding:18px}.panel-heading{margin-bottom:18px}.panel-heading h2{margin:0;font-size:.88rem;font-weight:600}.panel-heading span{color:var(--muted);font-family:DM Mono,Consolas,monospace;font-size:.6rem}.note-list{display:grid;gap:15px}.note-list>div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.note-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--gold-soft);color:var(--green-deep);font-family:DM Mono,Consolas,monospace;font-size:.72rem;font-weight:500}.note-list p{margin:0}.note-list strong,.note-list span{display:block}.note-list strong{margin-bottom:4px;font-size:.75rem}.note-list span{color:var(--muted);font-size:.68rem;line-height:1.45}.empty-history{margin:0;color:var(--muted);font-size:.65rem;line-height:1.55}.turn-log{display:grid;gap:11px;margin:0;padding:0;list-style:none}.turn-log li{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start}.log-turn{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green-deep);font-family:DM Mono,Consolas,monospace;font-size:.61rem}.turn-log strong,.turn-log small{display:block}.turn-log strong{font-size:.7rem}.turn-log small{margin-top:2px;color:var(--muted);font-size:.61rem;line-height:1.35}.result-screen{min-height:calc(100vh - 142px);padding:70px 5vw 82px}.result-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:clamp(50px,9vw,130px);max-width:1050px;margin:0 auto}.result-card{padding:clamp(26px,5vw,52px);box-shadow:var(--shadow)}.result-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--green);color:var(--gold);font-family:DM Mono,Consolas,monospace;font-size:1.2rem}.result-mark.draw{background:var(--gold);color:var(--green-deep)}.result-card h1{margin:30px 0 13px;font-size:clamp(2.5rem,5vw,4.3rem);letter-spacing:-.075em;line-height:.96}.result-summary{max-width:500px;margin:0;color:var(--ink-soft);font-size:.98rem;line-height:1.6}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:34px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats div{min-width:0}.result-stats span,.result-stats strong{display:block}.result-stats span{margin-bottom:5px;color:var(--muted);font-size:.57rem;line-height:1.35;text-transform:uppercase}.result-stats strong{font-size:1.18rem;font-weight:500}.result-actions{justify-content:flex-start}.result-board-wrap{padding:16px}.result-board-wrap>.eyebrow{margin:0 0 12px}.result-board-shell{padding:12px}.result-board .square{pointer-events:none}.result-footnote{margin:18px 0 0;color:var(--muted);font-size:.62rem;line-height:1.5}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#153b355c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .18s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:min(620px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;padding:clamp(25px,5vw,46px);border:1px solid rgba(31,81,72,.18);border-radius:22px;background:var(--white);box-shadow:0 30px 90px #153b3547}.modal-close{position:absolute;top:18px;right:18px;display:grid;width:35px;height:35px;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:.75rem}.modal-close:hover{border-color:var(--coral);color:var(--coral-deep)}.modal h2{max-width:470px;margin:16px 0 12px;font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.06em;line-height:1}.modal>p:not(.eyebrow){max-width:500px;margin:0;color:var(--ink-soft);line-height:1.55}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:28px 0}.help-grid>div{padding:15px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper)}.help-grid span{display:block;margin-bottom:16px;color:var(--coral-deep);font-family:DM Mono,Consolas,monospace;font-size:.65rem}.help-grid strong,.help-grid p{display:block}.help-grid strong{font-size:.78rem}.help-grid p{margin:6px 0 0;color:var(--muted);font-size:.69rem;line-height:1.45}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px}.mono-note{color:var(--muted);font-size:.61rem;line-height:1.4}.settings-list{display:grid;margin-top:28px;border-top:1px solid var(--line)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;border-bottom:1px solid var(--line);cursor:pointer}.setting-row span{display:grid;gap:3px}.setting-row strong{font-size:.78rem}.setting-row small{color:var(--muted);font-size:.67rem;line-height:1.4}.setting-row input{width:42px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:20px;background:var(--paper-deep);transition:background .16s ease,border-color .16s ease}.setting-row input:before{display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:var(--white);box-shadow:0 1px 3px #0003;content:"";transition:transform .16s ease}.setting-row input:checked{border-color:var(--green);background:var(--green)}.setting-row input:checked:before{transform:translate(18px)}.confirm-modal{width:min(440px,100%)}.confirm-mark,.pause-mark,.handoff-disc{display:grid;width:44px;height:44px;place-items:center;border-radius:50%}.confirm-mark{background:var(--gold);color:var(--green-deep);font-family:DM Mono,Consolas,monospace;font-size:1.3rem}.pause-mark{background:var(--green);color:var(--gold);font-size:.9rem}.handoff-disc{margin-bottom:18px;border:5px solid var(--cream);background:var(--ink);box-shadow:0 0 0 1px var(--ink),inset 0 -6px #0000002e}.handoff-disc.red{background:var(--coral);box-shadow:0 0 0 1px var(--coral-deep),inset 0 -6px #0000002e}.handoff-modal .start-button,.pause-modal .start-button{width:100%;margin-top:28px}.pause-links{display:flex;justify-content:center;gap:22px;margin-top:19px}.sr-status{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.high-contrast .square.dark{background:#255247}.high-contrast .square.target:after{width:36%;border-width:4px;background:transparent}.high-contrast .square.capture-target:after{border-color:#ffcf67;background:repeating-linear-gradient(45deg,rgba(217,104,79,.55),rgba(217,104,79,.55) 4px,transparent 4px,transparent 8px)}.high-contrast .piece.red{border-color:#ffd8b8}.high-contrast .player-panel.active,.high-contrast .mode-card.active{box-shadow:inset 0 0 0 3px var(--gold)}@media(max-width:1180px){.game-layout{grid-template-columns:170px minmax(360px,620px)}.right-rail{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.app-shell{width:min(100% - 28px,720px);margin:14px auto}.start-grid{grid-template-columns:1fr;gap:45px;min-height:auto;padding:54px 0 52px}.start-copy h1{font-size:clamp(3.15rem,14vw,5rem)}.start-preview{max-width:520px;margin:0 auto}.game-screen{padding-top:30px}.game-heading{align-items:flex-start;margin:0 0 22px}.game-heading h1{font-size:2.2rem}.game-layout{grid-template-columns:1fr;gap:18px;padding:0}.player-stack{order:2;grid-template-columns:repeat(2,minmax(0,1fr))}.board-stage{order:1}.right-rail{order:3}.player-panel{min-height:132px}.player-topline{margin-bottom:16px}.result-screen{min-height:auto;padding:54px 0}.result-layout{grid-template-columns:1fr;gap:35px}.result-board-wrap{max-width:420px;margin:0 auto}}@media(max-width:560px){.app-shell{width:min(100% - 20px,500px);margin:10px auto}.topbar{min-height:56px}.wordmark-name{font-size:1rem}.local-status{display:none}.icon-button{width:38px;height:38px}.start-grid{padding-top:43px}.mode-picker,.setup-grid,.help-grid,.right-rail{grid-template-columns:1fr}.mode-card{min-height:128px}.setup-block{align-items:flex-start;flex-direction:column}.rules-block{align-items:flex-start}.rules-block .segmented{width:100%}.rules-block .segmented button{flex:1}.color-options{width:100%}.color-choice{justify-content:center}.resume-card{align-items:flex-start;flex-wrap:wrap}.resume-card>div{min-width:170px}.preview-card{padding:18px}.preview-card h2{font-size:1.55rem}.game-heading{flex-direction:column;gap:14px}.game-tag-row{justify-content:flex-start;flex-wrap:wrap}.board-shell{padding:10px;border-radius:14px}.board-shell:before{top:5px;width:64px}.piece{border-width:3px}.square.selected{box-shadow:inset 0 0 0 3px var(--gold)}.game-footer{flex-direction:column;gap:16px}.board-actions{justify-content:flex-start;width:100%}.board-actions button{flex:1;min-width:0}.player-panel{padding:14px}.player-name{font-size:.9rem}.piece-count strong{font-size:1.25rem}.result-card{padding:25px 20px}.result-card h1{font-size:2.8rem}.result-stats{grid-template-columns:repeat(2,1fr);row-gap:17px}.result-actions{align-items:stretch;flex-direction:column}.result-actions .primary-button,.result-actions .quiet-button{justify-content:space-between;width:100%}.modal-backdrop{padding:10px}.modal{padding:27px 20px 21px;border-radius:17px}.help-grid{gap:8px}.help-grid>div{padding:12px}.modal-footer{align-items:stretch;flex-direction:column}.modal-footer .primary-button,.modal-footer .quiet-button{justify-content:space-between;width:100%}.mono-note{order:2}}@media(prefers-reduced-motion:reduce){.screen,.modal-backdrop{animation:none}}