:root{--line:#cfccc0;--bg:#f4f2ea;--ink:#1f1f1d;--muted:#6b6a62;--accent:#3b78d8}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.4 system-ui,sans-serif}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:6px 12px}button:hover{background:#f0eee6}button.on,button[aria-pressed=true]{background:#e3e0d3;border-color:#9a978b;font-weight:600}button.plain{padding:4px 10px}input,select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:3px 6px}.toolbar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 16px;display:flex}.group{flex-wrap:wrap;gap:6px;display:flex}.dots{gap:8px;display:flex}.dot{border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0}.dot[aria-checked=true]{outline-offset:2px;outline:3px solid #1f1f1d}.tint{color:var(--muted);align-items:center;gap:4px;font-size:13px;display:flex}.spacer{flex:1}.seg{display:inline-flex}.seg button{border-radius:0;margin-left:-1px}.seg button:first-child{border-radius:8px 0 0 8px;margin-left:0}.seg button:last-child{border-radius:0 8px 8px 0}.sides-wrap{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}#sides-label{font-size:13px;display:none}main{grid-template-columns:minmax(300px,560px) minmax(320px,520px);justify-content:center;align-items:start;gap:24px;padding:20px 16px;display:grid}.left{text-align:center}.stage{aspect-ratio:1;--flip:1;--rot:0deg;width:min(100%,560px);margin:0 auto}.stage svg{touch-action:none;width:100%;height:100%;transform:rotate(var(--rot)) scaleX(var(--flip));cursor:crosshair;transition:transform .35s;display:block;overflow:visible}.stage.playing svg{cursor:pointer}.stage.flipping{--flip:0}.stage.flipping svg{transition-duration:.15s}.title{margin-top:6px;font-weight:600}.hint{color:var(--muted);margin:6px 0;font-size:13px}.panel{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;margin-bottom:12px;padding:12px 14px}.panel h2{justify-content:space-between;margin:0 0 6px;font-size:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.row label{color:var(--muted);align-items:center;gap:4px;font-size:13px;display:flex}.grow{flex:1}.bad{color:#b3322e;font-weight:600}.good{color:#2d7a2a;font-weight:600}.muted{color:var(--muted)}.score{font-size:17px;font-weight:650}table.breakdown{border-collapse:collapse;width:100%;margin:6px 0;font-size:13px}table.breakdown td{border-bottom:1px solid #eee;padding:2px 4px}table.breakdown td:last-child{text-align:right;font-variant-numeric:tabular-nums}.warning{color:#8a4b00;background:#fff4e0;border-radius:6px;margin-top:6px;padding:4px 8px;font-size:13px}.note{color:var(--muted);margin-top:4px;font-size:13px}.subhead{color:var(--muted);margin:10px 0 2px;font-size:13px;font-weight:600}.gen-rule{align-items:flex-start;gap:6px;margin:3px 0;font-size:13px;display:flex}.gen-rule input[type=number]{width:46px}.overlay-card.wide{max-width:980px}.print-preview{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.preview-page{zoom:.34;background:#fff;box-shadow:0 1px 6px #0004}.sheet{background:#fff;position:relative;overflow:hidden}.sheet svg{display:block}#print-root{display:none}@media print{body>:not(#print-root){display:none!important}body,html{background:#fff!important}#print-root{display:block}#print-root .sheet{break-after:page;page-break-after:always;margin:0}}.gen-el{color:var(--ink);align-items:center;gap:4px;margin:3px 0;font-size:14px;display:flex}.gen-el input[type=number]{width:52px}.gen-name{min-width:96px;margin-left:4px}.timer{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.overlay{z-index:10;background:#14141280;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay-card{background:#fff;border-radius:14px;width:100%;max-width:640px;max-height:90vh;padding:18px 22px;overflow:auto}.overlay-card h2{margin-top:0}.overlay-card h3{margin:14px 0 2px;font-size:14px}.overlay-card th{text-align:left;color:var(--muted);padding:2px 4px;font-size:12px}details summary{cursor:pointer;color:var(--muted);margin:6px 0;font-size:13px}.states{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chip{vertical-align:-2px;border:1px solid #0006;border-radius:50%;width:14px;height:14px;display:inline-block}ol.steps{columns:2;margin:6px 0 0;padding-left:22px;font-size:13px}.trap{text-align:left;width:100%;margin:4px 0;font-size:13px;display:block}.trap[aria-pressed=true]{border-color:#d9433f}.deck-head{color:var(--muted);margin:8px 0 2px;font-size:12px;font-weight:600}.deckrow{align-items:center;gap:8px;margin:3px 0;font-size:14px;display:flex}.deckrow .grow{text-align:left}.deckrow .x{padding:0 8px}.pad{grid-template-columns:repeat(3,48px);grid-template-areas:".N.""W.E"".S.";justify-content:center;gap:4px;margin:8px 0;display:grid}.pad [data-key=N]{grid-area:N}.pad [data-key=W]{grid-area:W}.pad [data-key=E]{grid-area:E}.pad [data-key=S]{grid-area:S}.msg{min-height:1.4em;margin:4px 0 0;font-weight:600}.status{color:#8a5a00;min-height:1.4em}body.playing .edit-only{display:none}@media (width<=960px){main{grid-template-columns:1fr}}body.playing .sides-wrap,body.playtest .toolbar>:not(.spacer):not(#pt-exit):not(#pt-title){display:none}body.playtest #pt-exit{display:inline-block}body.playtest #pt-title{font-weight:600;display:inline}body.playtest .right{display:none}body.playtest main{grid-template-columns:minmax(300px,560px)}body.playtest .title,body.playtest #p-undo{display:none}#pt-decide button{min-width:96px}#pt-drop:hover{color:#b3322e;border-color:#d9433f}td select{padding:1px 2px}#dock-toggle{display:none}body.net{flex-direction:column;height:100vh;display:flex;overflow:hidden}body.net #dock-toggle{display:inline-block}body.net main{flex:1;min-height:0;padding:0;display:block;position:relative}body.net #canvas{position:absolute;inset:0}#canvas svg{touch-action:none;-webkit-user-select:none;user-select:none;background:#f9f8f2;width:100%;height:100%;display:block}#canvas svg[data-cursor=tool]{cursor:crosshair}#canvas svg[data-cursor=grab]{cursor:grab}#canvas svg[data-cursor=grabbing]{cursor:grabbing}.zoomctl{gap:6px;display:flex;position:absolute;top:16px;left:16px}.zoomctl button{min-width:36px;box-shadow:0 1px 3px #0002}.canvas-hint{color:var(--muted);pointer-events:none;margin:0;font-size:12px;position:absolute;top:58px;left:16px}body.net .left{text-align:left;border:1px solid var(--line);z-index:2;background:#fffe;border-radius:12px;width:auto;max-width:min(520px,100vw - 32px);padding:8px 12px;position:absolute;bottom:16px;left:16px;box-shadow:0 1px 4px #0002}body.net .left .title{margin:0}body.net .left .hint{margin:2px 0 0}body.net #sides-label{display:inline}body.net .sides-wrap{justify-content:flex-start;margin-top:6px}body.net #dock{background:var(--bg);border-left:1px solid var(--line);z-index:3;width:380px;max-width:92vw;padding:12px;transition:transform .2s;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}body.net.dock-collapsed #dock{transform:translate(100%)}body.net.dock-collapsed #dock-toggle{background:#fff}body:not(.net) #canvas{display:none}