:root{--gold: #e4c36a;--gold-dim: #9a7834;--ink: #07060b;--glass: rgba(10, 8, 14, .62);--line: rgba(228, 195, 106, .38);--text: #f4ecda;--muted: #b7aa90;--danger: #ff4a3a;--win: #7dffb0;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;height:100svh;background:#07060b;color:var(--text);font-family:"Source Sans 3",sans-serif;overflow:hidden;overscroll-behavior:none;position:fixed;inset:0;-webkit-text-size-adjust:100%}#stage,#overlay{position:fixed;inset:0;width:100%;height:100%}#stage{touch-action:none}#stage canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{pointer-events:none;z-index:2}.overlay>*{pointer-events:auto}.glass{background:var(--glass);border:1px solid var(--line);box-shadow:0 20px 70px #00000073,inset 0 1px #ffebb41f;backdrop-filter:blur(16px)}.menu-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 16px));max-height:calc(100% - max(16px,env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px)));padding:22px 22px 16px;border-radius:18px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;display:flex;flex-direction:column;animation:menuIn .7s cubic-bezier(.16,1,.3,1)}.brand{text-align:center;margin-bottom:12px}.eyebrow{margin:0;letter-spacing:.28em;font-size:10px;color:var(--gold)}.wordmark{font-family:Cinzel,serif;font-weight:900;font-size:clamp(32px,8vw,64px);letter-spacing:.18em;margin:4px 0 0;background:linear-gradient(180deg,#fff6d4 0%,var(--gold) 55%,#8a6320 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.tag{margin:4px 0 0;color:var(--muted);font-size:13px}.sec{font-family:Cinzel,serif;font-size:11px;letter-spacing:.18em;color:var(--gold-dim);margin:12px 0 6px;font-weight:700}.row{display:flex;gap:8px}.pill,.hud-btn,.start{font-family:"Source Sans 3",sans-serif;border:1px solid transparent;cursor:pointer}.pill{flex:1;height:34px;border-radius:999px;background:#ffffff0a;color:var(--text);border-color:#ffffff14}.pill:hover{border-color:var(--line)}.pill.is-on{background:linear-gradient(180deg,#e4c36a47,#e4c36a14);border-color:var(--gold);color:#fff6d4;box-shadow:0 0 18px #e4c36a2e}.start{width:100%;margin-top:16px;height:48px;border-radius:12px;background:linear-gradient(180deg,#f0d78a,#b8892c);color:#1a1206;font-family:Cinzel,serif;font-weight:700;letter-spacing:.22em;font-size:15px}.start:hover{filter:brightness(1.06);box-shadow:0 0 28px #e4c36a59}.rules-card{margin-top:14px;min-height:0;flex:0 1 auto}.rules-sum{cursor:pointer;list-style:none}.rules-sum::-webkit-details-marker{display:none}.rules-scroll{max-height:min(22vh,180px);overflow:auto;padding-right:6px;-webkit-overflow-scrolling:touch}.rules-scroll.tall{max-height:42vh}.rules-h{margin:8px 0 2px;font-size:13px;color:var(--gold)}.rules-p{margin:0 0 4px;font-size:13px;color:var(--muted);line-height:1.35}.foot{margin-top:12px;text-align:center}.link,.linkish,.fine{display:block;width:100%;background:none;border:0;color:var(--muted);font-size:12px;margin:3px 0;text-decoration:none}.link,.linkish{color:var(--gold);cursor:pointer}.hud-bar{position:absolute;top:max(8px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:min(980px,calc(100% - 16px));display:grid;grid-template-columns:auto 1fr auto auto;gap:10px 16px;align-items:center;padding:10px 14px;border-radius:14px;animation:rise .45s ease}.hud-title{font-family:Cinzel,serif;letter-spacing:.2em;font-weight:700}.hud-status{color:var(--gold);font-weight:600}.hud-counts{color:var(--muted);font-size:13px}.hud-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.hud-btn{height:30px;padding:0 10px;border-radius:8px;background:#ffffff0d;color:var(--text);border-color:#ffffff1a}.hud-btn:hover{border-color:var(--gold)}.kill-tri{position:absolute;right:16px;bottom:max(10px,env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--line);pointer-events:none}.kt{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--c);color:#111}.kt.is-focus{box-shadow:0 0 16px var(--c);transform:scale(1.15)}.kt-arr{color:var(--muted);font-size:12px}.modal-back{position:absolute;inset:0;background:#00000059;display:grid;place-items:center}.rules-modal{width:min(440px,92vw);padding:18px;border-radius:16px}.result-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,92vw);padding:28px 24px 20px;border-radius:18px;text-align:center;animation:rise .55s cubic-bezier(.16,1,.3,1)}.result-title{font-family:Cinzel,serif;letter-spacing:.12em;margin:6px 0;font-size:36px}.is-win .result-title{color:var(--win)}.is-lose .result-title{color:var(--danger)}.result-sub{color:var(--muted)}.stats{list-style:none;padding:0;margin:16px 0;text-align:left}.stats li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.stats .k{color:var(--muted)}.result-actions{margin:8px 0 12px}@keyframes rise{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1}}.menu-panel{animation-name:menuIn}@keyframes menuIn{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.lab-panel{position:fixed;top:10px;right:10px;width:min(340px,92vw);max-height:calc(100vh - 20px);overflow:auto;z-index:20;pointer-events:auto;background:#0a080ee0;border:1px solid var(--line);border-radius:14px;padding:10px 12px 14px;box-shadow:0 16px 50px #00000073}.lab-head h2{font-family:Cinzel,serif;margin:0 0 8px;letter-spacing:.16em}.lab-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.lab-actions button{background:#ffffff0f;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:4px 8px;cursor:pointer}.lab-status{margin:0 0 8px;font-size:12px;color:var(--gold)}.lab-body details{border-top:1px solid rgba(255,255,255,.06);padding:4px 0}.lab-body summary{cursor:pointer;font-family:Cinzel,serif;font-size:12px;letter-spacing:.12em;color:var(--gold-dim);padding:6px 0}.lab-row{display:grid;grid-template-columns:1fr 110px 42px;gap:6px;align-items:center;font-size:12px;color:var(--muted);margin:4px 0}.lab-row input[type=range]{width:100%}.lab-num{font-variant-numeric:tabular-nums;color:var(--text);text-align:right}@media(max-width:720px){.hud-bar{grid-template-columns:1fr 1fr;top:max(6px,env(safe-area-inset-top,0px));padding:8px 10px;gap:6px 10px}.hud-title{font-size:13px}.hud-status,.hud-counts{font-size:12px}.hud-btns{grid-column:1 / -1}.hud-btn{height:32px;font-size:13px}.kill-tri{left:50%;right:auto;transform:translate(-50%);bottom:max(8px,env(safe-area-inset-bottom,0px))}}@media(max-width:520px),(max-height:740px){.menu-panel{padding:12px 14px 10px;border-radius:14px}.brand{margin-bottom:6px}.wordmark{font-size:clamp(28px,9vw,40px);letter-spacing:.12em}.sec{margin:8px 0 4px}.pill{height:32px;font-size:13px}.start{margin-top:10px;height:42px;font-size:14px}.rules-card{margin-top:8px}.rules-scroll{max-height:min(16vh,120px)}.foot{margin-top:8px}.link,.linkish,.fine{font-size:11px;margin:2px 0}}@media(max-height:500px){.wordmark{font-size:24px;margin:0}.brand{margin-bottom:2px}.sec{margin:5px 0 3px;font-size:10px}.pill{height:28px}.start{margin-top:6px;height:36px}.rules-card,.foot{display:none}}