:root{color-scheme:dark;--paper:#fff0d5;--muted:#c8ac91;--panel:#28170f;--line:rgba(255,224,185,.17);--gold:#efc47e}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}.hud-button{position:absolute;top:max(12px,env(safe-area-inset-top));z-index:5;display:grid;place-items:center;height:42px;min-width:42px;padding:10px;border-radius:12px;border:1px solid var(--line);color:var(--paper);background:rgba(39,17,8,.5)}.hud-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}#menuButton{left:max(12px,env(safe-area-inset-left))}#boardButton{left:max(64px,calc(env(safe-area-inset-left) + 52px))}#dailyLabel{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:16px;right:16px;text-align:center;z-index:3;color:var(--paper);font-size:12px;letter-spacing:.07em;text-shadow:0 2px 12px #28170f;pointer-events:none;opacity:.85}#resultLine{position:absolute;top:calc(23% + 80px);left:16px;right:16px;text-align:center;z-index:3;color:var(--gold);font-size:13px;pointer-events:none;text-shadow:0 2px 10px #28170f}#stage[data-phase="running"] #dailyLabel{opacity:0}#stage[data-phase="running"] .hud-button,#stage[data-phase="running"] #fullscreen{opacity:.45}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:rgba(15,8,4,.6);backdrop-filter:blur(12px)}.overlay[hidden]{display:none}.panel{position:relative;width:min(100%,520px);max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain;background:linear-gradient(150deg,#3b2417,#21150f 65%);border:1px solid var(--line);box-shadow:0 25px 100px #10080599;border-radius:24px;padding:30px 25px;color:var(--paper);touch-action:pan-y;user-select:text}.panel header{padding-right:30px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--gold);text-transform:uppercase;margin:0 0 7px}.panel h1{font-size:34px;font-weight:500;margin:0 0 10px;letter-spacing:-1px}.panel h2{font-size:19px;font-weight:500;margin:24px 0 12px}.panel p{font-size:14px;line-height:1.6;color:var(--muted)}.panel a{color:var(--gold)}.close{position:absolute;right:16px;top:16px;border:0;border-radius:50%;width:34px;height:34px;color:var(--paper);background:#ffffff0c;font-size:24px}.primary,.secondary{display:block;text-align:center;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--gold);color:#2a170b;font-weight:600;text-decoration:none;margin-top:12px;width:100%}.secondary{color:var(--paper);background:#ffffff07}.small{font-size:12px!important;color:var(--muted)}.name-line{display:flex;align-items:baseline;gap:8px;margin:18px 0 4px}.name-line strong{font-size:21px}.tag{font-size:11px;letter-spacing:.04em;color:var(--muted)}.medals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.medals div{text-align:center;border:1px solid var(--line);padding:13px 3px;border-radius:13px}.medals strong{display:block;font-size:23px;font-weight:500;margin-bottom:6px}.medals span{font-size:10px;color:var(--muted)}label{display:block;font-size:13px;color:var(--muted);margin:16px 0 7px}.form-row{display:flex;gap:8px}.form-row input{min-width:0;flex:1;padding:12px;border-radius:10px;border:1px solid var(--line);background:#170e09;color:var(--paper);font-size:16px}.form-row button{padding:12px 16px;border:0;border-radius:10px;background:var(--gold);color:#2a170b}.tabs{display:flex;gap:5px;margin:22px 0 14px}.tabs button{flex:1;padding:10px 3px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px}.tabs button[aria-selected="true"]{color:var(--paper);background:#ffffff0c;border-color:var(--line)}.table-wrap{overflow:auto;max-height:45dvh}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:500;padding:10px 6px;border-bottom:1px solid var(--line)}td{padding:13px 6px;border-bottom:1px solid #ffffff08}td:last-child,th:last-child{text-align:right}td:first-child{width:35px;color:var(--gold)}tr.mine{background:#efc47e13}td .tag{display:block;font-size:9px;margin-top:3px}.empty{text-align:center;padding:30px 10px!important}.status{min-height:19px;font-size:12px!important;color:var(--gold)!important}#toast{position:fixed;z-index:40;bottom:26px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;padding:12px 18px;background:#25170ff5;border:1px solid var(--line);border-radius:13px;color:var(--paper);font-size:13px;text-align:center;pointer-events:none}#toast[hidden]{display:none}.text-action{border:0;padding:9px 0;background:none;text-decoration:underline;color:var(--muted);font-size:12px}.danger{color:#e3a38b}.rules{padding-left:20px;font-size:13px;line-height:1.65;color:var(--muted)}.rules li{margin:9px 0}.footer-links{display:flex;gap:18px;margin-top:23px;border-top:1px solid var(--line);padding-top:17px}#deleteBox{margin:15px 0;padding:14px;border:1px solid #bd6f4b66;border-radius:12px}#deleteBox input{width:100%;padding:10px;background:#170e09;color:var(--paper);border:1px solid var(--line);border-radius:8px}#deleteBox[hidden]{display:none}@media(max-height:480px){.panel{padding:22px;max-height:calc(100dvh - 20px)}.overlay{padding:10px}.panel h1{font-size:27px}.table-wrap{max-height:37dvh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
[hidden]{display:none!important}.panel a.primary{color:#2a170b}
