:root{--ink:#1b1a2e;--indigo:#2d2f5e;--coral:#e0714a;--amber:#f0a24a;--cream:#f3ead6;--red:#e2402f;--font:"Hiragino Maru Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif}html,body{background:var(--ink);height:100%;font-family:var(--font);color:var(--cream);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;margin:0;overflow:hidden}canvas{display:block}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}.hidden{display:none!important}.screen{box-sizing:border-box;justify-content:center;align-items:center;padding:16px;display:none;position:absolute;inset:0}.screen.show{display:flex}button{font-family:var(--font);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}kbd{text-align:center;background:#f3ead626;border:1px solid #f3ead666;border-radius:4px;min-width:1.3em;margin:0 2px;padding:1px 5px;font-family:inherit;font-size:.85em;display:inline-block}#loading{background:var(--ink)}.load-box{text-align:center;opacity:.85;font-size:15px}.spinner{border:3px solid #f3ead633;border-top-color:var(--coral);border-radius:50%;width:36px;height:36px;margin:0 auto 12px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#title{background:linear-gradient(#1b1a2e40 0%,#1b1a2e8c 55%,#1b1a2ed9 100%)}.title-card{text-align:center;pointer-events:auto;width:100%;max-width:460px}.kicker{letter-spacing:.25em;color:var(--amber);margin:0 0 6px;font-size:12px}.title-card h1{text-shadow:0 3px 0 var(--indigo), 0 6px 18px #00000080;margin:0;font-size:clamp(40px,11vw,64px);font-weight:800;line-height:1.05}.title-card h1 span{color:var(--coral);display:block}.sub{margin:10px 0 14px;font-size:15px}.howto{text-align:left;background:#1b1a2eb8;border:1px solid #f3ead626;border-radius:12px;margin:0 auto 12px;padding:12px 14px 12px 32px;font-size:13px;line-height:1.65}.howto b{color:var(--amber)}.cone-chip{background:#ffd25a59;border-radius:4px;padding:0 6px;display:inline-block}.keys{opacity:.85;margin-bottom:14px;font-size:12px}.big-btn{width:100%;max-width:300px;color:var(--ink);background:linear-gradient(180deg, var(--amber), var(--coral));letter-spacing:.1em;border:none;border-radius:999px;margin:0 auto;padding:14px 0;font-size:22px;font-weight:800;display:block;box-shadow:0 4px #9a432a,0 8px 20px #0006}.big-btn:active{transform:translateY(3px);box-shadow:0 1px #9a432a}.sub-btn{color:var(--cream);background:0 0;border:1px solid #f3ead673;border-radius:999px;margin:12px auto 0;padding:8px 20px;font-size:14px;display:block}.best{color:var(--amber);min-height:1em;margin:10px 0 0;font-size:13px}.notice{opacity:.7;margin:4px 0 6px;font-size:10px;line-height:1.4}.title-notice{text-align:left;margin:0;position:absolute;bottom:8px;left:12px;right:64px}.version{opacity:.6;margin:0;font-size:11px;position:absolute;bottom:10px;right:12px}body.touch .pc-only,body:not(.touch) .touch-only{display:none}#hud{position:absolute;inset:0}.hud-top{top:max(10px, env(safe-area-inset-top));align-items:flex-start;gap:10px;display:flex;position:absolute;left:12px;right:12px}.meter-box{flex:1;max-width:360px}.meter-label{text-shadow:0 1px 3px #000;margin-bottom:3px;font-size:12px}.meter{background:#1b1a2eb3;border:1px solid #f3ead659;border-radius:7px;height:14px;overflow:hidden}#meter-fill{background:linear-gradient(90deg, #f6d36b, var(--amber) 50%, var(--red));width:0;height:100%;transition:width .1s linear}#seen{left:50%;top:calc(max(10px, env(safe-area-inset-top)) + 80px);white-space:nowrap;background:var(--amber);color:var(--ink);opacity:0;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:800;transition:opacity .15s;position:absolute;transform:translate(-50%)}#seen.show{opacity:1}#meter-fill.chase{background:var(--red);animation:.4s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.55}}.hud-right{text-align:right;text-shadow:0 1px 3px #000;flex:none;min-width:64px;margin-left:auto}#timer{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}#spotted{font-size:12px}.hud-row2{top:calc(max(10px, env(safe-area-inset-top)) + 48px);text-shadow:0 1px 3px #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;left:12px;right:12px}#guard-icons{gap:6px;display:flex}.gi{background:#1b1a2eb3;border:1px solid #f3ead640;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:11px;display:flex}.gi i{color:#fff;background:#3a3a44;border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;font-style:normal;font-weight:800;display:grid}.gi.sus i{background:var(--amber);color:var(--ink)}.gi.chase i{background:var(--red)}#stamina{right:16px;bottom:calc(max(22px, env(safe-area-inset-bottom)) + 206px);background:#1b1a2e99;border-radius:3px;width:96px;height:6px;position:absolute;overflow:hidden}#stamina-fill{background:#9ad17a;width:100%;height:100%}body:not(.touch) #stamina{bottom:44px;right:16px}#marks{position:absolute;inset:0;overflow:hidden}.mark{text-shadow:0 2px #0009;white-space:nowrap;font-weight:900;position:absolute;transform:translate(-50%,-100%)}.mark.ex{color:var(--red);-webkit-text-stroke:1px #fff;font-size:34px;animation:.25s ease-out pop}.mark.q{color:var(--amber);-webkit-text-stroke:1px #fff;font-size:28px}.mark.lost{color:var(--ink);text-shadow:none;background:#f3ead6eb;border-radius:10px;padding:4px 10px;font-size:14px}@keyframes pop{0%{transform:translate(-50%,-100%)scale(1.8)}}#toast{text-align:center;color:#fff;text-shadow:0 3px 0 var(--red), 0 0 20px #0009;opacity:0;font-size:30px;font-weight:900;transition:opacity .25s;position:absolute;top:60%;left:0;right:0}#toast.show{opacity:1}#toast.calm{text-shadow:0 3px 0 var(--indigo), 0 0 20px #0009}#stick{left:max(18px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#1b1a2e59;border:2px solid #f3ead659;border-radius:50%;place-items:center;width:128px;height:128px;display:grid;position:absolute}#stick .knob{pointer-events:none;background:#f3ead6d9;border-radius:50%;width:56px;height:56px;box-shadow:0 2px 8px #0006}#btns{right:max(16px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:absolute}#btns button{white-space:nowrap;width:84px;height:84px;color:var(--cream);touch-action:none;background:#1b1a2e8c;border:2px solid #f3ead680;border-radius:50%;padding:0;font-size:15px;font-weight:800}#btn-run{width:96px!important;height:96px!important}#btns button.on{background:var(--coral);color:var(--ink);border-color:#fff}body:not(.touch) #stick,body:not(.touch) #btns{display:none}.pc-hint{text-align:center;opacity:.7;text-shadow:0 1px 3px #000;font-size:12px;position:absolute;bottom:12px;left:0;right:0}#over{background:linear-gradient(#3c0a0a26 30%,#0f0508cc);align-items:flex-end}.over-card{text-align:center;pointer-events:auto;width:100%;max-width:420px;margin-bottom:max(16px, env(safe-area-inset-bottom));box-sizing:border-box;background:#14080ab8;border-radius:20px;padding:16px}.over-card h2{color:#fff;text-shadow:0 3px 0 var(--red);margin:0 0 8px;font-size:44px}.over-card p{margin:0 0 20px;font-size:14px}#shop{background:#1b1a2e59}.shop-card{text-align:center;color:var(--ink);background:#f3ead6f2;border-radius:18px;min-width:240px;padding:22px 26px;box-shadow:0 10px 30px #00000073}.shop-card p{margin:0}.chime{color:var(--coral);font-size:14px;font-weight:800}.irasshai{font-size:22px;font-weight:800;margin:4px 0 12px!important}.items{text-align:left;margin:0 0 12px;padding:0;list-style:none;display:inline-block}.item{opacity:0;align-items:center;gap:10px;margin:6px 0;font-size:18px;font-weight:800;transition:all .3s;display:flex;transform:translate(-10px)}.item.on{opacity:1;transform:none}.item i{flex:none;display:inline-block}.beer i{background:linear-gradient(90deg,#c9a43a,#f1d77a 45%,#b08a2a);border-radius:4px;width:20px;height:32px;box-shadow:inset 0 4px #d9d9d9}.tabako i{background:linear-gradient(180deg, #fff 0 30%, var(--indigo) 30% 100%);border-radius:2px;width:24px;height:32px;box-shadow:0 0 0 1px #888}.arigato{opacity:0;font-size:13px;transition:opacity .4s}.arigato.on{opacity:1}#clear{background:linear-gradient(#1b1a2e00 30%,#1b1a2e8c);align-items:flex-end}.clear-card{pointer-events:auto;width:100%;max-width:420px;margin-bottom:max(8px, env(safe-area-inset-bottom));box-sizing:border-box;color:var(--ink);text-align:center;background:#f3ead6f5;border-radius:20px;padding:18px 20px 16px;animation:.5s ease-out rise;box-shadow:0 10px 30px #00000080}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}.clear-card .kicker{color:var(--coral)}.clear-card h2{color:var(--indigo);margin:0 0 10px;font-size:30px}.rank-row{text-align:left;align-items:center;gap:14px;margin-bottom:10px;display:flex}.rank{color:#fff;background:linear-gradient(160deg, var(--amber), var(--coral));border-radius:16px;flex:none;place-items:center;width:76px;height:76px;font-size:54px;font-weight:900;display:grid;box-shadow:0 4px #9a432a}.rank.r-S{background:linear-gradient(160deg,#ffd86b,#e8a21a)}.rank.r-B{background:linear-gradient(160deg, #8fb4d9, var(--indigo));box-shadow:0 4px #1b1a2e}.rank.r-C{background:linear-gradient(160deg,#a5a5a5,#5e5e66);box-shadow:0 4px #333}.rank-text #rank-title{font-size:18px;font-weight:800}.comment{margin-top:2px;font-size:13px}.stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 8px;display:grid}.stats div{background:#2d2f5e14;border-radius:10px;padding:6px 2px}.stats dt{opacity:.75;font-size:11px}.stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:20px;font-weight:800}.next{color:var(--coral);min-height:1em;margin:0 0 8px;font-size:13px;font-weight:800}.share-foot{opacity:.6;margin-bottom:10px;font-size:11px}.clear-card .sub-btn{color:var(--indigo);border-color:#2d2f5e66}@media (orientation:portrait){.clear-card{padding:14px 16px 12px}.clear-card h2{margin-bottom:6px;font-size:24px}.rank{width:62px;height:62px;font-size:44px}.stats dd{font-size:17px}.clear-card .big-btn{padding:11px 0;font-size:19px}.clear-card .sub-btn{margin-top:8px;padding:6px 18px}.share-foot{margin-bottom:8px}}@media (orientation:landscape){#over{background:linear-gradient(270deg,#3c0a0a1a 40%,#0f0508cc);justify-content:flex-start;align-items:center}.over-card{max-width:380px;margin:0 0 0 max(24px,4vw)}#clear{background:linear-gradient(270deg,#1b1a2e00 40%,#1b1a2e80);justify-content:flex-start;align-items:center}.clear-card{margin:0 0 0 max(24px,4vw)}}@media (orientation:landscape) and (max-height:500px){.title-card{max-width:640px}.title-card h1{font-size:38px}.title-card h1 span{display:inline}.howto{padding-top:8px;padding-bottom:8px;font-size:12px;line-height:1.5}.sub{margin:4px 0 8px}.big-btn{padding:10px 0;font-size:18px}.clear-card{max-width:340px;padding:10px 14px}.clear-card h2{margin-bottom:4px;font-size:20px}.clear-card .kicker,.share-foot{display:none}.rank-row{margin-bottom:6px}.stats{margin-bottom:4px}.stats dd{font-size:16px}.next{margin-bottom:6px;font-size:12px}.clear-card .big-btn{padding:8px 0;font-size:17px}.clear-card .sub-btn{margin-top:6px;padding:4px 16px}.over-card h2{font-size:32px}.over-card p{margin-bottom:12px}#seen{top:calc(max(10px, env(safe-area-inset-top)) + 44px)}.rank{width:60px;height:60px;font-size:40px}#stick{width:110px;height:110px}#btns button{width:72px;height:72px;font-size:13px}#btn-run{width:80px!important;height:80px!important}#stamina{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 170px)}}