:root{font-family:Arial,sans-serif;color:#e8e8d9;background:#102a28;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 40%,#28423a,transparent 65%),#102a28}main{max-width:1180px;margin:auto;padding:28px 40px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #adc0a62a;padding-bottom:20px}.brand{display:flex;align-items:center;gap:16px;font:bold 28px Georgia;color:#e9c88a;text-decoration:none}.brand span,.edition,.eyebrow,footer>span{font:10px Arial;letter-spacing:2.2px}.brand span{color:#c1c9b7}.edition{color:#b3bdac}.intro{margin:32px 0 28px}.eyebrow{color:#d5b87d}h1{font:normal clamp(48px,7vw,76px) Georgia;margin:8px 0;color:#f4e5c5;letter-spacing:-3px}.subtitle{font:italic 20px Georgia;color:#bfcab7;margin:8px 0}.layout{display:grid;grid-template-columns:minmax(320px,1.3fr) minmax(280px,.85fr);gap:48px}.table{min-width:0}.edge{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;padding:12px 8px;color:#b5c9b9}.edge span+span{font-size:8px;opacity:.65}.bottom{color:#efe7ce}.boardframe{padding:8%;background:#624e32 url('woodland.webp') center/cover;border-radius:12px;box-shadow:0 24px 60px #0006,0 0 0 1px #b7a97755;aspect-ratio:1}#board{display:grid;grid-template-columns:repeat(5,1fr);height:100%;border:1px solid #e3c78b77;border-radius:3px;overflow:hidden;background:#402d1c25}.cell{position:relative;aspect-ratio:1;padding:0;border:1px solid #e4cb8e42;background:#e6c99713;border-radius:0;display:grid;place-items:center;min-height:0}.cell:nth-child(even){background:#3325101c}.cell:focus-visible{outline:3px solid #fff;outline-offset:-4px;z-index:1}.cell.selected{box-shadow:inset 0 0 0 3px #f2cd76;background:#f1ce6a30}.cell.target:after{content:'';width:25%;height:25%;border:2px solid #ffe2a2;background:#edcc7377;border-radius:50%;box-shadow:0 0 18px #ffd379}.cell.hinted{box-shadow:inset 0 0 0 4px #bdedcb}.piece{width:66%;height:66%;border-radius:50%;pointer-events:none;box-shadow:0 4px 6px #0008,inset 0 2px 5px #ffffff88;transition:transform .18s}.piece.ivory{background:radial-gradient(circle at 35% 25%,#fff6d7,#e0d0a1 62%,#837456);border:2px solid #eddfb8}.piece.fern{background:radial-gradient(circle at 35% 25%,#74aa8e,#234c41 65%,#102e2c);border:2px solid #8daa8a}.piece.amber{border-radius:35%;transform:rotate(45deg);width:56%;height:56%;background:radial-gradient(circle at 25% 25%,#fff1a5,#d89027 50%,#69330b);border:2px solid #f9d57a;box-shadow:0 0 20px #f2a42d7a,0 4px 6px #0009,inset 0 2px 3px #fff8}.last{color:#b7c6b6;min-height:50px;font:italic 14px Georgia;padding:17px 8px}.turncard{border-top:1px solid #d1c09055;border-bottom:1px solid #d1c09033;padding:5px 0 18px}h2{font:normal 27px Georgia;color:#f3e8cf;margin:13px 0}aside p,li,footer p{font-size:13px;line-height:1.7;color:#bac8b7}.steps{display:flex;gap:12px;margin-top:22px}.steps span{padding:9px;border:1px solid #bac7b52a;border-radius:5px;font-size:10px;letter-spacing:1px;color:#8ea998}.steps .active{border-color:#e6c38b;color:#f7deb0;background:#e6c38b15}.note{font-size:11px!important;margin-bottom:0}.actions{display:flex;gap:10px;margin:18px 0}button,select{font:12px Arial;border:1px solid #9eb39b66;background:#193a33;color:#e9e5cc;border-radius:6px;padding:12px;cursor:pointer}button:hover{background:#345344}button:disabled{opacity:.45;cursor:default}#hint{background:#d5bd88;color:#16362e;border-color:#d5bd88}.actions button{flex:1}label{display:block;font-size:11px;color:#b6c7b6;margin:16px 0 8px}select{display:block;width:100%;margin-top:7px}#new{width:100%;margin-top:16px}#saved{font-size:10px;text-align:center}details{margin-top:22px;border-top:1px solid #aac29a33;padding-top:16px}summary{font:17px Georgia;cursor:pointer;color:#dfd8be}ol{padding-left:20px}li{padding:4px 0}strong{color:#e0d6b7}footer{display:flex;justify-content:space-between;gap:30px;margin-top:35px;padding:20px 0;border-top:1px solid #aac29a33;color:#9aaa94}footer details{margin:0;padding:0;border:0;max-width:540px}footer summary{font-size:13px;text-align:right}a{color:#dbca99}dialog{background:#16352f;color:#e4dfc5;border:1px solid #b8a477;border-radius:10px;max-width:380px;padding:25px}dialog::backdrop{background:#071611b3}@media(max-width:760px){main{padding:20px}.edition{display:none}.intro{margin:24px 0}.layout{grid-template-columns:1fr;gap:12px}.table{max-width:540px;width:100%;margin:auto}aside{max-width:540px;width:100%;margin:auto}.edge{font-size:9px}.turncard{padding-top:5px}h2{margin:8px 0}footer{flex-direction:column}footer summary{text-align:left}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.cell:before{content:attr(data-coord);position:absolute;top:4px;left:4px;font:8px Arial;color:#ffe5ac99;pointer-events:none}.cell{touch-action:manipulation}@media(max-width:400px){.cell:before{font-size:7px;top:2px;left:2px}}

.piece.amber{width:92%;height:92%;transform:none;border:0;border-radius:0;background:transparent url('amber.webp') center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 3px 3px #0008)}