/* owns: Brasswake enamel, brass and responsive game presentation
   edit for: brand bar, guide, pause state and theme */
:root{color-scheme:dark;--brass:#caa96a;--cream:#f3e8cf;--glass:#102e2eea;--rim:#9b81565e}
html,body{background:#102727;color:var(--cream);font-family:Avenir,'Segoe UI',system-ui,sans-serif}
button,input,summary,a{touch-action:manipulation}button,summary{transition:filter .15s}button:hover,summary:hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e1bd77;outline-offset:3px}
.brassbar{height:64px;position:fixed;inset:0 0 auto;z-index:7;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:8px 22px;border-bottom:1px solid #987d4f88;background:linear-gradient(110deg,#0d2424,#24433f,#132d2d);box-shadow:0 4px 25px #06151455}
.brass-brand{display:flex;align-items:center;gap:10px}.brass-brand h1{font:500 25px/1.08 Georgia,serif;letter-spacing:1px;margin:0}.brass-brand small{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#c9b994}.brass-seal{color:var(--brass);font-size:34px}.brassbar nav{display:flex;gap:8px}.brassbar button{border:1px solid #b496635c;color:#e9dfc8;padding:8px 13px;border-radius:8px;background:#0f282b;font:inherit;font-size:12px;min-height:36px;cursor:pointer}
#app{top:64px}.draw-options{top:77px;z-index:5}.player-hud{top:77px}.draw-options summary,.drawer-content,.score-panel,.force-panel,.quest,.quest-panel,.quest-goal{background:var(--glass);border-color:var(--rim);color:var(--cream);box-shadow:0 8px 28px #020d1733;backdrop-filter:blur(10px)}
.draw-options summary{color:#dfc48e}.draw-options legend,.draw-options-heading,.force-column-title,.force-player{color:#c8b385}.draw-options input{accent-color:#c6a464}.force-panel{border-radius:12px}.quest{border-radius:10px;box-shadow:inset 0 0 0 2px #e1bf6b09,0 5px 18px #0003}.quest-meta,.force-help,.force-selected,.score-mode,.force-kind,.force-status,.settings-note{color:#b9c6ba}.quest-bar{background:#23423f}.quest-bar-fill{background:linear-gradient(90deg,#818e68,#e5c486)}.force-slider-thumb{background:#d7b672;border-color:#f3ddac}.force-meter-fill{background:#bca569}.score-restart{background:#223e3a;border-color:#b79a5c70;color:#eddbb3}.force-pair{max-height:calc(100dvh - 215px)}
.brass-shade{position:fixed;inset:0;z-index:20;background:#061b1ac9;backdrop-filter:blur(13px);display:grid;place-items:center;padding:20px;box-sizing:border-box}.brass-shade[hidden]{display:none}.brass-card{width:min(560px,100%);box-sizing:border-box;max-height:calc(100dvh - 35px);overflow:auto;border:1px solid #b49761;border-radius:18px;padding:30px 34px;background:linear-gradient(135deg,#203e3b,#112b2d);box-shadow:0 24px 100px #0006,inset 0 0 0 5px #ad966518;color:#e9e1c9}.brass-eyebrow{font-size:9px;letter-spacing:2px;color:#c2a575}.brass-card h2{font:400 36px/1.15 Georgia,serif;margin:13px 0 18px;color:#f1dfb8}.brass-card p,.brass-card li{font-size:13px;line-height:1.65;color:#d1d7c9}.brass-card ol{padding-left:20px;margin:20px 0}.brass-card li{padding:0 0 9px 4px}.brass-card strong{color:#eddbb5}.brass-card .brass-fine{font-size:11px;color:#b7c5b7}.brass-card a{display:block;text-align:center;font-size:11px;margin-top:14px;color:#cdb789;text-decoration:none}.brass-start{display:block;width:100%;min-height:46px;margin-top:20px;border:1px solid #e1c58c;border-radius:9px;background:linear-gradient(110deg,#b89c65,#ead1a0);font:600 14px system-ui;color:#193b38;cursor:pointer}.brass-start:disabled{opacity:.5}.brass-card #brass-loading{font-size:11px;color:#c3ae82}
.brass-toast{position:fixed;z-index:9;left:50%;top:82px;transform:translateX(-50%);padding:12px 20px;border:1px solid #d4b67e;background:#173a32ed;border-radius:30px;font-size:12px;color:#f3d99e;pointer-events:none;box-shadow:0 8px 25px #0005}.brass-toast[hidden]{display:none}.engine-paused #canv{filter:saturate(.7)}
@media(max-width:700px){.brassbar{height:62px;padding:8px 10px}.brass-brand h1{font-size:20px}.brass-brand small{font-size:8px;letter-spacing:1px}.brass-seal{display:none}.brassbar nav{gap:5px}.brassbar button{padding:6px 8px;font-size:10px;min-height:34px}#app{top:62px}.draw-options{top:72px}.player-hud{top:72px;width:166px}.force-pair{max-height:calc(100dvh - 225px)}.brass-card{padding:23px}.brass-card h2{font-size:29px}.brass-card p,.brass-card li{font-size:12px}.brass-toast{top:135px;max-width:80%;width:max-content;font-size:11px}}
@media(prefers-reduced-motion:reduce){button,summary{transition:none}}