html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#070912;height:100%;margin:0;font-family:sans-serif;overflow:hidden}button{font-family:inherit}:root{--topbar-h:calc(38px + env(safe-area-inset-top));--side-w:clamp(134px, 20vw, 200px)}#app{grid-template-columns:var(--side-w) 1fr var(--side-w);grid-template-rows:var(--topbar-h) 1fr;background:#070912;grid-template-areas:"top top top""left field right";display:grid;position:fixed;inset:0}#topbar{padding:env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));background:#0d1222;border-bottom:1px solid #7a8fd040;grid-area:top;justify-content:space-between;align-items:center;gap:10px;display:flex}#field{grid-area:field;min-width:0;min-height:0;position:relative;overflow:hidden}#game{touch-action:none;width:100%;height:100%;position:absolute;inset:0}#pad-panel,#action-panel{box-sizing:border-box;touch-action:none;background:#0d1222;min-height:0;position:relative}#pad-panel{padding-left:env(safe-area-inset-left);border-right:1px solid #7a8fd040;grid-area:left}#action-panel{padding:8px 8px max(10px, env(safe-area-inset-bottom)) 8px;padding-right:max(8px, env(safe-area-inset-right));border-left:1px solid #7a8fd040;flex-direction:column;grid-area:right;justify-content:space-between;align-items:center;gap:8px;display:flex}body[data-swap=true] #pad-panel{padding-left:0;padding-right:env(safe-area-inset-right);border-left:1px solid #7a8fd040;border-right:0;grid-area:right}body[data-swap=true] #action-panel{padding-right:8px;padding-left:max(8px, env(safe-area-inset-left));border-left:0;border-right:1px solid #7a8fd040;grid-area:left}body[data-screen=title] #app{grid-template-rows:0 1fr;grid-template-columns:0 1fr 0}body[data-screen=title] #topbar,body[data-screen=title] #pad-panel,body[data-screen=title] #action-panel,body[data-screen=title] #notices{display:none}#hud{color:#ffd43b;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:15px;font-weight:700;overflow:hidden}#pause{background:0 0;border:1px solid #ffffff59;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:4px;width:38px;height:30px;padding:0;display:flex;position:relative}#pause i{background:#fff;border-radius:1px;width:4px;height:14px}#stick-base{--stick-r:52px;z-index:2;width:calc(var(--stick-r) * 2);height:calc(var(--stick-r) * 2);margin:calc(var(--stick-r) * -1) 0 0 calc(var(--stick-r) * -1);pointer-events:none;background:#ffffff0f;border:2px solid #ffffff59;border-radius:50%;position:fixed;top:0;left:0}#stick-base[hidden]{display:none}#stick-base:before{content:"";background:linear-gradient(#fff3,#fff3) 50%/2px 100% no-repeat,linear-gradient(#fff3,#fff3) 50%/100% 2px no-repeat;border-radius:50%;position:absolute;inset:12%}#stick-knob{width:calc(var(--stick-r) * .82);height:calc(var(--stick-r) * .82);margin:calc(var(--stick-r) * -.41) 0 0 calc(var(--stick-r) * -.41);background:#ffffff80;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #ffffff40}#minimap{aspect-ratio:32/18;background:#0b0f1c;border:1px solid #7a8fd059;border-radius:4px;flex:none;width:100%}#minimap[hidden]{display:none}#action-panel #dash{margin-top:auto}#dash{aspect-ratio:1;--stamina:1;--ring:#ffd43b;background:conic-gradient(var(--ring) calc(var(--stamina) * 1turn), #ffffff2e 0);color:#fff;touch-action:none;border:0;border-radius:50%;width:min(92px,100%);padding:0;font-size:14px;font-weight:700;position:relative}#dash:before{content:"";background:#0b0f1ce0;border-radius:50%;position:absolute;inset:7px}#dash span{position:relative}#dash[data-state=active]{--ring:#ff922b;transform:scale(1.06)}#dash[data-state=exhausted]{--ring:#fa5252}#dash[data-latched=true]:before{background:#ff922b59}#rotate-notice{z-index:20;color:#fff;background:#070912;justify-content:center;align-items:center;font-size:22px;display:none;position:fixed;inset:0}@media (orientation:portrait){#rotate-notice{display:flex}}#result{z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}#result[hidden]{display:none}#result-title{white-space:pre-line;text-align:center}#notices{left:50%;top:calc(var(--topbar-h) + 6px);pointer-events:none;z-index:8;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;transform:translate(-50%)}.notice{color:#fff;white-space:nowrap;background:#0b0f1cd1;border:2px solid #ffffff8c;border-radius:999px;padding:6px 16px;font-size:15px;font-weight:700;animation:4.5s forwards notice-life}.notice[data-kind=red]{background:#e03131e6}.notice[data-kind=blue]{background:#1c64d6eb}.notice[data-kind=black]{background:#141418f0;border-color:#ff3b3b}.notice[data-kind=kishin]{text-shadow:0 1px 3px #000000b3;background:linear-gradient(90deg,#e03131,#f59f00,#37b24d,#1c7ed6,#7048e8)}@keyframes notice-life{0%{opacity:0;transform:translateY(-8px)}8%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}#result-best{color:#ffd43b;min-height:1.4em;font-size:18px}body[data-screen=title] #hud,body[data-screen=title] #dash,body[data-screen=title] #notices,body[data-screen=title] #joystick{display:none}#dpad{--dp:150px;width:var(--dp);height:var(--dp);margin:calc(var(--dp) / -2) 0 0 calc(var(--dp) / -2);pointer-events:none;position:absolute;top:50%;left:50%}#dpad[hidden]{display:none}#dpad b{clip-path:polygon(17% 3%,83% 3%,63% 36%,37% 36%);background:#7a8fd061;position:absolute;inset:0}#dpad b:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#ffffffd9;width:18%;height:11%;margin-left:-9%;position:absolute;top:11%;left:50%}#dpad b[data-dir=right]{transform:rotate(90deg)}#dpad b[data-dir=down]{transform:rotate(180deg)}#dpad b[data-dir=left]{transform:rotate(270deg)}#dpad b[data-pressed=true]{background:#ffd43bd9}:root{--ink:#070912;--bone:#efe9dc;--bone-dim:#efe9dc9e;--vermilion:#e03131;--lantern:#8ce99a;--serif:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", "Noto Serif CJK JP", "MS PMincho", serif}#title{z-index:6;box-sizing:border-box;padding:14px max(28px, env(safe-area-inset-right)) 14px max(32px, env(safe-area-inset-left));color:var(--bone);justify-content:space-between;align-items:center;gap:4vw;display:flex;position:fixed;inset:0;overflow-y:auto}#title[hidden]{display:none}#title-dark{pointer-events:none;background:radial-gradient(circle at var(--lx,32%) var(--ly,55%), #8ce99a29 0, #8ce99a00 130px), radial-gradient(circle at var(--lx,32%) var(--ly,55%), #07091200 0, #0709124d 100px, #070912f2 250px);position:fixed;inset:0}#title-eyes{pointer-events:none;position:fixed;inset:0}.eyes{font-size:var(--size,10px);opacity:0;animation:8s ease-in-out infinite watch;animation-delay:var(--delay,0s);gap:.9em;display:flex;position:absolute}.eyes i{background:var(--eye,#ff4d4d);width:1em;height:.5em;box-shadow:0 0 1em .3em var(--eye,#ff4d4d);transform-origin:50%;border-radius:50%}@keyframes watch{0%,to{opacity:0}18%,62%{opacity:.9}40%{opacity:.9}44%{opacity:.9}}@keyframes blink{0%,42%,48%,to{transform:scaleY(1)}45%{transform:scaleY(.1)}}.eyes i{animation:8s infinite blink;animation-delay:var(--delay,0s)}.title-hero{flex:1 1 0;min-width:0;padding:18px 0;position:relative}.title-hero h1{font-family:var(--serif);color:var(--bone);text-shadow:0 0 22px #e0313159;margin:0;font-weight:900;line-height:1.05}.title-hero .t-maze{letter-spacing:.12em;font-size:clamp(46px,17vh,76px);display:block}.title-hero .t-oni{letter-spacing:.08em;margin-top:2px;font-size:clamp(30px,11vh,50px);display:block}.title-hero .t-oni i{color:var(--vermilion);margin-right:.35em;font-size:.6em;font-style:normal;font-weight:400}.title-lead{font-family:var(--serif);letter-spacing:.18em;color:var(--bone-dim);margin:14px 0 0;font-size:clamp(13px,3.6vh,16px)}.seal{vertical-align:.15em;background:var(--vermilion);width:1.3em;height:1.3em;color:var(--bone);text-shadow:none;border-radius:3px;place-items:center;margin-left:.5em;font-size:.5em;font-weight:900;line-height:1;display:inline-grid;transform:rotate(6deg)}#difficulty-list{flex-direction:column;flex:0 clamp(280px,46vw,420px);gap:7px;display:flex;position:relative}.row{min-height:44px;color:var(--bone);font:inherit;text-align:left;cursor:pointer;background:linear-gradient(90deg,#070912db,#0709129e);border:0;border-radius:0 6px 6px 0;grid-template-columns:1fr auto;align-items:baseline;gap:1px 12px;padding:7px 14px 7px 18px;display:grid;position:relative}.row:before{content:"";background:var(--accent,#888);width:5px;position:absolute;top:0;bottom:0;left:0}.row:active{background:linear-gradient(90deg,#282e48f2,#070912b3)}.row:focus-visible,button:focus-visible{outline:2px solid var(--bone);outline-offset:2px}.row-head{align-items:baseline;min-width:0;display:flex}.row-name{font-family:var(--serif);letter-spacing:.06em;font-size:19px;font-weight:700}.row-oni{color:var(--accent,var(--bone));margin-left:.8em;font-size:12px;font-weight:700}.row-best{color:var(--bone-dim);white-space:nowrap;grid-area:1/2;font-size:11px}.row-goal{color:var(--bone-dim);grid-column:1/-1;font-size:12px}.row[data-difficulty=easy]{--accent:#ff6b6b}.row[data-difficulty=normal]{--accent:#4dabf7}.row[data-difficulty=hard]{--accent:#ced4da}.row[data-difficulty=hard]:before{background:linear-gradient(#16161a 55%,#ff3b3b)}.row[data-difficulty=ultra]{--accent:#ffe066}.row[data-difficulty=ultra]:before{background:linear-gradient(#e03131,#f59f00,#37b24d,#1c7ed6,#7048e8)}.row[data-difficulty=endless]{--accent:#b197fc}#result{color:var(--bone);font-family:var(--serif);background:radial-gradient(circle at 50% 45%,#070912e6,#070912f7)}#result-title{letter-spacing:.1em;font-size:clamp(30px,10vh,44px);font-weight:900;line-height:1.3}#result-best{color:#ffd43b;letter-spacing:.1em;font-size:16px}#result-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#result-buttons button{font:700 15px var(--serif);letter-spacing:.08em;color:var(--bone);border:1px solid var(--bone-dim);background:0 0;border-radius:999px;padding:10px 18px}#result-buttons #retry{background:var(--vermilion);border-color:var(--vermilion)}@media (prefers-reduced-motion:reduce){.eyes,.eyes i{animation:none}.eyes{opacity:.6}}@media (height<=360px){#title{align-items:flex-start}}.pill,.title-actions button,#briefing-start,.install-buttons button:not(.link-button),.menu-buttons button,.sheet-head button{border:1px solid var(--bone-dim);color:var(--bone);letter-spacing:.06em;background:0 0;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700}.link-button{color:var(--bone-dim);background:0 0;border:0;padding:6px 4px;font-size:12px;text-decoration:underline}button:active:not(.row){filter:brightness(1.25)}.title-actions{gap:10px;margin-top:14px;display:flex}#install-card{border-left:3px solid var(--lantern);max-width:320px;color:var(--bone-dim);background:#070912b3;margin-top:12px;padding:9px 12px;font-size:12px;line-height:1.6}#install-card[hidden],#install[hidden],#result-install[hidden]{display:none}#install-card p{margin:0 0 6px}.install-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.install-buttons button:not(.link-button){padding:5px 14px;font-size:13px}#install{background:var(--lantern)!important;border-color:var(--lantern)!important;color:var(--ink)!important}#result-install{font-family:var(--serif)}#pause-menu{z-index:7;color:var(--bone);font-family:var(--serif);background:#070912e0;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}#pause-menu[hidden]{display:none}.menu-title{letter-spacing:.3em;text-indent:.3em;font-size:32px;font-weight:900}#pause-info{color:var(--bone-dim);letter-spacing:.08em;font-size:13px}.menu-buttons{grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px;margin-top:6px;display:grid}.menu-buttons button{font-family:var(--serif);padding:10px 14px;font-size:16px}.menu-buttons #resume{background:var(--vermilion);border-color:var(--vermilion);grid-column:1/-1}#settings,#howto,#guide,#briefing{z-index:9;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));box-sizing:border-box;color:var(--bone);background:#070912d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#settings[hidden],#howto[hidden],#guide[hidden],#briefing[hidden]{display:none}.sheet{background:#0d1222;border:1px solid #efe9dc40;border-radius:10px;flex-direction:column;width:min(560px,100%);max-height:100%;display:flex;overflow:hidden}.sheet-head{font-family:var(--serif);letter-spacing:.15em;border-bottom:1px solid #efe9dc2e;justify-content:space-between;align-items:center;padding:8px 12px 8px 16px;font-size:18px;font-weight:900;display:flex}.sheet-head button{padding:5px 14px;font-size:13px}.sheet-foot{text-align:right;border-top:1px solid #efe9dc2e;padding:6px 12px}#settings-body{overscroll-behavior:contain;padding:4px 16px 8px;overflow-y:auto}.set-group{letter-spacing:.2em;color:var(--lantern);margin:12px 0 2px;font-size:12px;font-weight:700}.set-row{border-bottom:1px solid #efe9dc14;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:6px 0;display:flex}.set-label{flex:auto;min-width:0;font-size:14px;font-weight:700}.set-label small{color:var(--bone-dim);margin-top:2px;font-size:11px;font-weight:400;line-height:1.4;display:block}.seg{border:1px solid var(--bone-dim);border-radius:999px;flex:none;display:flex;overflow:hidden}.seg button{color:var(--bone-dim);white-space:nowrap;background:0 0;border:0;padding:7px 12px;font-size:13px;font-weight:700}.seg button[aria-pressed=true]{background:var(--bone);color:var(--ink)}.set-row input[type=range]{width:min(190px,38vw);height:32px;accent-color:var(--lantern);flex:none}.set-row .set-value{text-align:right;width:2.6em;color:var(--bone-dim);flex:none;font-size:12px}#howto-steps{margin:0;padding:12px 18px 16px 38px;font-size:14px;line-height:1.8;overflow-y:auto}#howto-steps li{margin-bottom:4px}#howto-steps b{color:var(--lantern)}#settings-body{padding-bottom:22px;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}#guide-body{padding:10px 16px 14px;overflow-y:auto}.guide-step{border-bottom:1px solid #efe9dc1a;grid-template-columns:34px auto 1fr;align-items:center;column-gap:10px;padding:8px 0;display:grid}.guide-step b{font-family:var(--serif);letter-spacing:.08em;white-space:nowrap;font-size:18px}.guide-text{color:var(--bone-dim);font-size:13px;line-height:1.55}.guide-num{background:var(--vermilion);width:30px;height:30px;font:900 16px var(--serif);border-radius:50%;place-items:center;display:grid}.step-collect .guide-num{background:#f59f00}.step-goal .guide-num{background:#1c9bbf}.guide-extra{color:var(--bone-dim);margin:8px 0 0;font-size:12px;line-height:1.6}#briefing-goal{color:var(--lantern);border-bottom:1px solid #efe9dc1f;padding:6px 16px;font-size:13px;font-weight:700}#briefing-list{overscroll-behavior:contain;padding:8px 14px;overflow-y:auto}.oni-card{background:#efe9dc0d;margin-bottom:8px;padding:7px 10px 8px 12px;position:relative}.oni-card:before{content:"";background:var(--oni);width:5px;position:absolute;top:0;bottom:0;left:0}.oni-head{align-items:center;gap:8px;display:flex}.oni-swatch{background:var(--oni);border:1px solid #ffffffb3;border-radius:50%;flex:none;width:14px;height:14px}.oni-name{font-family:var(--serif);letter-spacing:.08em;font-size:17px}.oni-when{color:var(--bone-dim);font-size:11px}.oni-speed{background:var(--bone);color:var(--ink);white-space:nowrap;border-radius:999px;margin-left:auto;padding:1px 9px;font-size:12px;font-weight:700}.oni-note{color:var(--bone-dim);margin:2px 0 4px;font-size:11px}.oni-lines{margin:0;padding-left:1.2em;font-size:13px;line-height:1.6}#briefing-start{background:var(--vermilion);border-color:var(--vermilion);font-family:var(--serif);padding:8px 34px}#briefing-start[hidden]{display:none}#briefing-list{padding-bottom:18px;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}#settings[data-preview=true]{background:0 0}.set-row input[type=range]{touch-action:none}