:root{--felt:#22392e;--felt-deep:#1a2d24;--buff:#e9dcbe;--green:#4a7a5e;--paper:#f4ecd9;--ink:#2b2b26;--brass:#c9a227;--signal:#b3402f;--white-pc:#f7f3e8;--black-pc:#26221c;color:var(--paper);background:var(--felt-deep);font-synthesis:none;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#app{min-height:100%}body{background:radial-gradient(120% 90% at 50% 0%, #2b4a3a 0%, var(--felt) 45%, var(--felt-deep) 100%);min-width:320px}button,input{font:inherit}button{color:inherit}.wrap{flex-direction:column;gap:14px;width:min(100% - 20px,520px);margin:0 auto;padding:14px 0 40px;display:flex}header{text-align:center}h1{letter-spacing:.14em;text-transform:uppercase;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:30px;font-weight:600}.brand-link{color:inherit;text-decoration:none}h1 .knight{color:var(--brass);letter-spacing:0;margin-right:.15em}.tagline{letter-spacing:.14em;text-transform:uppercase;color:#9db8a8;margin-top:2px;font-size:12px}.chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{color:#bcd3c5;cursor:pointer;background:0 0;border:1px solid #557a66;border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none;transition:background .12s,transform 60ms}.chip:not([aria-pressed=true],[aria-current=page]):hover{background:#bcd3c51f}.chip:active{transform:translateY(1px)}.chip[aria-pressed=true],.chip[aria-current=page]{background:var(--brass);border-color:var(--brass);color:#231d08;font-weight:600}.chip.solved:not([aria-pressed=true]){color:#a9e0bd;border-color:#5f9c77}.chip .best{opacity:.85;margin-left:5px;font-size:11px}.chip.next:not([aria-pressed=true]){border-color:var(--brass);color:var(--brass)}.mission{background:var(--paper);color:var(--ink);border-radius:10px;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 14px;display:flex;box-shadow:0 2px #00000059}.mission b{font-family:Georgia,serif;font-size:17px}.mission .par{color:#6b6353;font-size:13px}.mission>.par{flex:none}.mission .par strong{color:var(--signal);font-size:16px}.editor-form{background:var(--paper);color:var(--ink);border-radius:10px;grid-template-columns:1fr 80px;gap:10px;padding:12px 14px;display:grid;box-shadow:0 2px #00000059}.editor-form label{letter-spacing:.12em;text-transform:uppercase;color:#6b6353;font-size:11px}.editor-form label:last-child{grid-column:1/-1}.editor-form input{width:100%;color:var(--ink);background:#fbf6ea;border:1px solid #b3a888;border-radius:6px;margin-top:4px;padding:8px;font-size:14px;display:block}.board-shell{background:#111b15;border-radius:12px;padding:10px 10px 6px;transition:box-shadow .3s;box-shadow:inset 0 0 0 1px #3a5747,0 6px 18px #0006}.board-shell.won{box-shadow:inset 0 0 0 2px var(--brass), 0 6px 18px #0006}.board-shell.lost{box-shadow:inset 0 0 0 2px var(--signal), 0 6px 18px #0006}.board{border:3px solid #0d1410;border-radius:6px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.cell{touch-action:none;aspect-ratio:1;cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;font-size:min(7.5vw,34px);line-height:1;display:flex;position:relative}.cell.light{background:var(--buff)}.cell.dark{background:var(--green)}.cell.deploy.light{background:#f0e6cd}.cell.deploy.dark{background:#568a6c}.cell.deploy-open:not(.droppable,.drophover):after,.cell.droppable:after{content:"";pointer-events:none;opacity:.375;background:#0d14104d;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #00000073,0 1px #ffffff24}.cell.droppable:after{width:12px;height:12px;transition:width .1s,height .1s,background .1s}.cell.drophover{filter:brightness(1.08)}.cell.drophover:after{opacity:1;background:#0d141033;width:16px;height:16px}.cell:focus-visible{outline:3px solid var(--brass);outline-offset:-3px;z-index:2}.cell.sel:after{content:"";border:2px dashed var(--brass);border-radius:4px;position:absolute;inset:3px}.cell.threat:before{content:"";background:repeating-linear-gradient(45deg,#b3402f6b 0 5px,#b3402f1f 5px 10px);position:absolute;inset:0}.cell.lastmove:after{content:"";border:2px solid var(--brass);border-radius:4px;position:absolute;inset:2px}.pc{text-shadow:0 1px #0000002e;pointer-events:none;transition:transform .12s;display:block}.pc.player{color:var(--black-pc);-webkit-text-stroke:1px #f4ecd957}.pc.enemy{color:var(--white-pc);-webkit-text-stroke:1px #4a4335}.pc.pop{animation:.22s pop}@keyframes pop{0%{transform:scale(.4)}70%{transform:scale(1.15)}to{transform:scale(1)}}.turn{z-index:2;border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:6px solid var(--brass);width:0;height:0;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.turn.enemy{border-bottom-color:var(--signal)}.pin{z-index:2;border:2px solid var(--signal);background:linear-gradient(135deg, transparent 44%, var(--signal) 44% 56%, transparent 56%);border-radius:50%;width:11px;height:11px;position:absolute;top:2px;right:2px}.order{z-index:2;min-width:16px;height:16px;color:var(--paper);background:var(--ink);text-align:center;border-radius:8px;padding:0 4px;font:700 10px/16px system-ui,sans-serif;position:absolute;top:2px;left:2px}.order.enemy{background:var(--signal)}.files{color:#7f9c8c;text-align:center;letter-spacing:.05em;grid-template-columns:repeat(8,1fr);padding-top:4px;font-size:10px;display:grid}.tray{justify-content:center;gap:8px;display:flex}.slot{touch-action:none;background:var(--paper);cursor:pointer;max-width:78px;color:var(--ink);border:0;border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:8px 0 6px;display:flex;box-shadow:0 2px #00000059}.slot .g{color:var(--black-pc);font-size:30px;line-height:1}.enemy-tray .slot .g{color:var(--white-pc);-webkit-text-stroke:1px #4a4335;background:var(--felt);border-radius:5px;padding:2px 7px}.slot .c{color:#6b6353;margin-top:2px;font-size:12px}.slot{transition:transform 80ms,box-shadow 80ms}.slot:not(:disabled,[aria-pressed=true]):hover{transform:translateY(-1px);box-shadow:0 3px #00000059}.slot:not(:disabled):active{transform:translateY(1px);box-shadow:0 1px #00000059}.slot[aria-pressed=true]{outline:3px solid var(--brass);transform:translateY(1px)}.slot:disabled{opacity:.4;cursor:default}.hud{justify-content:space-between;align-items:center;gap:10px;display:flex}.spend{font-family:Georgia,serif;font-size:15px}.spend strong{color:var(--brass);margin:0 3px;font-size:20px}.btns{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.utility-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn{letter-spacing:.04em;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s,filter .12s,color .12s,border-color .12s,transform 60ms,box-shadow 60ms}.btn:not(:disabled):active{transform:translateY(1px)}.btn.primary{background:var(--brass);color:#231d08;box-shadow:0 2px #8a6d12}.btn.primary:not(:disabled):hover{filter:brightness(1.07)}.btn.primary:not(:disabled):active{transform:translateY(2px);box-shadow:0 0 #8a6d12}.btn.ghost{color:#bcd3c5;background:0 0;border:1px solid #557a66}.btn.ghost:not(:disabled,[aria-current=page]):hover{background:#bcd3c51f}.btn.spoiler:not(:disabled,.armed):hover{background:#d9a79c1f}.btn.share-copied{color:#a9e0bd;border-color:#5f9c77}.btn.ghost[aria-current=page]{background:var(--brass);border-color:var(--brass);color:#231d08}.btn.icon{padding:10px 12px;font-size:15px;line-height:1}.btn:disabled{opacity:.45;cursor:default}.btn.spoiler{color:#d9a79c;border-color:#8a5548}.btn.spoiler.armed{background:var(--signal);border-color:var(--signal);color:var(--paper)}.btn:focus-visible,.brand-link:focus-visible,.chip:focus-visible,.slot:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.editor-form input:focus-visible{outline-color:var(--signal)}.puzzle-share{background:#00000038;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.share-out{min-width:0;color:var(--ink);background:#fbf6ea;border:1px dashed #b3a888;border-radius:8px;flex:1;padding:8px 10px;font:12.5px ui-monospace,SF Mono,Menlo,Consolas,monospace}.sheet{background:var(--paper);color:var(--ink);border-radius:10px;flex-direction:column;min-height:64px;max-height:154px;padding:10px 14px 2px;font:13px/1.7 ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex;box-shadow:0 2px #00000059}.sheet .moves{background-image:repeating-linear-gradient(#0000 0 21.1px,#2b2b2614 21.1px 22.1px);background-attachment:local;flex:1;min-height:0;overflow-y:auto}.sheet-grip{touch-action:none;cursor:ns-resize;background:0 0;border:0;padding:5px 0 3px}.sheet-grip:before{content:"";background:#2b2b2640;border-radius:2px;width:44px;height:4px;margin:0 auto;display:block}.sheet-grip:hover:before,.sheet-grip:focus-visible:before{background:#2b2b2673}.sheet-grip:focus-visible{outline:2px solid var(--signal)}.sheet .lbl{letter-spacing:.18em;text-transform:uppercase;color:#8a8272;font-family:Georgia,serif;font-size:11px}.sheet .mv.enemy{color:var(--signal)}.sheet .mv.player{color:#2e5c44}.sheet .result.lost{color:var(--signal)}.sheet .result.won{color:#2e5c44}.sheet button.mv{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;margin:0 -3px;padding:0 3px}.sheet button.mv:disabled{cursor:default}.sheet button.mv:not(:disabled):hover{text-decoration:underline}.sheet button.mv:focus-visible{outline:2px solid var(--signal);outline-offset:0}.sheet button.mv.sel{background:#b08d184d}details{color:#cfe0d5;background:#00000038;border-radius:10px;padding:10px 14px;font-size:13.5px;line-height:1.55}details summary{cursor:pointer;letter-spacing:.06em;color:var(--paper);font-weight:600}details p{margin:8px 0 0}details ul{margin:8px 0 0;padding-left:20px}details li+li{margin-top:6px}details b{color:var(--brass)}.drag-ghost{z-index:99;pointer-events:none;color:var(--black-pc);text-shadow:0 0 8px #f4ecd973,0 3px 8px #00000080;font-size:40px;position:fixed;transform:translate(-50%,-60%)}.drag-ghost.enemy{color:var(--white-pc);-webkit-text-stroke:1px #4a4335}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.pc,.pc.pop{transition:none;animation:none}.btn,.chip,.slot,.board-shell{transition:none}}@media (width<=520px){.hud{align-items:flex-start}.btn{padding:9px 11px}.mission{align-items:flex-start}}@media (width<=380px){.hud{flex-direction:column}.btns{justify-content:flex-start}}