:root{color-scheme:dark;--bg:#151815;--panel:#232722;--line:#555e54;--text:#eee9dc;--muted:#aeb5aa;--gold:#d2ad6d;--olive:#696b3d;--red:#873b31}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#34372c,#141613 62%);color:var(--text);font-family:system-ui,sans-serif}.app-header{display:flex;justify-content:space-between;gap:1rem;padding:1.15rem clamp(1rem,3vw,2rem);background:linear-gradient(135deg,#55572f,#292b1b);border-bottom:2px solid #a38d52}.app-header h1{margin:.08rem 0;font:700 clamp(2rem,4vw,3.2rem)/1 Georgia,serif}.app-header p{margin:.25rem 0;color:#ddd7c7}.eyebrow{margin:0;color:#dfbf7d!important;font-size:.7rem!important;font-weight:800;letter-spacing:.18em}.header-actions{display:flex;flex:0 0 auto;align-items:center;gap:.45rem;white-space:nowrap}.header-actions button,.file-button{display:inline-flex;align-items:center;justify-content:center;height:2.4rem;line-height:1;padding:0 .75rem}.header-actions button,.file-button,.secondary,.play-header button,.play-footer button{border:1px solid #85886a;border-radius:4px;background:#292d25;color:#f3ecdc;font-weight:700;cursor:pointer}.secondary,.play-header button,.play-footer button{padding:.55rem .75rem}.file-button input{display:none}.app-layout{max-width:1420px;margin:auto;padding:1rem}.setup-panel{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(400px,1.35fr) minmax(280px,.9fr);gap:.8rem;align-items:start}.setup-block,.play-panel{background:var(--panel);border:1px solid var(--line);border-radius:7px;box-shadow:0 9px 24px #0005}.setup-block{padding:.9rem}.setup-block h2,.play-header h2{margin:0 0 .7rem;color:#e1c58b;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.setup-grid{display:grid;grid-template-columns:1fr;gap:.6rem}.setup-grid label{display:grid;gap:.25rem;color:#bdc3b9;font-size:.75rem;text-transform:uppercase}.setup-grid input,.setup-grid select,.filters input,.filters select{width:100%;padding:.55rem;background:#141714;color:#eee9dc;border:1px solid #60695f;border-radius:4px}.secondary{margin-top:.7rem;width:100%}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.heading-row span,.heading-row strong{font-size:.75rem;color:var(--muted)}.filters{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:.4rem;margin-bottom:.6rem}.results{max-height:535px;overflow:auto;border:1px solid #4b534b;border-radius:4px}.result-row,.selected-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.55rem .65rem;border-bottom:1px solid #414840}.result-row:last-child,.selected-row:last-child{border:0}.result-row:hover{background:#2d332b}.result-row strong,.selected-row strong{display:block}.result-row small,.selected-row small{display:block;margin-top:.12rem;color:#aeb5aa}.result-row button{width:2rem;height:2rem;border:1px solid #747b66;border-radius:50%;background:#4e5436;color:#fff;font-size:1.25rem;cursor:pointer}.selected-list{border:1px solid #4b534b;border-radius:4px;min-height:3rem}.selected-row{grid-template-columns:minmax(0,1fr) auto auto}.qty{display:flex;align-items:center;gap:.25rem}.qty button,.remove{border:1px solid #687067;background:#30362f;color:#f2ecdf;border-radius:3px;cursor:pointer}.qty button{width:1.8rem;height:1.8rem}.remove{padding:.35rem;color:#e9a69b}.empty{padding:1rem;text-align:center;color:#8f978d}.remaining{padding:.55rem;background:#171a17;border-left:4px solid #777a45;color:#cdd2c8;font-size:.82rem}.remaining.over{border-color:#a7473d;color:#f0a99f}.primary{width:100%;padding:.7rem;border:1px solid #c27b60;border-radius:4px;background:#7b3b31;color:#fff;font-weight:800;cursor:pointer}.error{min-height:1.2em;color:#ef9e91;font-size:.82rem}.play-panel{padding:1rem}.play-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;border-bottom:1px solid var(--line);padding-bottom:.8rem}.play-header p{margin:.25rem 0;color:#b8bfb5}.counter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.75rem;padding:1rem 0}.counter{min-height:145px;display:grid;place-content:center;gap:.35rem;padding:.8rem;border:2px solid #7c8050;border-radius:50% 50% 12px 12px;background:radial-gradient(circle at 50% 35%,#656941,#333622 68%);color:#fff4d7;box-shadow:inset 0 0 0 5px #0003,0 8px 18px #0005;cursor:pointer;text-align:center}.counter .number{font:800 2.6rem/1 Georgia,serif}.counter small{font-weight:700;letter-spacing:.08em}.counter.revealed{border-color:#8e7656;background:linear-gradient(#4d4435,#28261f);border-radius:7px}.counter.revealed .number{font-size:1.2rem}.counter.revealed strong{font-size:.85rem}.counter.empty-counter{border-color:#656a64}.play-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.8rem;border-top:1px solid var(--line)}dialog{width:min(560px,calc(100vw - 2rem));padding:0;border:1px solid #8f815e;border-radius:8px;background:#242821;color:#eee9dc;box-shadow:0 24px 70px #000c}dialog::backdrop{background:#000b}dialog form{position:relative;padding:1.25rem}.close{position:absolute;right:.6rem;top:.45rem;border:0;background:none;color:#ddd1b8;font-size:1.7rem;cursor:pointer}dialog h2{margin:.2rem 0;color:#e4c98e;font:700 2rem Georgia,serif}.reveal-meta{display:flex;flex-wrap:wrap;gap:.35rem}.reveal-meta span{padding:.25rem .45rem;border:1px solid #696f61;border-radius:999px;color:#c9cfc4;font-size:.72rem}.rule{margin:.6rem 0;padding:.55rem;border-left:4px solid #777a45;background:#181b17}.rule strong{color:#dfc083}@media(max-width:1050px){.setup-panel{grid-template-columns:1fr 1fr}.setup-block:nth-child(2){grid-column:1/-1;grid-row:2}.filters{grid-template-columns:1fr 1fr}}@media(max-width:650px){.setup-panel{grid-template-columns:1fr}.setup-block:nth-child(2){grid-column:auto;grid-row:auto}.filters{grid-template-columns:1fr}.app-header,.play-header,.play-footer{display:block}.header-actions{margin-top:.75rem}.play-header button,.play-footer button{margin-top:.7rem}.counter-grid{grid-template-columns:repeat(2,1fr)}}