@font-face{font-family:Proza;src:url(/proza-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proza;src:url(/proza-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Proza;src:url(/proza-bold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f0dfe5;--muted:#c4acb8;--surface:#2d1e28;--line:#e6b0c73d;--button:#402b36;--button-hover:#543846;--button-line:#e6b0c73d;--brown:#5d3a23;--green:#358462;--red:#b34f52;--yellow:#d0ba50;--pink:#ba6f91;--purple:#6c548a;--blue:#3d7fa6;--orange:#bd703c;font-family:Proza,sans-serif}*{box-sizing:border-box}body{background:var(--surface);min-height:100vh;color:var(--ink);-webkit-user-select:none;user-select:none;place-items:start center;margin:0;padding:clamp(28px,7vh,64px) 14px 32px;font-family:Proza,sans-serif;display:grid}button{border:1px solid var(--button-line);background:var(--button);color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;min-height:42px;padding:0 14px;font-weight:700}button:hover{background:var(--button-hover)}button.secondary{background:var(--surface);color:var(--ink)}.app{grid-template-columns:1fr;align-items:start;gap:16px;width:min(720px,100%);display:grid}.app-title{text-align:center;margin:0;font-family:Proza,sans-serif;font-size:clamp(42px,8vw,64px);font-weight:800;line-height:.95}.tagline{color:var(--muted);text-align:center;margin:-2px 0 2px;font-size:14px;line-height:1.2}.play-area{place-items:center;padding:16px;display:grid}.board-wrap{aspect-ratio:1;place-items:center;width:min(100%,500px);display:grid}.board{width:100%;height:100%;box-shadow:none;background:#000;border:6px solid #000;border-radius:0;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:0;padding:0;display:grid;overflow:visible}.cell{appearance:none;cursor:default;isolation:isolate;background:var(--cell-base);width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;place-items:center;margin:0;padding:0;display:grid;position:relative;overflow:visible}.cell:hover{background:var(--cell-base)}.cell:before{content:"";z-index:1;pointer-events:none;box-shadow:none;background:0 0;border-radius:0;position:absolute;inset:0}.cell.brown{--cell-base:#5d3a23}.cell.green{--cell-base:#358462}.cell.red{--cell-base:#b34f52}.cell.yellow{--cell-base:#d0ba50}.cell.pink{--cell-base:#ba6f91}.cell.purple{--cell-base:#6c548a}.cell.blue{--cell-base:#3d7fa6}.cell.orange{--cell-base:#bd703c}.coord{color:#ffffff94;text-shadow:0 1px 2px #00000059;z-index:3;font-size:11px;font-weight:400;display:none;position:absolute;bottom:4px;right:5px}.piece{z-index:2;aspect-ratio:1;background:0 0;border:5px solid;border-radius:999px;place-items:center;width:86%;transition:transform .12s;display:grid;position:relative;box-shadow:0 5px #0000004d,0 7px 8px #00000038}.piece.black{color:#fff;border-color:#050505}.piece.gold{color:#19130a;border-color:#f6edda}.piece-color{aspect-ratio:1;background:var(--tower-fill);border-radius:999px;width:100%;display:block;position:relative;box-shadow:inset 0 2px #ffffff1a,inset 0 -3px #0000002e}.piece-color:before{content:"";aspect-ratio:1;border-radius:inherit;background:var(--tower-crescent);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none;width:72%;position:absolute;bottom:9%;right:9%}.piece-color:after{content:"";aspect-ratio:1;border-radius:inherit;background:var(--tower-fill);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none;width:72%;position:absolute;bottom:15%;right:15%}.piece-color.brown{background:var(--brown);--tower-fill:var(--brown);--tower-crescent:#3d2617}.piece-color.green{background:var(--green);--tower-fill:var(--green);--tower-crescent:#28694d}.piece-color.red{background:var(--red);--tower-fill:var(--red);--tower-crescent:#873b3e}.piece-color.yellow{background:var(--yellow);--tower-fill:var(--yellow);--tower-crescent:#a9973d}.piece-color.pink{background:var(--pink);--tower-fill:var(--pink);--tower-crescent:#935673}.piece-color.purple{background:var(--purple);--tower-fill:var(--purple);--tower-crescent:#55416e}.piece-color.blue{background:var(--blue);--tower-fill:var(--blue);--tower-crescent:#306381}.piece-color.orange{background:var(--orange);--tower-fill:var(--orange);--tower-crescent:#93572f}.piece.selected{z-index:10;box-shadow:0 0 0 9px var(--ink), 0 5px 0 #0000004d, 0 7px 8px #00000038}.cell.moving,.piece.moving{z-index:40}.cell:has(.piece.selected){z-index:20}.cell.selectable,.cell.legal.interactive{cursor:pointer}.cell.inert .piece{opacity:1}.cell.legal:after{content:"";aspect-ratio:1;background:var(--ink);z-index:2;border-radius:50%;width:14%;transition:transform .12s;position:relative}.play-panel{justify-self:center;gap:16px;width:min(100%,420px);padding:16px;display:grid}.play-status{text-align:center;grid-template-rows:auto 38px;align-content:start;gap:8px;min-height:72px;padding:0;display:grid}.play-status strong{justify-content:center;align-items:center;font-size:18px;line-height:22px;display:flex}#playStatusDetail{color:var(--muted);place-items:start center;min-height:38px;font-size:14px;line-height:1.35;display:grid}.new-game-actions{background:var(--button);border-radius:0;grid-template-columns:1fr 1fr;justify-self:center;width:100%;display:grid;overflow:hidden}.action{appearance:none;border:1px solid var(--button-line);background:var(--button);color:var(--ink);min-height:38px;font:inherit;cursor:pointer;padding:0 14px;font-size:14px}.action:hover:not(:disabled),.action.active{background:var(--button-hover)}.new-game-actions .action{background:var(--button);border:0;border-radius:0;min-height:36px;font-weight:800}.new-game-actions .action:first-child{background:#4d3440}.required-tower{width:24px;height:24px;box-shadow:none;vertical-align:-5px;border:3px solid;flex:0 0 24px;margin-right:8px;display:inline-block}.required-tower.black{border-color:#050505}.required-tower.gold{border-color:#f6edda}.rules{justify-self:center;width:min(100%,520px);margin-top:10px;padding:4px 16px 16px}.rules-content{gap:18px;display:grid}.rules-copy{color:#f0dfe5db;font-size:14px;line-height:1.55}.rules-copy p{margin:0 0 10px}.rules-copy p:last-child{margin-bottom:0}.site-footer{color:#c4acb8b8;text-align:center;padding:8px 0 0;font-size:12px;line-height:1.3}@media (width<=820px){.board-wrap{width:min(100%,500px,100vh - 260px)}}