:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-ui:"Segoe UI", sans-serif;--font-mono:Consolas, monospace;--text-size:12px;--text-small:11px;--text-micro:10px;--surface:#242424;--surface-raised:#2c2c2c;--surface-input:#1d1d1d;--surface-hover:#383838;--surface-selected:#484848;--text:#dedede;--text-strong:#fff;--text-muted:#a3a3a3;--text-disabled:#787878;--line:#424242;--line-strong:#666;--focus:#d4d4d4;--control-height:28px;--radius:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--shadow:0 8px 28px #0006;--graph-grid:#333;--graph-zero:#626262;--graph-cursor:#bfbfbf;--graph-w:#eee;--graph-b:#929292;--light-square:#e4d5b7;--dark-square:#9a7958;font:var(--text-size)/1.5 var(--font-ui);color:var(--text);background:var(--surface-input)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}body{background:url(./pond-DcF6uGDp.svg) 50%/cover fixed;min-width:720px;height:100vh;margin:0;overflow:hidden}button,input,select,textarea{font:var(--text-size)/1.5 var(--font-ui);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius)}button,input:not([type=checkbox]),select{height:var(--control-height);padding:var(--space-1) var(--space-2);line-height:18px}button{background:var(--surface-raised);cursor:pointer;white-space:nowrap;flex-shrink:0}button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-muted)}button:active:not(:disabled){background:var(--surface-selected)}input,select,textarea{background:var(--surface-input);width:100%;min-width:0}select{text-overflow:ellipsis}option{background:var(--surface-input);color:var(--text)}option:checked{background:var(--surface-selected);color:var(--text-strong)}textarea{padding:var(--space-2);resize:vertical;font:var(--text-size)/1.6 var(--font-mono);display:block}input[type=checkbox]{width:14px;height:14px;accent-color:var(--text);flex:0 0 14px;margin:0}:where(button,input,select,textarea):disabled{color:var(--text-disabled);border-color:var(--line);cursor:default}:where(button,input,select,textarea,canvas,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:-2px}:where(input,select,textarea):focus{border-color:var(--focus)}button.primary{background:var(--text);border-color:var(--text);color:var(--surface-input)}button.primary:hover:not(:disabled){background:var(--text-strong);border-color:var(--text-strong)}button.primary:focus-visible{outline-color:var(--surface-input);outline-offset:-3px}button.primary:disabled{background:var(--surface-selected);border-color:var(--line-strong);color:var(--text-muted)}:where(.app-header,.board-footer,.move-navigation,.dialog-heading) button,button.quiet{background:0 0;border-color:#0000}label{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}h1,h2,h3,p,dl{margin:0}h1,h3{font-size:var(--text-size);font-weight:600}h2{font-size:14px;font-weight:600}dt,.hint,.graph-perspective,.graph-empty{color:var(--text-muted);font-size:var(--text-small)}dd{margin:0}.hint{line-height:1.5}.app-header{height:37px;padding:0 var(--space-3);background:var(--surface-raised);border-bottom:1px solid var(--line);align-items:center;display:flex}.app-header nav{align-items:center;gap:var(--space-1);display:flex}.separator{background:var(--line);width:1px;height:18px;margin:0 var(--space-1)}.board-column,.graph-panel{background:var(--surface);border:1px solid var(--line);min-width:0;min-height:0}.board-column{grid-area:1/1;grid-template-rows:minmax(0,1fr) 30px;display:grid;overflow:hidden}.board-stage{place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.board-content{width:var(--board-size,100%);min-width:0;max-width:100%}.board-wrap{position:relative}.board-row.with-evaluation{grid-template-columns:18px minmax(0,1fr);gap:6px;display:grid}.evaluation-bar{background:#343434;border:1px solid #7776;border-radius:2px;position:relative;overflow:hidden}.evaluation-bar-white{background:#eeeae2;transition:height .25s;position:absolute;inset:auto 0 0}.evaluation-bar-white.flipped{inset:0 0 auto}.evaluation-bar-midpoint{border-top:1px solid #8889;position:absolute;top:50%;left:0;right:0}@media (prefers-reduced-motion:reduce){.evaluation-bar-white{transition:none}}.board{aspect-ratio:1;grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden}.square{aspect-ratio:1;background:var(--light-square);cursor:default;touch-action:manipulation;border:0;border-radius:0;place-items:center;min-width:0;height:auto;padding:0;display:grid;position:relative}.square.dark{background:var(--dark-square)}.square:hover:not(:disabled){background:var(--light-square);border:0}.square.dark:hover:not(:disabled){background:var(--dark-square)}.board.interactive .square{cursor:pointer}.square.last,.square.last:hover:not(:disabled){background:#dfcf8c}.square.dark.last,.square.dark.last:hover:not(:disabled){background:#b7a363}.square.selected,.square.selected:hover:not(:disabled){background:#d8c78d;box-shadow:inset 0 0 0 3px #75633e}.square.duck-last{box-shadow:inset 0 0 0 3px #b59337}.square.legal:after{content:"";pointer-events:none;z-index:2;background:#3336;border-radius:50%;width:21%;height:21%;position:absolute}.square.legal:has(.piece):after{background:0 0;border:5px solid #3337;width:88%;height:88%}.board.duck-turn .square.legal:after{background:#6c531a9c;width:12%;height:12%}.square:focus-visible{outline:3px solid var(--surface-input);outline-offset:-3px;z-index:4}.piece{-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;width:86%;height:86%}.piece.duck{width:75%;height:75%}.coordinate{color:#725739;pointer-events:none;z-index:2;font-size:clamp(9px,1vw,12px);font-weight:600;line-height:1;position:absolute}.dark .coordinate{color:#f5e8d0}.rank{top:4px;left:4px}.file{bottom:3px;right:4px}.player-bar{align-items:center;gap:var(--space-2);height:32px;padding-left:var(--space-2);display:flex}.player-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.clock-group{align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.clock-detail{color:var(--text-muted);font-size:var(--text-micro);white-space:pre-line;text-align:right;line-height:1.3}.clock{min-width:96px;height:30px;padding:0 var(--space-2);text-align:right;background:var(--surface-input);font:22px/30px var(--font-mono);font-variant-numeric:tabular-nums;display:block}.player-bar.active .clock{background:var(--text);color:var(--surface-input)}.player-bar.low .clock{color:var(--text-strong);background:var(--surface-selected);box-shadow:inset 0 0 0 1px var(--text-muted);font-weight:700}.player-bar.active.low .clock{background:var(--text-strong);color:var(--surface-input)}.board-footer{align-items:center;gap:var(--space-1);height:30px;padding:0 var(--space-1) 0 var(--space-2);border-top:1px solid var(--line);font-size:var(--text-small);display:flex}#turn-status{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#turn-status.duck-phase{color:var(--text-strong);font-weight:600}#flip{margin-left:auto}.board{isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.board .square{touch-action:none}.board.interactive .square.draggable{cursor:grab}.board.dragging .square,.board.dragging .square.draggable{cursor:grabbing}.board.drawing .square,.board.drawing .square.draggable{cursor:crosshair}.square.drag-target{box-shadow:inset 0 0 0 3px #f8efca99}.piece.piece-hidden{visibility:hidden}.moving-piece,.dragged-piece{pointer-events:none;place-items:center;width:12.5%;height:12.5%;display:grid;position:absolute}.moving-piece{z-index:5;will-change:transform;animation:.18s cubic-bezier(.2,.65,.3,1) both board-piece-move}.moving-piece.entering{animation-name:board-piece-enter}.dragged-piece{z-index:7;filter:drop-shadow(0 5px 4px #0005);transform:translate(-50%,-50%)}.board-annotations,.board-suggestions{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.board-annotations g{opacity:.82}.board-annotations g.preview{opacity:.6}.board-annotations path,.board-annotations circle{fill:none;stroke:#f39a32;stroke-width:.14px;stroke-linecap:round;stroke-linejoin:round}.board-annotations circle{stroke-width:.1px}.board-annotations polygon{fill:#f39a32}.board-suggestions{--suggestion-color:#466c52}.board-suggestions .duck-suggestion{--suggestion-color:#526c88}.board-suggestions path,.board-suggestions circle{fill:none;stroke:var(--suggestion-color);stroke-width:.075px;stroke-linecap:round;stroke-linejoin:round}.board-suggestions circle{stroke-width:.065px}.board-suggestions polygon{fill:var(--suggestion-color)}@keyframes board-piece-move{0%{transform:translate(var(--move-x), var(--move-y))}to{transform:translate(0)}}@keyframes board-piece-enter{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.moving-piece{animation-duration:1ms}}.graph-panel{flex-direction:column;grid-area:3/1/auto/-1;display:flex;overflow:hidden}.dock-heading,.search-heading{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--surface-raised);border-bottom:1px solid var(--line);flex:none;display:flex}.dock-heading{min-height:37px}.dock-heading h2{font-size:var(--text-size);white-space:nowrap}.dock-heading select{width:auto;max-width:110px}.search-position{color:var(--text-muted);font:var(--text-small)/1.5 var(--font-mono);white-space:nowrap}.game-message{padding:var(--space-2);border-bottom:1px solid var(--line);overflow-wrap:anywhere;flex:none;line-height:1.5}.history-heading,.history-row{padding:0 var(--space-1);grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.history-heading{height:28px;color:var(--text-muted);font-size:var(--text-small);border-bottom:1px solid var(--line);flex:none}.history{flex:1;min-height:0;overflow-y:auto}.history-row:nth-child(2n),.search-table tr:nth-child(2n) td{background:#ffffff03}.move-number{color:var(--text-muted);font-size:var(--text-small);font-variant-numeric:tabular-nums}.move{justify-content:space-between;align-items:center;gap:var(--space-1);text-align:left;min-width:0;padding:var(--space-1);background:0 0;border-color:#0000;border-radius:0;display:flex}.move .duck-notation{color:var(--text-muted);font:var(--text-small)/1.5 var(--font-mono)}.move-navigation,.dialog-footer{align-items:center;gap:var(--space-2);flex:none;display:flex}.move-navigation{padding:6px var(--space-2);background:var(--surface-input);gap:var(--space-1);border-top:1px solid var(--line);grid-template-columns:28px 28px minmax(0,1fr) 28px 28px;display:grid}.move-navigation button{height:30px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:28px;padding:0;transition:background-color .12s,color .12s;display:inline-flex}.move-navigation button:hover:not(:disabled){color:var(--text-strong);background:var(--surface-hover)}.move-navigation button:active:not(:disabled){background:var(--surface-selected)}.move-navigation button:disabled{color:var(--text-disabled);opacity:.45}.tree-move{width:100%;min-width:max-content}.graph-legend{gap:var(--space-3);font-size:var(--text-small);white-space:nowrap;margin-left:auto;display:flex}.graph-legend span:before{content:"";vertical-align:3px;width:16px;margin-right:var(--space-1);border-top:2px var(--legend-style,solid) var(--legend-color);display:inline-block}.legend-w{--legend-color:var(--graph-w)}.legend-b{--legend-color:var(--graph-b);--legend-style:dashed}.graph-plot{flex:1;min-height:0;position:relative}#eval-graph{cursor:crosshair;width:100%;height:100%;display:block}.graph-empty{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.graph-tooltip{padding:var(--space-1) var(--space-2);font:var(--text-small)/1.5 var(--font-mono);background:var(--text);color:var(--surface-input);border:1px solid var(--line-strong);box-shadow:var(--shadow);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;z-index:2;max-width:calc(100% - 8px);position:absolute;overflow:hidden}.search-pane{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.search-heading{min-height:28px;font-size:var(--text-small);justify-content:space-between}.search-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.search-heading.searching .search-name:before{content:"";background:var(--text-strong);vertical-align:2px;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.search-scroll{flex:1;min-height:0;overflow:auto}.search-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:450px;font:var(--text-small)/1.5 var(--font-mono)}.search-table th,.search-table td{height:28px;padding:var(--space-1) var(--space-2);text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-table th{z-index:1;background:var(--surface-raised);color:var(--text-muted);font:var(--text-small)/1.5 var(--font-ui);border-bottom:1px solid var(--line);position:sticky;top:0}.search-table th:first-child{width:54px}.search-table th:nth-child(2),.search-table th:nth-child(3){width:58px}.search-table th:nth-child(4),.search-table th:nth-child(5){width:62px}.search-table th:last-child,.search-table td:last-child{text-align:left}.search-table tbody tr{cursor:pointer}.search-table tbody tr:hover td{background:var(--surface-hover)}.move.active,.move.active:hover:not(:disabled),.search-table tr.selected-row td{color:var(--text-strong);background:var(--surface-selected);border-color:#0000}.search-variation{padding:var(--space-2);max-height:100px;font:var(--text-small)/1.7 var(--font-mono);overflow-wrap:anywhere;background:var(--surface-raised);border-top:1px solid var(--line);-webkit-user-select:text;user-select:text;flex:none;overflow:auto}.search-status{padding:var(--space-1) var(--space-2);font-size:var(--text-small);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-top:1px solid var(--line);flex:none;min-height:24px;overflow:hidden}.search-status:empty{display:none}.analysis-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.analysis-controls,.analysis-branch-controls{gap:var(--space-2);padding:var(--space-2);align-items:center;display:flex}.analysis-controls{background:var(--surface-raised);border-bottom:1px solid var(--line);flex-wrap:wrap}.analysis-engine{flex:1;min-width:100px}.analysis-lines{width:76px}.analysis-score{font:600 22px/1.2 var(--font-mono);min-width:58px}.analysis-message{padding:0 var(--space-2) var(--space-2);color:var(--text-muted);overflow-wrap:anywhere}.analysis-error{color:var(--text-strong)}.analysis-branch{border-block:1px solid var(--line);padding:0 var(--space-2) var(--space-2)}.analysis-branch-controls{justify-content:flex-end;padding-inline:0}.analysis-branch-moves{gap:var(--space-1) var(--space-2);max-height:80px;font-family:var(--font-mono);flex-wrap:wrap;display:flex;overflow:auto}.analysis-panel>.search-pane{flex:1 0 140px}.analysis-panel>:not(.search-pane){flex-shrink:0}.app-header button[aria-pressed=true]{background:var(--surface-selected);color:var(--text-strong)}.search-table tr.expanded-variation td:last-child{white-space:normal;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.promotion,dialog{color:var(--text);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.promotion{padding:var(--space-3);z-index:6;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.promotion-choices{gap:var(--space-1);margin:var(--space-2) 0;display:flex}.promotion-choices button{width:52px;height:56px;padding:var(--space-1);background:var(--light-square)}.promotion-choices img{width:100%;height:100%}dialog{padding:var(--space-4);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}dialog::backdrop{background:#0008}.dialog-heading{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--control-height);margin-bottom:var(--space-3);flex:none;display:flex}.dialog-heading>button,.error-toast button{width:var(--control-height);padding:0;font-size:20px}.dialog-footer{border-top:1px solid var(--line);padding-top:var(--space-3);margin-top:var(--space-3);justify-content:flex-end}.dialog-footer button{min-width:72px}.control-editor{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--line);display:grid}.control-heading,.stage-heading{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.control-heading strong{font-weight:500}.stage{gap:var(--space-2);border-top:1px solid var(--line);padding-top:var(--space-2);display:grid}.stage-heading{color:var(--text-muted);font-size:var(--text-small);min-height:var(--control-height)}.stage-heading button{background:0 0;border-color:#0000}.stage-grid{gap:var(--space-2);grid-template-columns:56px 72px minmax(0,1fr) 68px;display:grid}.stage-grid label{font-size:var(--text-small)}.confirm-dialog p{color:var(--text-muted);line-height:1.6}.confirm-dialog{width:350px}.confirm-dialog p{margin-top:var(--space-3)}.notification,.error-toast{bottom:var(--space-3);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);padding:var(--space-2) var(--space-3);z-index:20;max-width:min(600px,90vw);box-shadow:var(--shadow);position:fixed;left:50%;transform:translate(-50%)}.error-toast{align-items:center;gap:var(--space-2);border-color:var(--text-muted);display:flex}.error-toast button{background:0 0;border-color:#0000}[hidden]{display:none!important}body{min-width:0;height:auto;min-height:100dvh;overflow:auto}.web-header{flex-wrap:wrap;gap:6px;height:auto;min-height:37px;padding-block:4px}.app-name{align-items:center;gap:6px;margin-right:14px;font-weight:600;display:flex}.app-name img{width:24px;height:24px}.web-header nav a{color:var(--text-muted);border-bottom:2px solid #0000;padding:4px 12px;text-decoration:none}.web-header nav a[aria-current]{color:var(--text-strong);border-color:var(--text)}.github-button{border:1px solid var(--line-strong);border-radius:var(--radius);min-height:28px;color:var(--text);background:var(--surface);align-items:center;gap:7px;margin-left:auto;padding:4px 10px;text-decoration:none;display:inline-flex}.github-button:hover{background:var(--surface-hover);color:var(--text-strong)}.github-button svg{width:18px;height:18px}.web-main{width:calc(100% - 76px);max-width:1300px;margin:16px auto}.web-main:focus,.page-title:focus{outline:none}.web-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:12px;height:calc(100dvh - 85px);min-height:460px;display:grid}.web-workspace.analysing{grid-template-rows:minmax(0,1fr) 150px}.web-workspace .board-column{grid-area:1/1}.web-workspace .board-content{width:min(100%,100dvh - 181px)}.web-sidebar{border:1px solid var(--line);background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.web-sidebar .dock-heading{justify-content:space-between;gap:8px}.page-title{font:600 var(--text-size)/1.5 var(--font-ui)}.compact-setup,.import-form{gap:12px;padding:12px;display:grid}.compact-setup label{gap:6px}.compact-setup button{width:100%}.moves-area{flex-direction:column;flex:1;min-height:100px;display:flex;overflow:auto}.empty-state{color:var(--text-muted);font-size:var(--text-small);padding:12px}.compact-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:8px;display:flex}.compact-actions button{flex:1}.import-form .compact-actions{border:0;padding:0}.web-sidebar .move-navigation{grid-template-columns:repeat(4,1fr)}.web-sidebar .move-navigation button{width:100%}.evaluation-summary{border-bottom:1px solid var(--line);padding:10px 12px}.evaluation-summary>strong{font:600 18px var(--font-mono)}.evaluation-summary>span{float:right;font-size:var(--text-small);color:var(--text-muted)}.evaluation-summary p{font-size:var(--text-small);margin-top:6px}.variation-section{border-top:1px solid var(--line);padding:8px}.variation-section h2{font-size:var(--text-small)}.variation-section p{overflow-wrap:anywhere;margin-top:6px}.variation-section .compact-actions{border:0;padding:8px 0 0}.engine-details{border-top:1px solid var(--line);padding:8px}.engine-details p{overflow-wrap:anywhere;max-height:100px;font:var(--text-small)/1.6 var(--font-mono);margin-top:8px;overflow:auto}.web-workspace .graph-panel{grid-area:2/1/auto/-1}.dialog-footer{align-items:center;gap:12px;display:flex}.rules-page{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-width:760px;color:var(--text);font:14px/1.65 var(--font-ui);margin:32px auto}.rules-heading{border-bottom:1px solid var(--line);background:var(--surface-raised);padding:16px 24px}.rules-heading h1{color:var(--text-strong);font-size:20px}.rules-body{padding:0 24px}.rules-intro{padding:20px 0}.rules-body section{border-top:1px solid var(--line);grid-template-columns:120px minmax(0,1fr);gap:20px;padding:18px 0;display:grid}.rules-body h2{font-size:14px;line-height:inherit;color:var(--text-strong)}@media (width<=620px){.rules-page{margin:16px auto}.rules-heading{padding:12px 16px}.rules-body{padding:0 16px}.rules-body section{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0}}.inline-error{color:#e5aaa0;padding:8px}.skip-link{background:var(--surface);z-index:30;padding:8px;position:fixed;top:-100px;left:8px}.skip-link:focus{top:8px}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=850px){.web-main{width:calc(100% - 24px);margin:12px auto}.web-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:8px}}@media (width<=760px){.app-header{flex-wrap:wrap;height:auto;min-height:37px;padding:6px 8px}.app-name{margin-right:2px}.web-header nav a{padding:5px 8px}.web-header .separator{display:none}.web-workspace,.web-workspace.analysing{flex-direction:column;height:auto;min-height:0;display:flex}.web-workspace .board-content,.web-workspace.analysing .board-content{width:100%}.board-stage{overflow:visible}.board-column{display:block}.web-sidebar{min-height:200px;max-height:none}.moves-area .history{flex:auto;max-height:220px}.web-workspace .graph-panel{height:180px}button:not(.square),select{min-height:44px}.board-footer{height:auto;min-height:36px}}.app-name{color:var(--text);text-decoration:none}.pond-home{grid-template-columns:460px minmax(0,1fr);align-items:center;gap:32px;min-height:calc(100dvh - 105px);display:grid;overflow:hidden}.home-content{z-index:1;padding:32px 0;position:relative}.home-content h1{font:800 clamp(36px, 3.5vw, 52px)/1.15 var(--font-ui);letter-spacing:-1.5px;color:#f1e4c8;text-shadow:0 3px #254a40,0 5px #254a4055}.home-title{isolation:isolate;padding:8px 0;position:relative}.home-title-rank{color:#f1e4c8;vertical-align:.12em;letter-spacing:-1px;text-shadow:none;background:#244e4433;border:2px solid #e9d9ae99;border-radius:8px 5px 10px 4px;margin-right:3px;padding:4px 8px;font-size:.58em;display:inline-block;transform:rotate(-7deg)}.home-title-accent{color:#f2d275;white-space:nowrap;display:inline-block;position:relative;transform:rotate(-2deg)}.home-title-accent:after{content:"";border-bottom:3px solid #f2d27599;border-radius:50%;height:7px;position:absolute;bottom:-4px;left:1%;right:-2%;transform:rotate(-1deg)}.home-title-line{margin-top:12px;display:block}.home-play-art{background:#eee2c6;border:1px solid #fff2d9;border-radius:2px;width:46px;padding:3px;display:block;transform:rotate(-5deg);box-shadow:1px 2px #54432c55}.home-play-art img{width:100%;height:auto;display:block}.home-actions{gap:12px;max-width:380px;margin-top:32px;display:grid}.home-actions button{text-align:left;grid-template-columns:44px 1fr 20px;align-items:center;gap:16px;height:76px;padding:12px 20px;font-size:18px;display:grid;box-shadow:0 5px #15363588}.home-actions svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}.home-actions .action-arrow{width:20px;height:20px}.home-actions .home-play{background:var(--light-square);color:#28251f;border-color:#f7eedb}.home-actions .home-play:hover{background:#f0e2c6}.home-actions .home-analyse{background:#242424;border-color:#717e70}.home-actions .home-analyse:hover{background:#343a36}.home-actions .home-rules{color:#193c35;background:#aacaad;border-color:#c6dec1}.home-actions .home-rules:hover{background:#bed8b9}.home-scene{perspective:1100px;place-items:center;height:620px;display:grid;position:relative}.floating-board{aspect-ratio:1;z-index:1;background:#54432c;border:1px solid #b79b6c;width:min(78%,570px);padding:12px;position:relative;transform:rotateX(28deg)rotate(-18deg);box-shadow:-2px 3px #675038,-4px 6px #675038,-6px 9px #675038,-8px 12px #403a2e,-16px 35px 28px #153c3baa}.scene-squares{grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;height:100%;display:grid}.scene-square{background:var(--light-square);aspect-ratio:1;place-items:center;display:grid;position:relative}.scene-square.dark{background:var(--dark-square)}.scene-pieces{pointer-events:none;transition:opacity .7s;position:absolute;inset:12px}.scene-pieces.fading{opacity:0}.scene-sprite{place-items:center;width:12.5%;height:12.5%;transition:transform .9s cubic-bezier(.4,0,.2,1),opacity .4s;display:grid;position:absolute;top:0;left:0}.scene-sprite img{object-fit:contain;filter:drop-shadow(0 1px 1px #30261655);width:86%;height:86%}.scene-sprite.scene-duck{z-index:2}.scene-sprite.scene-duck img{width:90%;height:90%}.scene-sprite.captured{opacity:0}.scene-pieces.resetting .scene-sprite{transition:none}@media (prefers-reduced-motion:reduce){.scene-sprite,.scene-pieces{transition:none}}.water-rings{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:clip}.water-ring{border:1px solid #d3dfbc33;border-radius:50%;width:98%;height:65%;position:absolute;transform:rotate(-18deg)}.ring-two{width:85%;height:55%}.board-reflection{filter:blur(18px);background:#143c3b33;border-radius:50%;width:70%;height:35%;position:absolute;bottom:40px}.web-setup{width:480px;overflow-y:auto}.web-setup h2{font-size:20px}.web-setup fieldset{border:0;min-width:0;margin:20px 0;padding:0}.web-setup legend{margin-bottom:10px;font-size:13px;font-weight:600}.side-options,.time-presets{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.side-options button{flex-direction:column;justify-content:center;align-items:center;gap:5px;height:90px;display:flex}.side-pieces{justify-content:center;height:44px;display:flex}.side-pieces img{width:36px;height:44px}.side-pieces svg{width:34px;height:44px}.time-presets button{font-variant-numeric:tabular-nums;height:44px;font-size:15px}.web-setup button[aria-pressed=true]{color:#fff1d1;background:#494335;border-color:#dbc99f;box-shadow:inset 0 -2px #dbc99f}.clock-description{color:var(--text-muted);margin-top:10px}.untimed-setting{margin-top:12px}.custom-clocks{margin-top:14px}.separate-clocks{align-items:center;gap:8px;margin-bottom:12px;display:flex}.separate-clocks input{width:auto}.web-setup .dialog-footer button{min-width:110px;height:36px}.web-workspace.analysing{grid-template-rows:auto 240px 150px;height:auto}.web-workspace.analysing .board-content{width:min(100%,100dvh - 195px)}.analysis-output{background:var(--surface);border:1px solid var(--line);grid-area:2/1/auto/-1;min-height:0;overflow:hidden}.analysis-output .analysis-panel{height:100%}.web-workspace.analysing .graph-panel{grid-row:3}@media (width<=1000px){.pond-home{grid-template-columns:360px minmax(0,1fr);gap:12px}.home-scene{height:500px}}@media (width<=850px){.pond-home{flex-direction:column-reverse;gap:0;padding-bottom:24px;display:flex}.home-scene{width:100%;height:300px}.floating-board{width:min(75%,250px);padding:6px}.scene-pieces{inset:6px}.home-content{width:min(100%,460px);padding:0}.home-content h1{font-size:clamp(32px,8vw,42px)}.home-actions{margin-top:22px}.home-actions button{white-space:normal;grid-template-columns:32px minmax(0,1fr) 20px;gap:12px;height:64px;padding:12px 16px;font-size:16px}.home-play-art{width:36px;padding:2px}}@media (width>=1250px){.web-main:has(.analysing){max-width:1800px}.web-workspace.analysing{grid-template-rows:minmax(0,1fr) 150px;grid-template-columns:minmax(360px,1.2fr) 230px minmax(450px,1fr);height:calc(100dvh - 85px);min-height:570px}.web-workspace.analysing .board-content{width:min(100%,max(280px,100dvh - 343px))}.analysing .analysis-output{grid-area:1/3}.web-workspace.analysing .graph-panel{grid-row:2}}.scene-square{min-width:0;min-height:0}.pond-home{overflow:visible}.separate-clocks{flex-direction:row;justify-content:flex-start}@media (width<=620px){.pond-home{overflow:hidden}.web-setup .stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.site-footer{text-align:center;font-size:var(--text-small);padding:8px 12px 16px}.site-footer a{color:var(--text)}.analysis-message button{margin-top:8px;display:block}.dialog-heading,.dialog-footer,.control-heading,.stage-heading,.graph-panel .dock-heading{flex-wrap:wrap}dialog{max-height:calc(100dvh - 32px);overflow:auto}.error-toast{overflow-wrap:anywhere;width:max-content}.error-toast span{min-width:0}@media (width<=760px){.web-workspace.analysing .board-content{width:100%}.analysis-output{flex:none;height:320px}.web-header nav a,.github-button{align-items:center;min-height:44px;display:inline-flex}input:not([type=checkbox]),select,textarea{font-size:16px}input:not([type=checkbox]){min-height:44px}.promotion{max-width:100%}.promotion-choices button{width:clamp(40px,13vw,52px)}}@media (pointer:coarse){button:not(.square),select,input:not([type=checkbox]){min-height:44px}.board-column{grid-template-rows:minmax(0,1fr) auto}.board-footer{height:auto;min-height:44px}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.web-workspace .board-content,.web-workspace.analysing .board-content{width:min(100%,max(240px,100dvh - 180px));margin-inline:auto}}.web-sidebar .analysis-navigation{grid-template-columns:1fr 1fr auto 1fr 1fr}.move-counter{color:var(--text-muted);font:var(--text-small) var(--font-mono);white-space:nowrap;align-self:center}