:root{--ink: #2a1608;--ink-soft: #4a2c12;--parchment-text: #2a1608;--paper: #f3e6c8;--hud-panel: rgba(20, 14, 8, .72);--hud-panel-strong: rgba(20, 14, 8, .86);--brass: #b3862c;--brass-bright: #dba83f;--iron: #241a12;--coral: #8f2c1c;--dim: #caa877;--danger: var(--coral);--radar-far: #2f86ff;--radar-mid: #ffd83f;--radar-near: #ff9a2e;--radar-hot: #ff3b3b;--font-jp: "Yu Gothic UI", "Hiragino Sans", "Noto Sans JP", sans-serif;--radius: 8px;--torn-edge: polygon( 0% 5%, 4% 1%, 9% 4%, 14% 0%, 19% 4%, 24% 1%, 29% 4%, 34% 0%, 39% 4%, 44% 1%, 49% 4%, 54% 0%, 59% 4%, 64% 1%, 69% 4%, 74% 0%, 79% 4%, 84% 1%, 89% 4%, 94% 0%, 100% 4%, 100% 95%, 96% 99%, 91% 96%, 86% 100%, 81% 96%, 76% 99%, 71% 96%, 66% 100%, 61% 96%, 56% 99%, 51% 96%, 46% 100%, 41% 96%, 36% 99%, 31% 96%, 26% 100%, 21% 96%, 16% 99%, 11% 96%, 6% 100%, 0% 96% )}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:#150d07;color:var(--paper);font-family:var(--font-jp);overscroll-behavior:none}body{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}button{font-family:inherit}a{color:var(--brass)}:focus-visible{outline:3px solid var(--brass-bright);outline-offset:2px}ruby{ruby-position:over}rt{font-size:.55em;font-weight:700;-webkit-user-select:none;user-select:none}.icon{width:1.15em;height:1.15em;vertical-align:-.2em;flex-shrink:0}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom))}.screen.active{display:flex}.screen-title,.screen-settings,.screen-result,.screen-error{background:linear-gradient(#140c0447,#140c046b),url(/img/parchment.jpg);background-size:cover;background-position:center;color:var(--parchment-text)}.screen-title h1,.screen-settings h1,.screen-result h1,.screen-error h1,.screen-title .notice,.screen-title li{color:var(--parchment-text)}.eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:5px 12px 6px;font-size:12px;font-weight:800;letter-spacing:.06em;background:var(--iron);color:var(--paper);clip-path:var(--torn-edge)}.eyebrow-sub{margin-top:14px}.title-head{text-align:left;margin-top:12px}.title-head-compact{margin-top:4px}h1{margin:0;font-size:32px;line-height:1.3;font-weight:800;letter-spacing:.01em}h2{margin:0 0 6px;font-size:17px;font-weight:800}p,li{line-height:1.8;max-width:34em}.screen-title{justify-content:space-between}.howto{margin-top:20px;overflow-y:auto}.howto ol{margin:4px 0 12px;padding-left:1.4em}.howto li{margin-bottom:6px}.notice{color:var(--ink-soft);font-size:13px}.bottom-bar{margin-top:auto;padding-top:12px}.start-reason{color:var(--coral);font-weight:700;font-size:13px;min-height:1.2em;margin:0 0 8px}.button-row{display:flex;gap:12px}.btn{position:relative;min-height:52px;min-width:48px;padding:0 22px;background:linear-gradient(#140c0473,#140c048c),url(/img/wood-plank.jpg);background-size:160px;color:var(--paper);border:1px solid #0e0a06;border-radius:var(--radius);font-size:16px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 3px #0e0a06,0 5px 10px #0006;transition:transform .1s ease,box-shadow .1s ease}.btn:before,.btn:after{content:"";position:absolute;top:6px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--brass-bright),var(--brass) 70%,#6b4d18 100%);box-shadow:0 1px 1px #0009}.btn:before{left:6px}.btn:after{right:6px}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #0e0a06,0 2px 4px #00000059}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-primary{color:#fff3d6;border-color:var(--brass);box-shadow:0 3px #6b4d18,0 5px 12px #00000073}.btn-primary:active:not(:disabled){box-shadow:0 0 #6b4d18,0 2px 4px #00000059}.btn-large{flex:1;min-height:60px;font-size:18px}.settings-scroll{flex:1;overflow-y:auto;margin-top:16px}.settings-form{display:grid;grid-template-columns:minmax(96px,auto) 1fr auto;align-items:center;gap:14px 12px}.field-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;background:#2a160814;border-left:3px solid var(--brass);padding:8px 10px}.field-row label{font-size:13px;font-weight:700}.field-range{width:100%;accent-color:var(--brass)}.field-value{min-width:5em;text-align:right;font-variant-numeric:tabular-nums;font-weight:800;color:var(--ink);font-size:13px}.field-row-mode{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px;margin-bottom:4px;padding-bottom:14px;border-bottom:2px solid rgba(42,22,8,.3)}.field-mode-legend{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--ink-soft)}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid var(--brass);background:#f3e6c859;font-size:13px;font-weight:800;color:var(--ink);text-align:center;min-height:60px;justify-content:center}.mode-option-body{display:flex;flex-direction:column;align-items:center;gap:4px}.mode-option .icon{width:26px;height:26px}.mode-option input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.mode-option:has(input:checked){background:var(--brass-bright);color:var(--iron);box-shadow:inset 0 0 0 2px var(--ink)}.field-row-toggles{grid-column:1 / -1;display:flex;gap:24px;margin-top:8px;padding-top:12px;border-top:2px solid rgba(42,22,8,.3)}.toggle-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.toggle-label input{width:22px;height:22px;accent-color:var(--brass)}.hud-corner{position:absolute;z-index:5}.hud-tl{top:max(12px,env(safe-area-inset-top));left:12px}.hud-tr{top:max(12px,env(safe-area-inset-top));right:12px}.btn-home{min-width:48px;min-height:48px;padding:0 12px}.btn-home .icon{width:1.5em;height:1.5em}.quit-confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a06028c}.quit-confirm[hidden]{display:none}.quit-confirm-panel{background:var(--hud-panel-strong);border:1px solid var(--brass);border-radius:var(--radius);padding:20px 22px;max-width:320px;text-align:center;color:var(--paper)}.quit-confirm-title{margin:0 0 6px;font-size:18px;font-weight:800}.quit-confirm-note{margin:0 0 14px;font-size:13px;font-weight:600;opacity:.85}.quit-confirm .button-row{display:flex;justify-content:center;gap:12px}.timer-pad{display:inline-block;background:var(--hud-panel-strong);border:1px solid var(--brass);padding:7px 14px;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--paper);clip-path:var(--torn-edge)}.timer-pad:empty{display:none}.guide-pad{align-self:center;margin-top:auto;margin-bottom:auto;background:var(--hud-panel-strong);border:1px solid var(--brass);padding:16px 22px;font-size:16px;font-weight:700;color:var(--paper);text-align:center;clip-path:var(--torn-edge)}.screen-handover.opaque{background:linear-gradient(#0a0603c7,#0a0603e0),url(/img/parchment.jpg);background-size:cover;background-position:center;justify-content:center;align-items:center;text-align:center}.screen-handover .eyebrow{justify-content:center}.handover-warning{max-width:28em;font-size:17px;font-weight:800;color:#fff3d6;background:#8f2c1c59;border:1px solid var(--coral);padding:18px 24px;clip-path:var(--torn-edge)}.screen-handover .bottom-bar{width:100%;margin-top:32px}.screen-handover .button-row{justify-content:center}.screen-seek{padding:0}.screen-seek .hud-tl{padding:max(12px,env(safe-area-inset-top)) 0 0 12px;position:absolute}.cooldown-wrap{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:80px;height:80px;z-index:7;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.cooldown-ring{width:100%;height:100%;transform:rotate(-90deg)}.cooldown-ring-bg{fill:none;stroke:#f3e6c833;stroke-width:3}.cooldown-ring-fg{fill:none;stroke:var(--brass-bright);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.radar-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;opacity:0;transition:opacity .15s linear}.radar-glow.active{opacity:1}.radar-glow.level-far{box-shadow:inset 0 0 24px 6px var(--radar-far);animation:glow-blink 2s ease-in-out infinite}.radar-glow.level-mid{box-shadow:inset 0 0 34px 10px var(--radar-mid);animation:glow-blink 1s ease-in-out infinite}.radar-glow.level-near{box-shadow:inset 0 0 46px 16px var(--radar-near);animation:glow-blink .4s ease-in-out infinite}.radar-glow.level-hot{box-shadow:inset 0 0 60px 24px var(--radar-hot);animation:glow-blink .2s ease-in-out infinite}@keyframes glow-blink{0%,to{filter:brightness(1)}50%{filter:brightness(1.6)}}@media (prefers-reduced-motion: reduce){.radar-glow,.btn{animation:none!important;transition:none}}.screen-result{justify-content:space-between}.result-message{font-size:25px;margin-top:8px}.error-message{color:var(--coral);font-weight:800;margin-top:8px}.error-guide{margin-top:16px;overflow-y:auto;border-top:2px solid rgba(42,22,8,.3);padding-top:12px}.error-guide p{font-size:13px}.error-guide strong{color:var(--coral)}.toast-container{position:fixed;left:0;right:0;bottom:max(96px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;z-index:50;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;background:linear-gradient(#f3e6c8f0,#f3e6c8f0),url(/img/parchment.jpg);background-size:220px;border:1px solid var(--brass);padding:10px 18px;font-size:13px;font-weight:700;color:var(--ink);clip-path:var(--torn-edge);transform:rotate(-1deg);opacity:0;translate:0 6px;transition:opacity .25s ease,translate .25s ease}.toast.visible{opacity:1;translate:0 0}.motion-guide{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease}.motion-guide.visible{opacity:1}.motion-guide-track{position:relative;width:200px;height:130px}.motion-guide-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:none;border-radius:50%;box-shadow:inset 50px 0 0 -46px #f3e6c88c,inset -50px 0 0 -46px #f3e6c88c;opacity:.5}.motion-guide-phone{position:absolute;top:0;left:0;width:36px;height:36px;color:var(--paper);opacity:.85;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));offset-path:path("M100,65 C100,25 20,25 20,65 C20,105 100,105 100,65 C100,25 180,25 180,65 C180,105 100,105 100,65 Z");offset-rotate:0deg;animation:motion-guide-move 3.2s ease-in-out infinite}.motion-guide-phone .icon{width:100%;height:100%}@keyframes motion-guide-move{0%{offset-distance:0%}to{offset-distance:100%}}@media (prefers-reduced-motion: reduce){.motion-guide-phone{animation:none!important;offset-distance:0%}}.landscape-warning{display:none}@media (orientation: landscape){.landscape-warning{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;align-items:center;justify-content:center;background:url(/img/parchment.jpg);background-size:cover;color:var(--ink);text-align:center;font-size:19px;font-weight:700}}