:root{--ink:#071323;--paper:#fffaf0;--page:#dbe6ef;--aqua:#7bd9d0;--coral:#f26d6d;--violet:#9e78e8;--gold:#ffd34e;--blue:#56a6e8;--danger:#b42318;--good:#137333}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,"Noto Sans JP",system-ui,sans-serif}
.game-shell{width:min(100%,1020px);margin:0 auto 48px}
.hero-stage{position:relative;margin:0;border-width:0 0 4px!important;border-radius:0!important;box-shadow:none!important;background:var(--aqua)!important}
.hero-stage img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}
.hero-tag{position:absolute;left:18px;bottom:16px;padding:7px 10px;background:var(--paper);border:3px solid var(--ink);border-radius:8px;font-size:.74rem;font-weight:950;letter-spacing:.07em}
.intro-copy{text-align:center}.eyebrow{margin:0 0 6px;font-size:.78rem;font-weight:950;letter-spacing:.09em}
h1{max-width:900px;margin:0 auto 8px;font-size:clamp(2.35rem,6vw,5rem);line-height:.9;letter-spacing:-.055em}
.dek{margin:0 auto 14px;font-size:clamp(1rem,2.2vw,1.3rem);font-weight:850}
.rule-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:10px}.rule-flow span{padding:9px;background:#fff;border:2px solid var(--ink);font-weight:950}.rule-flow i{font-style:normal;font-weight:950}
#start{margin-top:4px}.fine{margin:14px 0 0;color:#526477;font-size:.78rem}
button,.actions a[role=button]{min-height:50px;border:4px solid var(--ink);border-radius:13px;background:var(--gold);color:var(--ink);box-shadow:0 6px 0 var(--ink);font:inherit;font-weight:950;cursor:pointer;text-decoration:none}
button{padding:10px 18px}.actions a[role=button]{display:grid;place-items:center;padding:8px 14px}
button:hover,.actions a[role=button]:hover{filter:brightness(.97)}button:active,.actions a[role=button]:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}
button:focus-visible,.actions a[role=button]:focus-visible,.floor:focus-visible{outline:5px solid #005fcc;outline-offset:3px}
.play{height:calc(var(--hg-visual-viewport-height,100svh) - var(--hg-game-header-block,62px));min-height:520px;padding:8px 10px 6px;display:grid;grid-template-rows:auto auto minmax(340px,1fr);gap:6px;overflow:hidden}
.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.hud>div{min-width:0;padding:5px 7px;background:#fff;border:1px solid #a9b8c5;border-radius:6px;text-align:center}.hud span{display:block;color:#526477;font-size:.61rem;font-weight:850;letter-spacing:.04em}.hud b{display:block;font-size:1.05rem;line-height:1.1}
.feedback{min-height:35px;margin:0;padding:7px 10px;border-left:6px solid var(--blue);border-radius:4px;background:#ffffffdd;box-shadow:0 2px 6px #07132318;font-size:.78rem;font-weight:850;pointer-events:none}
.feedback[data-kind=success]{border-left-color:var(--good)}.feedback[data-kind=failure]{border-left-color:var(--danger)}
.floor{position:relative;min-height:0;overflow:hidden;border:4px solid var(--ink);border-radius:18px;background:#fff3d9;touch-action:none;user-select:none;cursor:crosshair}
.world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.bay{position:absolute;top:20%;bottom:16%;width:28%;transform:translateX(-50%);pointer-events:none}.bay[data-lane="0"]{left:17%}.bay[data-lane="1"]{left:50%}.bay[data-lane="2"]{left:83%}
.cosplayer{position:absolute;inset:4% 0 0;width:100%;height:72%;overflow:visible;filter:drop-shadow(6px 7px 0 #07132324)}
.fault{position:absolute;left:50%;top:-3%;width:72px;transform:translateX(-50%);display:grid;justify-items:center;gap:2px;z-index:4}.fault svg{width:48px;height:48px;overflow:visible;filter:drop-shadow(3px 3px 0 #07132333)}.fault b{padding:2px 5px;background:#fff;border-left:4px solid var(--danger);font-size:.58rem;letter-spacing:.04em}.risk{width:70px;height:8px;background:#fff;border:2px solid var(--ink)}.risk i{display:block;width:10%;height:100%;background:var(--danger)}
.fixed{position:absolute;right:5%;top:36%;width:42px;height:42px;filter:drop-shadow(3px 3px 0 #07132333)}
.fallen{position:absolute;bottom:1%;left:50%;width:54px;height:38px;transform:translateX(-50%) rotate(10deg);border:4px solid var(--ink);background:var(--coral);clip-path:polygon(4% 15%,45% 2%,92% 25%,72% 92%,20% 85%)}
.cart{position:absolute;left:50%;bottom:3%;width:22%;transform:translateX(-50%);filter:drop-shadow(5px 6px 0 #07132335);will-change:left}
.target{position:absolute;left:50%;bottom:2%;width:34px;height:16px;transform:translateX(-50%);border:4px dashed var(--ink);border-radius:50%;background:#ffd34e88;pointer-events:none}
.floor-note{position:absolute;left:50%;bottom:19%;transform:translateX(-50%);margin:0;padding:4px 7px;background:#fffaf0d9;border-left:4px solid var(--violet);font-size:.62rem;font-weight:950;white-space:nowrap;pointer-events:none}
.repair-beam{position:absolute;bottom:17%;width:5px;height:70px;background:var(--gold);transform-origin:bottom;opacity:0;pointer-events:none}.floor[data-repairing=true] .repair-beam{opacity:1}
.crowd-score{position:absolute;right:8px;top:8px;margin:0;padding:4px 7px;background:#fff;border-left:4px solid var(--good);font-size:.62rem;font-weight:950}
.result{width:min(960px,calc(100% - 20px));margin:16px auto 40px;padding:22px;display:grid;grid-template-columns:minmax(250px,1fr) minmax(280px,1fr);gap:24px;align-items:center;background:var(--paper);border:4px solid var(--ink);border-radius:28px;box-shadow:0 10px 0 #07132322}.result-art img{display:block;width:100%;border:4px solid var(--ink);border-radius:18px}.result h2{margin:0;font-size:clamp(1.7rem,4vw,3.2rem);line-height:1}.score-line{display:flex;align-items:baseline;gap:5px;margin:14px 0 4px}.score-line strong{font-size:4rem;line-height:.8}.score-line span{font-weight:900}.result-detail,.next-target{font-weight:800}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.news-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;font-size:.85rem}
@media(max-width:680px){.hero-tag{left:10px;bottom:10px}h1{font-size:2.45rem}.play{padding:5px 4px 3px;min-height:440px}.hud{grid-template-columns:repeat(4,1fr)}.hud>div{padding:4px 2px}.hud b{font-size:.92rem}.feedback{min-height:31px;padding:5px 8px}.floor{border-width:3px;border-radius:13px}.bay{width:32%;top:19%}.fault{width:62px}.fault svg{width:42px;height:42px}.risk{width:58px}.cart{width:29%;bottom:2%}.floor-note{bottom:20%;font-size:.56rem}.result{grid-template-columns:1fr;padding:15px}.result-art{max-width:360px;margin:auto}}
@media(max-width:390px) and (max-height:700px){.play{grid-template-rows:auto auto minmax(300px,1fr)}.crowd-score{display:none}.floor-note{bottom:18%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.cart{will-change:auto}}