:root{--ink: #ece5d3;--dim: #9a9384;--panel: #191d25;--panel-2: #222834;--panel-3: #2b3341;--line: #3d4658;--line-soft: #2c3340;--amber: #ffd166;--amber-deep: #e0a93a;--green: #7ef0a8;--red: #ff6b6b;--blue: #7aa7ff;--paper: #f3e8cd;--stage-max: 1100px;--scale: 2;--font: "Cascadia Mono", "JetBrains Mono", "Sarasa Mono SC", "Noto Sans Mono CJK SC", ui-monospace, "Microsoft YaHei Mono", "Microsoft YaHei", monospace}*{box-sizing:border-box}button,.touch{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button{-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%}body{background:radial-gradient(1200px 700px at 50% -10%,#2a3140,#2a314000 60%),radial-gradient(900px 500px at 15% 110%,#1d2a26,#1d2a2600 55%),#11141a;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;display:grid;place-items:center;padding:24px 16px 32px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;background:repeating-linear-gradient(to bottom,#00000029 0px 1px,#0000 1px 3px);opacity:.35;mix-blend-mode:multiply}.app{width:100%;max-width:var(--stage-max);display:flex;justify-content:center}.stage{display:flex;flex-direction:column;gap:10px;align-items:stretch;width:calc(504px * var(--scale) + 4px);max-width:100%;min-width:0}.hud{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:2px solid var(--line);border-bottom-color:#171b22;box-shadow:inset 0 0 0 1px #ffffff08,0 3px #00000059;min-height:46px;font-size:12px;letter-spacing:.04em}.hud__group{display:flex;align-items:center;gap:6px}.hud__label{color:var(--dim);font-size:11px;text-transform:uppercase}.hud__level{color:var(--amber);font-weight:700;font-size:13px;letter-spacing:.08em;white-space:nowrap}.hud__level small{color:var(--dim);font-weight:400;margin-left:6px;letter-spacing:.04em}.hud__spacer{flex:1 1 20px}.hearts{display:flex;gap:3px}.heart{width:13px;height:12px;background:#ff5f7a;clip-path:polygon(50% 100%,0 38%,0 12%,25% 0,50% 18%,75% 0,100% 12%,100% 38%);filter:drop-shadow(0 1px 0 rgba(0,0,0,.5));transition:opacity .18s ease,transform .18s ease}.heart.is-lost{background:#3b2b31;opacity:.85;transform:scale(.85)}.meter{position:relative;width:96px;height:10px;background:#1a1f27;border:1px solid var(--line);overflow:hidden}.meter__fill{position:absolute;inset:0 auto 0 0;width:50%;background:linear-gradient(90deg,#ff9a4a,var(--amber));transition:width .12s linear}.meter--time .meter__fill{background:linear-gradient(90deg,#6ee7f7,#5aa6ff)}.meter--time.is-low .meter__fill{background:linear-gradient(90deg,#ff9a6b,#ff5f5f)}.meter__tick{position:absolute;inset:0;background:repeating-linear-gradient(to right,#00000052 0 1px,#0000 1px 6px)}.hud__value{font-variant-numeric:tabular-nums;color:var(--ink);min-width:44px;text-align:right}.hud__value.is-low{color:var(--red)}.skill-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--line);background:#161a21;color:var(--dim);font-size:11px;white-space:nowrap}.skill-chip.is-ready{color:var(--green);border-color:#2f5d44;box-shadow:0 0 8px #7ef0a82e inset}.skill-chip kbd{font:inherit;padding:0 4px;background:#0e1116;border:1px solid var(--line);color:var(--ink);font-size:10px}.obj{color:var(--amber);font-size:12px;white-space:nowrap}.obj.is-done{color:var(--green)}.screen-wrap{position:relative;width:calc(504px * var(--scale));height:calc(336px * var(--scale));margin:0 auto;border:2px solid var(--line);background:#0d1015;box-shadow:0 0 0 1px #0009,0 10px 26px #00000073;overflow:hidden}canvas#game{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.flash{position:absolute;inset:0;pointer-events:none;background:#fff;opacity:0;transition:opacity .18s ease;mix-blend-mode:screen}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:#0a0c108c;backdrop-filter:blur(1px);z-index:20;overflow:auto}.overlay.is-open.title-mode{background:#0a0c1029;backdrop-filter:none}.hud.is-idle{opacity:.35;filter:saturate(.4)}.overlay.is-open{display:flex}.panel{width:min(100%,560px);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:2px solid var(--line);box-shadow:inset 0 0 0 1px #ffffff0a,0 12px 0 -4px #0006;padding:18px 20px;color:var(--ink)}.panel--wide{width:min(100%,760px)}.panel__eyebrow{font-size:11px;letter-spacing:.22em;color:var(--amber-deep);text-transform:uppercase;margin-bottom:4px}.panel__title{margin:0 0 6px;font-size:22px;letter-spacing:.06em;color:#fff5db}.panel__sub{margin:0 0 14px;color:var(--dim);font-size:12px}.panel__body{display:flex;flex-direction:column;gap:10px}.panel__foot{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.panel ul{margin:0;padding-left:18px;color:#d6cfbe;font-size:13px}.panel li{margin:4px 0}.btn{appearance:none;cursor:pointer;font:inherit;font-size:13px;letter-spacing:.06em;color:var(--ink);background:var(--panel-3);border:2px solid var(--line);border-bottom-width:4px;padding:8px 16px;transition:transform .08s ease,background .15s ease,border-color .15s ease}.btn:hover{background:#333d4d;border-color:#55627a;color:#fff}.btn:active{transform:translateY(2px);border-bottom-width:2px}.btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.btn--primary{background:linear-gradient(180deg,#ffd97a,#e8b544);color:#241c07;border-color:#8a6a1e;font-weight:700}.btn--primary:hover{background:linear-gradient(180deg,#ffe08c,#f0c157);color:#241c07}.btn--ghost{background:transparent;color:var(--dim);border-color:var(--line-soft)}.btn--ghost:hover{color:var(--ink)}.btn--small{padding:4px 10px;font-size:12px;border-bottom-width:3px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.title-screen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;text-align:center}.logo{display:flex;flex-direction:column;gap:6px;align-items:center}.logo__main{font-size:34px;font-weight:800;letter-spacing:.14em;color:#fff3d2;text-shadow:0 2px 0 #b9871f,0 4px 0 #6d4d10,0 6px 14px rgba(0,0,0,.6)}.logo__badge{display:inline-flex;align-items:center;gap:8px;padding:2px 10px;border:1px solid var(--amber-deep);color:var(--amber);font-size:11px;letter-spacing:.32em}.logo__tagline{color:#bdb4a0;font-size:12px;letter-spacing:.08em}.title-menu{display:flex;flex-direction:column;gap:8px;width:min(320px,78%)}.title-menu .btn{width:100%;padding:9px 14px}.title-foot{color:#7d776a;font-size:11px;letter-spacing:.06em}.level-grid{display:grid;gap:10px;grid-template-columns:1fr}.level-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;background:#1e242e;border:2px solid var(--line-soft);cursor:pointer;transition:border-color .15s ease,transform .08s ease,background .15s ease;text-align:left;font:inherit;color:inherit}.level-card:hover{border-color:var(--amber-deep);background:#232a35}.level-card:active{transform:translateY(1px)}.level-card__no{width:34px;height:34px;display:grid;place-items:center;background:#12161d;border:1px solid var(--line);color:var(--amber);font-weight:700}.level-card__name{font-size:14px;color:#fdf3dd}.level-card__desc{font-size:11px;color:var(--dim)}.level-card__rank{font-size:18px;font-weight:800;color:var(--amber);letter-spacing:.06em;min-width:28px;text-align:right}.level-card__rank.is-empty{color:#4a5160;font-size:12px;font-weight:400}.result{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center}.rank-badge{width:96px;height:96px;display:grid;place-items:center;border:3px solid var(--amber-deep);background:radial-gradient(circle at 50% 30%,#4a3a12,#1c1a14 75%);color:var(--amber);font-size:54px;font-weight:800;line-height:1;text-shadow:0 0 18px rgba(255,209,102,.35)}.rank-badge.rank-S{border-color:#ffe9a8;color:#fff3c4;box-shadow:0 0 22px #ffe28c40}.rank-badge.rank-D{border-color:#7a4a4a;color:#ff9f9f}.result__meta{display:flex;flex-direction:column;gap:6px}.result__score{font-size:26px;font-weight:800;color:#fff3d2;letter-spacing:.04em}.result__line{font-size:12px;color:var(--dim)}.breakdown{margin:14px 0 0;display:flex;flex-direction:column;gap:4px;font-size:12px}.breakdown__row{display:flex;justify-content:space-between;border-bottom:1px dashed #2b323d;padding-bottom:3px}.breakdown__row span:last-child{color:var(--amber);font-variant-numeric:tabular-nums}.breakdown__row.is-total{border-bottom:none;margin-top:4px;font-size:13px;color:#fff0ce}.goal-list{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border:1px solid var(--line);background:#161b22;font-size:11px;color:var(--dim)}.tag--amber{color:var(--amber);border-color:#6a5527}.tag--green{color:var(--green);border-color:#2f5d44}.collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:56vh;overflow:auto;padding-right:4px}.line-item{border:1px solid var(--line-soft);background:#161b22;padding:7px 9px;font-size:12px;color:#ddd5c4;display:flex;gap:8px;align-items:baseline}.line-item__tag{color:var(--amber-deep);font-size:10px;letter-spacing:.1em;flex:none}.line-item.is-locked{color:#4f5665;border-style:dashed}.line-item.is-locked .line-item__tag{color:#4a5160}.hint{border-left:3px solid var(--amber-deep);background:#1b212b;padding:8px 10px;font-size:12px;color:#cfc7b4}.keys{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;color:var(--dim)}.kbd{display:inline-block;min-width:18px;padding:0 5px;margin-right:4px;border:1px solid var(--line);border-bottom-width:2px;background:#11151b;color:var(--ink);font-size:11px;text-align:center}.dialog{min-height:46px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(180deg,#14181f,#10141a);border:2px solid var(--line-soft);border-left:4px solid var(--line);color:var(--dim);font-size:13px;transition:border-color .15s ease,color .15s ease,background .2s ease}.dialog__speaker{flex:none;padding:1px 7px;border:1px solid var(--line-soft);color:#8d8676;font-size:11px;letter-spacing:.1em}.dialog__text{flex:1;min-width:0}.dialog.is-hot{color:#fff2d0;border-left-color:var(--amber);background:linear-gradient(180deg,#241d10,#171410)}.dialog.is-hot .dialog__speaker{color:var(--amber);border-color:#6a5527}.dialog.is-warn{color:#ffd9d9;border-left-color:var(--red);background:linear-gradient(180deg,#2a1616,#1a1212)}.dialog.is-warn .dialog__speaker{color:var(--red);border-color:#6b3535}.footer{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#6f6a5e;letter-spacing:.05em;flex-wrap:wrap}.footer a{color:#8d8676;text-decoration:none;border-bottom:1px dotted #57524a}.footer a:hover{color:var(--amber)}.touch{--pad-btn: clamp(52px, 14vw, 68px);--act-btn: clamp(64px, 18vw, 86px);display:none;gap:10px;justify-content:space-between;align-items:flex-end;margin-top:8px;touch-action:none}body.is-touch .touch{display:flex}.touch__pad{display:grid;grid-template-columns:repeat(3,var(--pad-btn));grid-template-rows:repeat(3,var(--pad-btn));gap:6px}.touch__btn{border:2px solid rgba(255,255,255,.22);background:#10141ab8;color:#ffffffd1;font:inherit;font-size:calc(var(--pad-btn) * .36);line-height:1;border-radius:6px;display:grid;place-items:center;touch-action:none;box-shadow:0 2px #00000059}.touch__btn:active{background:#ffd16652}.touch__actions{display:flex;gap:10px}.touch__actions .touch__btn{width:var(--act-btn);height:var(--act-btn);border-radius:50%;font-size:13px;letter-spacing:.04em}@media (orientation: landscape) and (max-height: 560px){.stage{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"hud hud" "screen touch" "dialog dialog" "footer footer";gap:8px 12px;align-items:start}.hud{grid-area:hud}.screen-wrap{grid-area:screen}.dialog{grid-area:dialog}.footer{grid-area:footer}.touch{--pad-btn: 44px;--act-btn: 58px;grid-area:touch;margin-top:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;align-self:center}.touch__actions{flex-direction:column}}@media (max-width: 720px){body{padding:10px 8px 18px}.hud{font-size:11px;gap:8px;padding:6px 8px}.hud__spacer{display:none}.dialog__text{font-size:12px}.overlay.is-open{position:fixed;inset:0;z-index:40;background:#0a0c10f0;padding:16px 12px;align-items:safe center}.overlay__inner{gap:8px;max-width:420px}.logo__main{font-size:24px}.btn--big{padding:8px 12px;font-size:13px}.btn{padding:6px 10px;font-size:12px}.menu{gap:8px}.logo__main{font-size:26px}.panel{padding:14px}.result{grid-template-columns:72px 1fr}.rank-badge{width:72px;height:72px;font-size:40px}.collection{grid-template-columns:1fr;max-height:62vh}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}