@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.table{display:table}}:root{--ink:#17201b;--paper:#f2efe5;--red:#ee442e;--mint:#b8d8cd;--line:#17201b2b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif}button,input{font:inherit;color:inherit}.shell{min-height:100vh;padding:0 4vw}nav{border-bottom:1px solid var(--line);letter-spacing:.18em;justify-content:space-between;align-items:center;height:76px;font-size:10px;font-weight:800;display:flex}.logo{letter-spacing:-.06em;cursor:pointer;background:0 0;border:0;font-size:19px;font-weight:900}.logo i,.red,.intro>p,.select-grid h2 i{color:var(--red);font-style:normal}.hero{align-content:center;min-height:calc(100vh - 136px);padding:5vh 8vw;display:grid;position:relative;overflow:hidden}.hero>p:first-child,.red{letter-spacing:.25em;font-size:10px;font-weight:700}.hero h1,.intro h1,.editor h1{letter-spacing:-.06em;margin:18px 0;font:400 clamp(54px,8vw,112px)/.88 Georgia,serif}.hero h1 em{color:var(--red)}.hero>p{line-height:1.6}.hero .btn{margin:20px 8px 0 0}.pieces{color:var(--mint);letter-spacing:-.32em;text-shadow:9px 10px var(--ink);opacity:.9;font-size:clamp(100px,16vw,230px);position:absolute;right:3%;transform:rotate(-8deg)}.btn{border:1px solid var(--ink);background:var(--ink);color:#fff;letter-spacing:.13em;cursor:pointer;box-shadow:4px 4px var(--red);padding:15px 20px;font-size:10px;font-weight:700}.btn.secondary{color:var(--ink);box-shadow:none;background:0 0}.btn:disabled{opacity:.35}footer{border-top:1px solid var(--line);letter-spacing:.2em;justify-content:space-between;align-items:center;height:60px;font-size:9px;font-weight:700;display:flex}.intro{padding:5vh 0 3vh}.intro p{letter-spacing:.2em;font-size:10px;font-weight:700}.intro h1{margin:10px 0;font-size:clamp(44px,6vw,76px)}.intro span,.muted{color:#68706a}.select-grid{grid-template-columns:1fr 60px 1fr;gap:18px;display:grid}.select-grid h2{letter-spacing:.14em;font-size:12px}.select-grid h2 i{margin-right:10px}.card{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff48;grid-template-columns:50px 1fr auto;align-items:center;width:100%;margin:5px 0;padding:13px;display:grid}.card.active{background:var(--mint);border-color:var(--ink);box-shadow:4px 4px var(--ink)}.card .glyph{font-size:36px}.card strong,.card small{display:block}.card small{letter-spacing:.12em;color:#606862;margin-top:3px;font-size:8px}.card em{font-size:20px;font-style:normal}.vs{text-align:center;color:var(--red);align-self:center;font:italic 22px Georgia}.summary{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;margin:25px 0;padding-top:18px;font-size:12px;display:grid}.summary span:last-child{text-align:right}.actions{gap:7px;display:flex}.actions .btn{padding:9px}.game-grid{grid-template-columns:1fr minmax(400px,72vh) 1fr;align-items:center;gap:3vw;padding:3vh 0;display:grid}.game-grid aside{border-top:3px solid;padding-top:12px}.game-grid aside:first-child{text-align:right}.game-grid aside p{color:var(--red);letter-spacing:.2em;font-size:9px}.game-grid aside h2{margin:4px 0;font:26px Georgia}.game-grid aside span{font-size:11px}.game-grid h3{text-align:center;letter-spacing:.15em;font-size:10px}.board{aspect-ratio:1;box-shadow:9px 9px var(--red);border:7px solid;grid-template-columns:repeat(8,1fr);display:grid}.sq{cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative}.light{background:#d9d1bf}.dark{background:#759489}.sq b{font-size:clamp(28px,6vh,58px);line-height:1}.sq b.w{color:#fff;text-shadow:0 1px 2px #111}.sq small,.deploy button small{opacity:.5;font-size:7px;position:absolute;bottom:2px;right:3px}.sq.picked{box-shadow:inset 0 0 0 5px #edb732}.sq.target:after{content:"";aspect-ratio:1;background:var(--red);border-radius:50%;width:23%;position:absolute}.end{justify-content:center;gap:7px;margin-top:18px;display:flex}.modal{background:#17201bd9;place-items:center;display:grid;position:fixed;inset:0}.modal section{background:var(--paper);box-shadow:8px 8px var(--red);text-align:center;padding:25px}.modal section button{background:var(--mint);cursor:pointer;border:1px solid;padding:8px;font-size:50px}.modal section small{font-size:8px;display:block}.editor{grid-template-columns:1fr minmax(380px,520px) 240px;gap:4vw;padding:6vh 0;display:grid}.editor h1{font-size:58px}.editor label{letter-spacing:.16em;font-size:9px;font-weight:700}.editor input{background:0 0;border:0;border-bottom:2px solid;width:100%;margin-bottom:20px;padding:12px 0;font:23px Georgia;display:block}.view{letter-spacing:.12em;margin:12px 0;font-size:9px}.view button,.tools button{border:1px solid var(--line);cursor:pointer;background:0 0;padding:7px}.view button.on,.tools button.on{background:var(--ink);color:#fff}.tools{grid-template-columns:1fr 1fr;gap:5px;display:grid}.tools button{text-align:left}.tools button b{margin-right:7px;font-size:26px}.tools button small{margin-left:36px;display:block}.budget span{letter-spacing:.18em;font-size:9px}.budget>b{float:right}.budget .over{color:var(--red)}.budget>i{clear:both;background:#d4cebf;height:6px;margin:10px 0 4px;display:block}.budget>i em{background:var(--red);height:100%;display:block}.budget>small{font-size:9px}.deploy{aspect-ratio:8/3;border:6px solid;grid-template-columns:repeat(8,1fr);margin:18px 0;display:grid}.deploy button{cursor:pointer;border:0;font-size:34px;position:relative}.error,.ok{border-left:3px solid var(--red);background:#efd4ce;padding:9px;font-size:11px}.ok{background:#d4e6df;border-color:#46836f}.saved{border-left:1px solid var(--line);padding-left:18px}.saved h2{font:24px Georgia}.saved>div{border-top:1px solid var(--line);grid-template-columns:1fr auto;display:grid}.saved button{text-align:left;cursor:pointer;background:0 0;border:0;padding:10px 2px}.saved b,.saved small{display:block}.saved small{font-size:9px}.saved p{color:#68706a;font-size:11px}@media (max-width:900px){.pieces{opacity:.2}.select-grid,.game-grid,.editor{grid-template-columns:1fr}.vs{padding:8px}.game-grid aside{display:none}.saved{border-top:1px solid;border-left:0;padding:15px 0}.summary{grid-template-columns:1fr}.summary span{display:none}}@media (max-width:520px){.shell{padding:0 3vw}.hero{padding:4vh 0}.hero .btn{width:100%;display:block}.board{border-width:4px}.actions{gap:2px}.actions .btn{padding:7px 4px;font-size:7px}.editor h1{font-size:46px}.deploy button{font-size:24px}}
.board{grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;height:auto;overflow:hidden}.sq{aspect-ratio:1;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.sq b{pointer-events:none;max-width:100%;max-height:100%;display:block}.deploy{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;height:auto;overflow:hidden}.deploy button{aspect-ratio:1;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.editor input{z-index:3;pointer-events:auto;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:var(--paper);cursor:text;position:relative}.editor-full{grid-template-columns:minmax(260px,.8fr) minmax(460px,620px) 220px;gap:3vw}.deploy.full-board{aspect-ratio:1;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));position:relative}.full-board button{font-size:clamp(25px,5vh,46px)}.full-board .main-zone{box-shadow:inset 0 0 0 2px #f0442d}.full-board .pawn-zone{box-shadow:inset 0 0 0 2px #e5ad2f}.full-board .moving{background:#b8d8cd;box-shadow:inset 0 0 0 5px #17201b}.zone-legend{letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:9px;display:flex}.zone-legend span{align-items:center;gap:6px;display:flex}.zone-legend i{border:2px solid #68706a;width:12px;height:12px}.zone-legend span:nth-child(2) i{border-color:#f0442d}.zone-legend span:last-child i{border-color:#e5ad2f}.editor-status{color:#68706a;min-height:34px;margin:10px 0;font-size:11px}.editor-actions{gap:10px;display:flex}.tools button:disabled{opacity:.35;cursor:not-allowed}@media (max-width:900px){.editor-full{grid-template-columns:1fr}}.full-board .solid-piece{pointer-events:none;font-size:clamp(30px,5.6vh,52px);line-height:1;display:block}.check-banner{color:#fff;background:#f0442d;border:2px solid #17201b;margin:0 0 12px;padding:12px;box-shadow:4px 4px #17201b;font-size:12px!important}.sq.checked-king{background:#f5a08f;box-shadow:inset 0 0 0 6px #f0442d}.result-modal section{border:3px solid #17201b;width:min(92vw,520px);padding:38px}.result-modal section>p{color:#f0442d;letter-spacing:.25em;font-size:11px;font-weight:800}.result-modal h2{letter-spacing:-.04em;margin:4px 0;font:52px Georgia,serif}.result-modal section>strong{margin:8px 0 26px;font-size:18px;display:block}.result-icon{color:#759489;text-shadow:3px 3px #17201b;font-size:76px;line-height:1}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.result-modal .result-actions .btn{color:#fff;background:#17201b;padding:14px 16px;font-size:10px}.result-modal .result-actions .btn.secondary{color:#17201b;background:0 0}.drag-toggle{border:1px solid var(--line);text-align:left;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;width:100%;margin:4px 0 12px;padding:10px;font-size:10px;font-weight:700}.drag-toggle span{text-align:center;background:#cfc8b8;min-width:38px;margin-right:8px;padding:5px;display:inline-block}.drag-toggle.on{background:#b8d8cd;border-color:#17201b}.drag-toggle.on span{color:#fff;background:#17201b}.tools button[draggable=true],.full-board button[draggable=true]{cursor:grab}.tools button[draggable=true]:active,.full-board button[draggable=true]:active{cursor:grabbing}.orientation-note{color:#68706a;margin:-4px 0 12px;font-size:10px;line-height:1.45}.compact-tools{grid-template-columns:repeat(8,1fr);gap:5px;margin:12px 0 8px;display:grid}.compact-tools button{border:1px solid var(--line);cursor:pointer;background:0 0;min-width:0;height:48px;padding:2px;position:relative}.army-choice-panel{grid-template-columns:minmax(150px,.8fr) minmax(170px,1.2fr);align-items:start;gap:12px;display:grid}.army-list{max-height:330px;padding:2px 7px 5px 2px;overflow-y:auto}.army-preview{border:1px solid var(--line);background:#ffffff6b;border-radius:10px;padding:10px}.army-preview>strong,.army-preview>small{display:block}.army-preview>strong{font:18px Georgia,serif}.army-preview>small{color:#61758c;letter-spacing:.12em;margin:2px 0 8px;font-size:7px}.army-preview>div{aspect-ratio:2;border:2px solid var(--blue-deep);border-radius:6px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.army-preview>div>span{place-items:center;min-width:0;display:grid}.army-preview img.preview-piece{width:94%;height:94%}.army-preview span.preview-piece{font-size:clamp(12px,1.5vw,22px)}.army-preview p{color:#61758c;margin:7px 0 0;font-size:9px}@media (max-width:900px){.actions .btn:last-child{z-index:60;right:12px;bottom:max(12px, env(safe-area-inset-bottom));border-color:var(--blue-deep);background:var(--blue-deep);color:#fff;min-height:42px;box-shadow:3px 3px 0 var(--blue-mid);padding:11px 14px;font-size:0;position:fixed}.actions .btn:last-child:after{content:"EXIT GAME";letter-spacing:.08em;font-size:10px}.army-choice-panel{grid-template-columns:minmax(125px,.75fr) minmax(150px,1.25fr)}.army-list{max-height:250px}}@media (max-width:560px){.army-choice-panel{grid-template-columns:minmax(112px,1fr) 142px;gap:8px}.army-list{max-height:224px}}.streamlined-home{align-content:start;gap:14px;min-height:calc(100vh - 136px);padding:16px 0}.streamlined-home>p{margin:0}.streamlined-home>div:last-child{z-index:2;position:relative}.streamlined-intro{padding-bottom:2vh}.streamlined-intro h1{margin-bottom:0}.page-notes{z-index:55;left:12px;bottom:max(12px, env(safe-area-inset-bottom));width:min(390px,100vw - 24px);color:var(--ink);position:fixed}.page-notes>summary{border:1px solid var(--blue-deep);background:var(--blue-deep);color:#fff;box-shadow:3px 3px 0 var(--blue-mid);cursor:pointer;letter-spacing:.1em;border-radius:10px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;font-weight:800;list-style:none;display:inline-flex}.page-notes>summary::-webkit-details-marker{display:none}.page-notes>summary span{color:#a9cff5}.page-notes[open]>summary{margin-bottom:7px}.page-notes>section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fbfff5;border:1px solid #315a835c;border-radius:13px;padding:12px;box-shadow:5px 5px 18px #17365d25}.page-notes header,.page-notes footer{border:0;justify-content:space-between;align-items:center;gap:10px;height:auto;display:flex}.page-notes header strong,.page-notes header small{display:block}.page-notes header strong{font:17px Georgia,serif}.page-notes header small{color:#667b91;margin-top:2px;font-size:8px}.page-notes button{cursor:pointer;letter-spacing:.06em;background:#e2edf8;border:1px solid #315a8378;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:800}.page-notes button:disabled{opacity:.35;cursor:default}.page-notes textarea{resize:vertical;width:100%;min-height:145px;color:var(--ink);background:#fff;border:1px solid #315a835c;border-radius:9px;margin:10px 0;padding:10px;font:14px/1.45 Arial,sans-serif;display:block}.page-notes textarea:focus{outline:2px solid var(--blue-mid);outline-offset:1px}.page-notes footer span{color:#667b91;font-size:8px;line-height:1.35}@media (max-width:900px){.page-notes{right:auto;bottom:max(12px, env(safe-area-inset-bottom))}.page-notes[open]{z-index:70}}.army-choice-panel{grid-template-columns:minmax(140px,1fr) 180px}.army-preview{justify-self:end;width:180px;max-width:100%}.army-preview>div{aspect-ratio:2;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:160px;max-width:100%}.army-preview>div>span{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.army-preview img.preview-piece{object-fit:contain;width:96%;min-width:0;max-width:100%;height:96%;display:block}@media (max-width:560px){.army-choice-panel{grid-template-columns:minmax(112px,1fr) 142px;gap:8px}.army-preview{width:142px;padding:7px}.army-preview>div{width:126px}.army-preview>strong{font-size:14px}.army-preview>small{margin-bottom:5px}}.compact-tools button.on{background:#17201b;border-color:#17201b}.compact-tools button small{color:#f0442d;font-size:8px;position:absolute;bottom:2px;right:3px}.compact-tools .remove-tool b{font-size:27px}.compact-tools .move-tool b{font-size:22px}.compact-tools button[draggable=true]{cursor:grab}.zone-outline{z-index:3;pointer-events:none;width:100%;position:absolute;left:0}.any-piece-zone{border:4px solid #f0442d;height:37.5%}.pawns-only-zone{border:4px solid #e5ad2f;height:12.5%}.view-w .any-piece-zone{bottom:0}.view-w .pawns-only-zone{bottom:37.5%}.view-b .any-piece-zone{top:0}.view-b .pawns-only-zone{top:37.5%}.zone-legend{border:1px solid var(--line);background:#ffffff4d;margin:5px 0 8px;padding:8px 10px}.placement-block{z-index:20;background:#17201bc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.placement-block section{background:var(--paper);text-align:center;border:3px solid #17201b;width:min(92vw,470px);padding:30px;box-shadow:10px 10px #f0442d}.placement-block section>div{color:#fff;background:#f0442d;border-radius:50%;width:58px;height:58px;margin:0 auto 12px;font:700 42px/58px Georgia,serif}.placement-block p{color:#f0442d;letter-spacing:.22em;margin:0;font-size:10px;font-weight:800}.placement-block h2{letter-spacing:-.03em;margin:7px 0;font:36px Georgia,serif}.placement-block span{color:#5f6862;max-width:370px;margin:0 auto 22px;font-size:13px;line-height:1.5;display:block}@media (max-height:820px) and (min-width:901px){.editor-full{padding-top:3vh}.editor-full h1{margin:8px 0 10px;font-size:46px}.editor-full .muted{margin:8px 0}.editor-full input{margin-bottom:10px;padding:7px 0}}.sq b.w,.solid-piece.w{color:#fff;text-shadow:-2px -2px #17201b,2px -2px #17201b,-2px 2px #17201b,2px 2px #17201b,0 3px #d9d1bf}.sq b.b,.solid-piece.b{color:#101412;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff,0 3px #759489}.turn-status{border:2px solid #0000;justify-content:center;align-items:center;width:100%;height:42px;margin:0 0 12px;padding:10px;display:flex;box-shadow:4px 4px #0000}nav,.red,.game-grid aside p,.zone-legend,.editor-status{letter-spacing:.1em}.turn-status.check-banner{border-color:#17201b;margin:0 0 12px;padding:10px}.drag-active{color:#17201b!important;background:#b8d8cd!important}.board .sq[draggable=true]{cursor:grab}.board .sq[draggable=true]:active{cursor:grabbing}.compact-tools kbd{border:1px solid;border-radius:2px;min-width:15px;padding:2px;font:700 8px/1 Arial,sans-serif;position:absolute;top:3px;left:4px}.compact-tools button.on kbd{color:#fff}.editor-board-column>.compact-tools:first-of-type{margin-top:12px}.full-board+.compact-tools{margin-top:8px;margin-bottom:4px}.piece-drag-ghost{z-index:50;pointer-events:none;color:#101412;filter:drop-shadow(0 5px 3px #17201b52);font-size:68px;line-height:1;position:fixed;transform:translate(-50%,-55%)}.piece-drag-ghost.w{color:#fff;text-shadow:-2px -2px #17201b,2px -2px #17201b,-2px 2px #17201b,2px 2px #17201b}.piece-drag-ghost.b{color:#101412;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff}.sq.drag-origin b,.sq.drag-origin .chess-piece{opacity:.22}.warning-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.unsaved-warning section{box-shadow:10px 10px #e5ad2f}.unsaved-warning section>div{color:#17201b;background:#e5ad2f}.unsaved-warning p{color:#9a6900}.difficulty{background:#b8d8cd;border:2px solid #17201b;justify-content:space-between;align-items:center;gap:20px;margin:22px 0;padding:14px 18px;display:flex;box-shadow:5px 5px #17201b}.difficulty p{color:#f0442d;letter-spacing:.16em;margin:0;font-size:9px;font-weight:800}.difficulty strong{font:28px Georgia,serif;display:block}.difficulty span{color:#4f5b55;font-size:11px}.difficulty>div:last-child{flex-wrap:wrap;gap:6px;display:flex}.difficulty button{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #17201b;padding:9px 12px;font-size:9px;font-weight:800}.difficulty button.on{color:#fff;background:#17201b}.turn-status.thinking{color:#4f5b55}.turn-status.thinking:before{content:"";background:#f0442d;border-radius:50%;width:8px;height:8px;margin-right:9px;animation:.8s ease-in-out infinite alternate bot-pulse}@keyframes bot-pulse{to{opacity:.35;transform:scale(1.65)}}.board{position:relative}.sq.last-from{background:#dce5e1;box-shadow:none!important}.sq.last-to{background:#9fb9ae;box-shadow:none!important}.sq.last-from:before,.sq.last-to:before{content:none}.move-ghost{z-index:8;left:var(--move-from-x);top:var(--move-from-y);pointer-events:none;place-items:center;width:12.5%;height:12.5%;font-size:clamp(34px,7vh,66px);line-height:1;animation:.45s ease-in-out forwards piece-move;display:grid;position:absolute;transform:translate(-50%,-50%)}.move-ghost.w{color:#fff;text-shadow:-2px -2px #17201b,2px -2px #17201b,-2px 2px #17201b,2px 2px #17201b}.move-ghost.b{color:#101412;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff}.sq.move-destination b,.sq.move-destination .chess-piece{animation:.45s step-end reveal-piece}@keyframes piece-move{to{left:var(--move-to-x);top:var(--move-to-y)}}@keyframes reveal-piece{0%,99%{opacity:0}to{opacity:1}}.result-panel{background:#b8d8cd;border:3px solid #17201b;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 8px;padding:14px 16px;display:flex;box-shadow:6px 6px #f0442d}.result-panel p{color:#f0442d;letter-spacing:.14em;margin:0 0 3px;font-size:9px;font-weight:800}.result-panel strong{font:26px Georgia,serif;display:block}.result-panel span{color:#58635d;font-size:10px}.result-panel .result-actions{flex-wrap:nowrap}@media (prefers-reduced-motion:reduce){.move-ghost,.sq.move-destination b,.sq.move-destination .chess-piece{animation-duration:.01ms}}@media (max-width:700px){.difficulty,.result-panel{flex-direction:column;align-items:flex-start}.result-panel .result-actions{flex-wrap:wrap}}.sq b{font-size:clamp(28px,5.4vh,50px);transform:none}.sq b.w,.solid-piece.w,.piece-drag-ghost.w,.move-ghost.w{color:#fffdf7;text-shadow:-1px 0 #17201b,1px 0 #17201b,0 -1px #17201b,0 1px #17201b}.sq b.b,.solid-piece.b,.piece-drag-ghost.b,.move-ghost.b{color:#101412;text-shadow:0 1px #759489}.full-board .solid-piece{font-size:clamp(27px,4.8vh,43px)}.compact-tools button .solid-piece{font-size:29px}.piece-drag-ghost{font-size:54px}.move-ghost{font-size:clamp(28px,5.4vh,50px)}.feedback-link{text-align:center;justify-content:center;align-items:center;margin:20px 8px 0 0;text-decoration:none;display:inline-flex}.home footer span:nth-child(2){color:#f0442d}.chess-piece{font-variant-emoji:text;pointer-events:none;text-shadow:none;font-family:Times New Roman,Segoe UI Symbol,serif;font-weight:400;line-height:1;display:inline-block}.chess-piece.black-piece{color:#101412;-webkit-text-fill-color:#101412;-webkit-text-stroke:0}.sq .chess-piece{font-size:clamp(28px,5.4vh,50px)}.builder-piece{font-size:clamp(27px,4.8vh,43px)}.palette-piece{font-size:29px}.promotion-piece{font-size:48px}.chess-piece.piece-drag-ghost{font-size:54px;display:block}.chess-piece.move-ghost{font-size:clamp(28px,5.4vh,50px);display:grid}span.chess-piece.piece-p{--piece-scale:.78;transform:scale(var(--piece-scale))}span.chess-piece.piece-r{--piece-scale:.92;transform:scale(var(--piece-scale))}span.chess-piece.piece-n,span.chess-piece.piece-b{--piece-scale:.9;transform:scale(var(--piece-scale))}span.chess-piece.piece-q,span.chess-piece.piece-k{--piece-scale:.86;transform:scale(var(--piece-scale))}.chess-piece.move-ghost{transform:translate(-50%, -50%) scale(var(--piece-scale,1))}.chess-piece.piece-drag-ghost{transform:translate(-50%, -55%) scale(var(--piece-scale,1))}.chess-piece.white-piece{color:#fffdf7;-webkit-text-fill-color:#fffdf7;-webkit-text-stroke:1px #243029}.chess-piece.black-piece{color:#111713;-webkit-text-fill-color:#111713;-webkit-text-stroke:0;text-shadow:0 1px #fff5}.capture-counter{border-top:1px solid #17201b42;margin-top:18px;padding-top:10px}.capture-counter>small{color:#5d665f;letter-spacing:.12em;margin-bottom:6px;font-size:8px;font-style:normal;font-weight:800;display:block}.capture-counter>div{justify-content:inherit;flex-wrap:wrap;gap:1px;min-height:25px;display:flex}.capture-counter .chess-piece{text-align:center;width:19px;font-size:25px}.capture-counter em{color:#7a817c;font-size:9px;font-style:normal}img.chess-piece{object-fit:contain;object-position:center;-webkit-text-fill-color:initial;-webkit-text-stroke:0}.sq img.chess-piece{width:96%;height:96%}.full-board img.builder-piece{width:94%;height:94%}.compact-tools img.palette-piece{width:34px;height:34px}.modal img.promotion-piece{width:52px;height:52px}.capture-counter img.chess-piece{width:19px;height:25px}.board img.move-ghost{width:12.5%;height:12.5%}img.piece-drag-ghost{width:54px;height:54px}.sq.picked{box-shadow:none;background:#edb732}.btn{font-size:11px;transition:transform 70ms,background-color 70ms,box-shadow 70ms}.difficulty button,.drag-toggle,.view button{font-size:10px}.btn:active:not(:disabled),.logo:active,.card:active,.difficulty button:active,.drag-toggle:active,.view button:active,.compact-tools button:active,.saved button:active{background-color:#759489;transform:translate(2px,2px);box-shadow:inset 0 0 0 2px #17201b}.btn.secondary:active:not(:disabled),.logo:active,.view button:active,.compact-tools button:active,.saved button:active{color:#17201b}.start-error{color:#7d2419;text-align:center;background:#efd4ce;border:2px solid #f0442d;max-width:760px;margin:-10px auto 24px;padding:12px 14px;font-size:11px;line-height:1.5}.game-grid{gap:clamp(20px,3.5vw,52px)}.game-grid .board{border-width:4px;box-shadow:4px 4px #17201b26}.game-grid aside{background:#ffffff38;border:1px solid #17201b24;border-top:3px solid #17201b;padding:14px}.game-grid aside p{margin-bottom:5px}.game-grid aside h2{margin:2px 0 4px}.turn-status{letter-spacing:.1em;min-height:30px;margin:0 0 9px}.board .sq small{color:#17201b;opacity:.48;display:none}.board .sq:nth-child(8n+1) small,.board .sq:nth-child(n+57):nth-child(-n+64) small{display:block}.sq.target:after{opacity:.78;width:17%}.btn{letter-spacing:.09em;border-radius:1px;min-height:40px;padding:12px 17px}.actions .btn{min-height:34px;padding:8px 11px}.btn.secondary{border-color:#17201b73}.difficulty button,.view button,.drag-toggle,.compact-tools button{transition:transform 90ms,background-color 90ms,box-shadow 90ms}.move-ghost,.sq.move-destination b,.sq.move-destination .chess-piece{animation-duration:.34s}.editor-full{gap:clamp(24px,3vw,44px)}.editor-full>section:first-child .muted{max-width:410px;line-height:1.55}.orientation-note{line-height:1.45}.drag-toggle.below-board{margin:8px 0 6px}.builder-instructions{border-top:1px solid var(--line);color:#68706a;max-width:900px;margin:0 auto 36px;padding:16px 18px;font-size:11px;line-height:1.55}.builder-instructions strong{color:#17201b;letter-spacing:.12em;margin-bottom:5px;font-size:9px;display:block}.builder-instructions p{margin:0}.saved{padding-left:14px}.saved details>summary{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 0;font:21px Georgia,serif;list-style:none;display:flex}.saved details>summary::-webkit-details-marker{display:none}.saved details>summary:after{content:"+";font:20px Arial,sans-serif}.saved details[open]>summary:after{content:"−"}.saved details>summary small{color:#68706a;margin-left:auto;margin-right:10px;font:10px Arial,sans-serif}.saved details>div{border-top:1px solid var(--line);grid-template-columns:1fr auto;display:grid}@media (max-width:900px){.game-grid aside{display:none}.saved{padding-left:0}}:root{--ink:#14243a;--paper:#f4f7fb;--red:#2f6fad;--mint:#c7daf0;--line:#17365d2b;--blue-deep:#17365d;--blue:#2f6fad;--blue-mid:#6f94bd;--blue-soft:#c7daf0;--blue-pale:#e7eff8}body{background:linear-gradient(145deg, #f8fbff 0%, var(--paper) 55%, #eaf1f9 100%)}.logo i,.red,.intro>p,.select-grid h2 i,.vs,.home footer span:nth-child(2),.compact-tools button small{color:var(--blue)}.btn{border-color:var(--blue-deep);background:var(--blue-deep);box-shadow:3px 3px 0 var(--blue-mid);border-radius:10px}.btn.secondary{background:#ffffff70;border-color:#315a8378}.btn:active:not(:disabled){background-color:var(--blue-mid)}.card,.difficulty,.difficulty button,.view button,.drag-toggle,.compact-tools button,.saved details>div button,.zone-legend,.game-grid aside,.result-panel,.start-error,.error,.ok{border-radius:9px}.card.active,.difficulty,.drag-toggle.on{background:var(--blue-soft)}.difficulty button.on,.view button.on,.compact-tools button.on{background:var(--blue-deep);border-color:var(--blue-deep)}.light{background:#dce8f4}.dark{background:#6f8fb2}.game-grid .board{border-color:var(--blue-deep);box-shadow:4px 4px #17365d30}.board{border-radius:7px;overflow:hidden}.sq.last-from{background:#d9e7f4}.sq.last-to{background:#9cb8d5}.sq.target:after{background:#dfe7ef;box-shadow:0 0 0 1px #73879b}.sq.picked{background:#e5b94f}.any-piece-zone{border-color:var(--blue)}.pawns-only-zone{border-color:#7fa5cf}.zone-legend span:first-child i{background:var(--blue)}.zone-legend span:last-child i{background:#7fa5cf}.budget>i em{background:var(--blue)}.modal section,.placement-block section{box-shadow:7px 7px 0 var(--blue-mid);border-radius:16px}.modal section button{background:var(--blue-soft);border-radius:10px}.result-icon{color:var(--blue-mid);text-shadow:3px 3px 0 var(--blue-deep)}.result-modal section>p,.turn-status.thinking{color:var(--blue)}.turn-status.thinking:before{background:var(--blue)}.turn-status.check-banner,.start-error,.error{border-color:#c45d55}.turn-status.check-banner{color:#9e3731;background:#f6e5e3}.board,.board .sq,.full-board,.full-board button,.compact-tools,.compact-tools button{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.army-list .card{grid-template-columns:26px 1fr auto;min-height:40px;margin:3px 0;padding:5px 7px}.army-list .card em{font-size:13px}.editor-full>section:first-child>label{margin-top:4px;display:block}.editor-full>section:first-child>input{border:2px solid var(--blue-mid);background:#fff;border-radius:9px;margin-top:7px;padding:11px 12px}.editor-full>section:first-child>input:focus{border-color:var(--blue-deep);outline:2px solid var(--blue-soft);outline-offset:2px}.streamlined-home .btn.secondary{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-deep)}.difficulty>p{color:var(--blue);letter-spacing:.16em;margin:0;font-size:9px;font-weight:800}.difficulty button{border-color:var(--blue-deep);color:var(--blue-deep)}.difficulty button.on{background:var(--blue-deep);color:#fff}.army-list{scrollbar-width:auto;scrollbar-color:var(--blue-mid) var(--blue-pale)}.army-list::-webkit-scrollbar{width:10px}.army-list::-webkit-scrollbar-track{background:var(--blue-pale);border-radius:8px}.army-list::-webkit-scrollbar-thumb{border:2px solid var(--blue-pale);background:var(--blue-mid);border-radius:8px}.shell>nav{background:var(--blue-deep);color:#fff;border-bottom-color:#0e2744;margin-inline:-4vw;padding-inline:4vw;box-shadow:0 3px 10px #17365d24}.shell>nav .logo{color:#fff}.shell>nav .logo i{color:#a9cff5}.shell>nav .btn.secondary{color:#fff;background:#ffffff12;border-color:#d6e7f8}@media (max-width:520px){.shell>nav{margin-inline:-3vw;padding-inline:3vw}}.streamlined-home .btn.secondary{background:#b7cee8}.select-grid>section{background:#ffffff32;border:1px solid #6f94bd70;border-radius:12px;padding:10px}.select-grid>section>h2{margin-top:0}.army-list{max-height:190px}.army-list .card{min-height:34px;margin:2px 0;padding-block:3px}.army-list .card .glyph{font-size:18px}.summary{margin-block:14px;padding-top:12px}.game-shell>nav{z-index:65;position:sticky;top:0}.compact-tools button.placement-disabled{opacity:1;cursor:not-allowed;background:#f6e5e3;border:2px solid #c44f4f}.compact-tools button.placement-disabled:after{content:"";z-index:4;transform-origin:50%;background:#b63636;border-radius:2px;height:3px;position:absolute;top:50%;left:5px;right:5px;transform:rotate(-38deg)}.compact-tools button.placement-disabled kbd,.compact-tools button.placement-disabled small{color:#9e3731}.placement-block section{width:min(90vw,360px);padding:20px}.placement-block section>div:first-child{width:42px;height:42px;margin-bottom:8px;font-size:30px;line-height:42px}.placement-block h2{font-size:28px}.placement-block span{margin-bottom:16px}.overwrite-warning section>p{color:var(--blue)}@media (max-width:900px){.army-list{max-height:170px}}.select-grid{grid-template-columns:1fr 38px 1fr;gap:8px}.select-grid>section:last-child{background:#d9e5f2}.difficulty{gap:8px}.difficulty>p{line-height:1}.difficulty>div:last-child{gap:4px}.vs{margin:0;padding:0;line-height:1}.deploy.full-board{outline:4px solid var(--blue-deep);outline-offset:0;border:0}.deploy.full-board>button{place-items:center;display:grid}.deploy.full-board .builder-piece{place-self:center;line-height:1}.page-notes textarea{font-size:16px}.page-notes button.notes-copy-confirmed{border-color:var(--blue-deep);background:var(--blue-deep);color:#fff;box-shadow:0 0 0 3px var(--blue-soft)}@media (max-width:900px){.select-grid{grid-template-columns:1fr;gap:5px}.vs{padding-block:2px}}body.board-dragging{touch-action:none;overscroll-behavior:none;overflow:hidden}.move-ghost,.sq.move-destination b,.sq.move-destination .chess-piece{animation-duration:var(--piece-movement-speed,.5s)}.tuning-panel{width:min(760px,100%);margin:0 auto;padding:clamp(28px,6vh,64px) 0}.tuning-panel>p{color:var(--blue);letter-spacing:.18em;margin:0;font-size:11px;font-weight:800}.tuning-panel>h1{letter-spacing:-.04em;margin:8px 0 24px;font:400 clamp(42px,7vw,72px)/1 Georgia,serif}.tuning-card{box-shadow:6px 6px 0 var(--blue-soft);background:#fff;border:1px solid #6f94bd70;border-radius:16px;grid-template-columns:1fr auto;gap:18px;padding:clamp(20px,4vw,34px);display:grid}.tuning-card h2{margin:0 0 5px;font:28px Georgia,serif}.tuning-card p{color:#61758c;margin:0;font-size:14px;line-height:1.5}.tuning-card output{color:var(--blue-deep);font:700 24px Georgia,serif}.tuning-card input[type=range]{width:100%;accent-color:var(--blue);grid-column:1/-1}.speed-labels{color:#61758c;grid-column:1/-1;justify-content:space-between;margin-top:-14px;font-size:12px;display:flex}.tuning-card>.btn{grid-column:1/-1;justify-self:start}.tuning-card aside{background:var(--blue-pale);border-radius:10px;grid-column:1/-1;gap:6px;margin-top:4px;padding:15px;font-size:14px;line-height:1.45;display:grid}.tuning-card aside strong{color:var(--blue-deep)}.tuning-card code{font:700 14px Consolas,monospace}@media (max-width:560px){.tuning-card{grid-template-columns:1fr}.tuning-card output{grid-row:2}}.nav-controls{align-items:center;gap:8px;display:flex}.settings-button{color:#fff;cursor:pointer;letter-spacing:.09em;background:#ffffff16;border:1px solid #d6e7f8;border-radius:9px;min-height:34px;padding:8px 11px;font-size:10px;font-weight:800}.settings-button:active{background:var(--blue-mid);transform:translate(1px,1px)}.settings-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c1d32b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settings-dialog{background:var(--paper);width:min(92vw,480px);box-shadow:8px 8px 0 var(--blue-mid);border:1px solid #6f94bd;border-radius:16px;padding:22px}.settings-dialog>header{border:0;justify-content:space-between;align-items:flex-start;height:auto;display:flex}.settings-dialog header p{color:var(--blue);letter-spacing:.15em;margin:0;font-size:11px;font-weight:800}.settings-dialog h2{margin:3px 0 0;font:38px Georgia,serif}.settings-dialog header>button{cursor:pointer;background:#fff;border:1px solid #6f94bd70;border-radius:50%;width:36px;height:36px;font-size:25px;line-height:1}.settings-control{background:#fff;border-radius:12px;margin:22px 0 16px;padding:16px}.settings-control>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-control strong{font-size:16px}.settings-control output{color:var(--blue-deep);font:700 20px Georgia,serif}.settings-control p{color:#61758c;margin:5px 0 14px;font-size:14px}.settings-control input{width:100%;accent-color:var(--blue)}.settings-dialog>footer{justify-content:flex-end;gap:8px;height:auto;padding-top:14px;display:flex}.settings-dialog>small{color:#61758c;margin-top:12px;font-size:12px;display:block}.settings-dialog code{font:700 12px Consolas,monospace}@media (max-width:700px){.nav-controls{gap:4px}.settings-button{padding-inline:8px;font-size:8px}}