: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-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)}}#title{background:linear-gradient(#10131c1a 0%,#10131c42 55%,#10131ca8 100%)}#status{top:calc(max(10px, env(safe-area-inset-top)) + 74px);text-shadow:0 1px 3px #000;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;left:12px;right:12px}.item-chip{background:#1b1a2eb3;border:1px solid #f3ead64d;border-radius:999px;flex:none;padding:2px 10px;font-weight:800}.item-chip.has{background:var(--amber);color:var(--ink);text-shadow:none;border-color:#fff}#objective{background:#1b1a2e8c;border-radius:999px;padding:2px 8px}#seen.light{background:#fff0b0}#use-hint{color:var(--ink);white-space:nowrap;background:#f3ead6f2;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:17px;font-weight:800;display:none;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000073}#use-hint.show{display:flex}#use-hint.off{color:var(--cream);background:#1b1a2ecc;font-size:14px}#use-hint kbd{background:var(--ink);color:var(--cream);border-color:var(--ink)}body.touch #use-hint{top:46%;bottom:auto;transform:translate(-50%,-100%)}#btn-use{opacity:.4;font-size:14px!important}#btn-use.ready{opacity:1;animation:.9s ease-in-out infinite usepulse;background:var(--amber)!important;color:var(--ink)!important;border-color:#fff!important}@keyframes usepulse{50%{transform:scale(1.07)}}body.touch #stamina{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 318px)}@media (max-width:560px){#status{top:calc(max(10px, env(safe-area-inset-top)) + 98px)}#seen{top:calc(max(10px, env(safe-area-inset-top)) + 150px)}}@media (orientation:landscape) and (max-height:500px){#status{top:calc(max(10px, env(safe-area-inset-top)) + 64px)}#seen{top:calc(max(10px, env(safe-area-inset-top)) + 88px)}#use-hint{bottom:60px}body.touch #use-hint{top:40%}#btns{gap:8px}#btns button{width:64px;height:64px;font-size:12px}#btn-use{font-size:12px!important}#btn-run{width:72px!important;height:72px!important}body.touch #stamina{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 226px)}}.en{letter-spacing:.01em;opacity:.82;font-family:system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:.7em;font-weight:600;line-height:1.3;display:block}.bi-inline .en{margin-left:.55em;display:inline}.load-box .en{margin-top:4px}.kicker .en{letter-spacing:.18em;margin-top:2px;font-size:.85em}.title-card h1 .ja{color:inherit;display:block}.title-card h1 .ja span{color:var(--coral)}.title-card h1 .en{color:var(--cream);letter-spacing:.06em;opacity:.95;text-shadow:0 2px 0 var(--indigo), 0 4px 12px #00000080;margin-top:8px;font-size:clamp(15px,4.2vw,20px);font-weight:800;display:block}.sub .en{margin-top:2px;font-size:.8em}.howto{padding-top:10px;padding-bottom:10px;font-size:12.5px;line-height:1.5}.howto li+li{margin-top:5px}.howto .en{opacity:.78;margin-top:1px;font-size:.86em;line-height:1.35}.howto .en b{color:#f3c98c;font-weight:700}.keys .en{margin-top:3px;font-size:.9em}.big-btn{letter-spacing:.06em;line-height:1.15}.big-btn .ja{letter-spacing:.1em;display:block}.big-btn .en{letter-spacing:.12em;opacity:.75;margin-top:2px;font-size:.5em;font-weight:800}.best .en{font-size:.85em}.notice .en{font-size:.95em}#title{pointer-events:auto;overflow-y:auto}.title-card{margin:auto;padding-bottom:34px}@media (max-width:560px){.title-card h1{font-size:clamp(34px,10vw,48px)}.title-card h1 .ja span{display:inline}.sub{margin:8px 0 10px;font-size:14px}.howto{padding-left:28px;padding-right:10px}.keys{margin-bottom:10px}.title-card .sub-btn{margin-top:8px;padding:6px 18px}}.meter-label .en,#spotted .en,#dist .en{font-size:.82em}.gi>span{flex-direction:column;line-height:1.12;display:flex}.gi .en{opacity:.75;font-size:8.5px}.item-chip .en{font-size:.82em}#status{align-items:flex-start}#objective{border-radius:12px;padding:3px 10px;line-height:1.3}#objective .en{font-size:.86em}#seen{text-align:center;border-radius:16px;padding:4px 14px;line-height:1.2}#seen .en{opacity:.8;font-size:.78em}#toast{line-height:1.15}#toast .en{letter-spacing:.04em;opacity:.95;margin-top:4px;font-size:.5em;font-weight:800}#use-hint .en{opacity:.75;font-size:.72em}.mark.lost .en{font-size:.75em}.pc-hint .en{margin-top:1px;font-size:.9em}#btns button{line-height:1.15}#btns button .ja{display:block}#btns button .en{opacity:.8;margin-top:1px;font-size:10px;font-weight:700}@media (max-width:560px){#toast{padding:0 8px;font-size:24px}}.over-card h2 .en{letter-spacing:.08em;opacity:.85;text-shadow:0 2px 0 var(--red);font-size:.42em}.over-card p .en{margin-top:2px;font-size:.86em}.clear-card h2 .en{opacity:.75;font-size:.55em}.rank-text .en{font-size:.72em}.comment .en{font-size:.86em}.stats dt{line-height:1.2}.stats dt .en{font-size:.86em}.next .en{font-size:.86em;font-weight:700}#status{top:calc(max(10px, env(safe-area-inset-top)) + 86px)}#seen{top:calc(max(10px, env(safe-area-inset-top)) + 132px)}@media (max-width:560px){#status{top:calc(max(10px, env(safe-area-inset-top)) + 110px)}#seen{top:calc(max(10px, env(safe-area-inset-top)) + 192px)}}@media (orientation:landscape) and (max-height:500px){#status{top:calc(max(10px, env(safe-area-inset-top)) + 84px)}#seen{top:calc(max(10px, env(safe-area-inset-top)) + 48px)}}@media (min-width:900px){.title-card{max-width:860px}.title-card h1{font-size:clamp(40px,7.4vh,64px)}.title-card h1 .ja span{display:inline}.howto{grid-template-columns:1fr 1fr;gap:6px 34px;padding-left:34px;padding-right:18px;display:grid}.howto li+li{margin-top:0}}.title-notice{right:104px}@media (max-width:560px){.hud-row2{top:calc(max(10px, env(safe-area-inset-top)) + 52px)}#status{top:calc(max(10px, env(safe-area-inset-top)) + 114px)}#seen{top:calc(max(10px, env(safe-area-inset-top)) + 196px)}}@media (orientation:landscape) and (max-height:500px){#seen{top:calc(max(10px, env(safe-area-inset-top)) + 124px)}.title-card{max-width:800px;padding-bottom:22px}.kicker{margin-bottom:2px}.kicker .en,.sub .en,.keys .en,.best .en{margin-left:.6em;display:inline}.title-card h1{font-size:30px}.title-card h1 .ja,.title-card h1 .en{display:inline}.title-card h1 .en{margin:0 0 0 10px;font-size:15px}.sub{margin:2px 0 6px;font-size:13px}.howto{grid-template-columns:1fr 1fr;gap:3px 26px;margin-bottom:6px;padding:6px 12px 6px 28px;font-size:11px;line-height:1.4;display:grid}.howto li+li{margin-top:0}.keys{margin-bottom:6px;font-size:11px}.title-card .big-btn{vertical-align:middle;width:240px;padding:7px 0;font-size:17px;display:inline-block}.title-card .sub-btn{vertical-align:middle;margin:0 0 0 12px;padding:6px 14px;font-size:12px;display:inline-block}.best{margin-top:4px;font-size:11px}#title{padding-top:6px;padding-bottom:6px}.title-card{padding-bottom:0}}html,body{touch-action:manipulation}#title{touch-action:pan-y}@media (max-width:560px) and (max-height:740px){#title{align-items:flex-start;padding-top:8px;padding-bottom:8px}.title-card{padding-bottom:26px}.kicker .en{margin-left:.6em;display:inline}.title-card h1{font-size:32px}.title-card h1 .en{margin-top:4px;font-size:14px}.sub{margin:4px 0 6px;font-size:13px}.howto{margin-bottom:6px;padding-top:7px;padding-bottom:7px;font-size:11.5px;line-height:1.4}.howto li+li{margin-top:3px}.keys{margin-bottom:6px;font-size:11px}.title-card .big-btn{padding:8px 0;font-size:19px}.best{margin-top:5px;font-size:11.5px}.title-card .sub-btn{margin-top:5px;padding:4px 16px;font-size:12px}}.gi .en{letter-spacing:-.01em;font-size:10px}.share-foot .en{font-size:10px}.big-btn .en{font-size:max(10px,.5em)}.meter-label .en,#spotted .en,#dist .en,.item-chip .en{font-size:max(10px,.82em)}.sub-btn .en{font-size:max(10px,.8em)}.best .en,.notice .en,.stats dt .en,.over-card p .en,.comment .en,.next .en,.pc-hint .en,.keys .en,.howto .en{font-size:max(10px,.86em)}body.touch #toast{top:37.5%}body.touch #stamina{width:84px;left:calc(50% + 17px);right:auto;bottom:calc(max(22px, env(safe-area-inset-bottom)) + 10px);transform:translate(-50%)}@media (orientation:landscape) and (max-height:500px){body.touch #toast{font-size:22px;top:62%;left:150px;right:150px}#seen{top:max(10px, env(safe-area-inset-top));left:62%}body.touch #stamina{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 10px)}}body:not(.touch) #toast{top:25%}.share-foot{flex-wrap:wrap;justify-content:center;gap:1px .7em;display:flex}.share-foot>span{white-space:nowrap}.howto{background:#16162899}@media (max-width:560px){#guard-icons{flex:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.gi{gap:3px;min-width:0;padding:2px 3px;font-size:10px}.gi i{flex:none;width:15px;height:15px;font-size:10px}.gi>span{white-space:nowrap;min-width:0}.gi .en{letter-spacing:-.02em}}
