:root{font-family:Arial,"Noto Sans JP",sans-serif;--blue:#1769ff;--yellow:#ffe45e;--pink:#ff5ca8;--ink:#17324d}*{box-sizing:border-box}body{margin:0;background:#fffdf4;color:var(--ink);overflow-x:hidden}.world{min-height:100svh;background:radial-gradient(circle at 12% 14%,#fff0a8 0 8%,transparent 9%),radial-gradient(circle at 91% 80%,#b9f4e3 0 11%,transparent 12%),linear-gradient(150deg,#fffdf4,#e8f7ff);padding:18px clamp(14px,4vw,42px) 30px}.world>header{display:flex;justify-content:space-between;max-width:960px;margin:auto;color:var(--blue);font:900 .8rem monospace}.intro,.ending,.play{max-width:900px;min-height:calc(100svh - 70px);margin:auto;display:grid;place-items:center;place-content:center;text-align:center}.sun{background:var(--yellow);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font:900 1rem monospace;transform:rotate(-9deg);box-shadow:5px 5px var(--ink)}h1{font-size:clamp(4.2rem,15vw,8.5rem);line-height:.72;letter-spacing:-.1em;margin:.1em 0;color:var(--blue);text-shadow:5px 5px #fff,8px 8px var(--pink)}h1 em{font-style:normal;color:var(--pink)}.news-brief{width:min(92vw,620px);margin:14px 0 4px;padding:10px 14px;border:3px solid var(--ink);border-radius:14px;background:#fff;box-shadow:5px 5px var(--ink);text-align:left}.news-brief b{display:block;color:var(--blue);font:900 .65rem monospace;letter-spacing:.1em}.news-brief p{margin:4px 0 0;font-size:.84rem;line-height:1.55;font-weight:800}.one-rule{font-size:clamp(1rem,3vw,1.4rem);font-weight:900;background:#fff;padding:10px 18px;border-radius:99px;box-shadow:0 6px #b9d9e8}.how{display:flex;gap:10px;margin:16px}.how div{width:88px;height:76px;border:4px solid #fff;border-radius:16px;color:#fff;display:grid;place-content:center;box-shadow:4px 5px var(--ink)}.how b{font-size:1.8rem}.how span{font:900 .65rem monospace}.tap{background:#ff6b6b}.triple{background:#4d96ff}.swipe{background:#6bcb77}.go{border:0;border-radius:99px;background:var(--blue);color:#fff;font-weight:900;font-size:1.25rem;padding:16px 40px;box-shadow:0 7px #0a3b9c;cursor:pointer;margin:14px}.go:focus-visible,.package:focus-visible,a:focus-visible{outline:4px solid var(--pink);outline-offset:5px}.hud{display:flex;gap:8px;margin-bottom:12px}.hud div{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:7px 18px;min-width:100px;box-shadow:4px 4px var(--ink)}.hud span{display:block;font:900 .62rem monospace}.hud b{font:900 1.7rem monospace;color:var(--pink)}.belt{width:min(92vw,620px);height:280px;border:5px solid var(--ink);border-radius:30px;background:repeating-linear-gradient(90deg,#dce8ef 0 45px,#cbd9e1 45px 50px);position:relative;overflow:hidden;box-shadow:8px 9px var(--ink)}.belt:after{content:"";position:absolute;left:0;right:0;bottom:22px;height:35px;background:repeating-linear-gradient(90deg,#536b78 0 18px,#91a5ae 18px 36px);border-block:4px solid var(--ink)}.chip{position:absolute;left:9%;top:85px;width:98px;height:98px;background:#313a4a;border:8px solid #9aa9b5;border-radius:15px;display:grid;place-items:center;color:#8dffb3;font:900 1.8rem monospace}.package{position:absolute;touch-action:none;user-select:none;cursor:grab;left:50%;top:50%;transform:translate(-30%,-60%) rotate(-4deg);width:175px;height:145px;border:8px solid #fff;border-radius:24px;box-shadow:7px 8px var(--ink);display:grid;place-content:center;color:#fff;animation:arrive .22s ease-out}.package span{font:900 4rem monospace;line-height:1}.package b{font:900 .85rem monospace}.call{font:900 .8rem monospace}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(92vw,620px)}.controls .action{border:4px solid var(--ink);border-radius:20px;color:#fff;min-height:96px;box-shadow:5px 6px var(--ink);position:relative}.controls kbd{position:absolute;left:8px;top:7px;background:#fff;color:var(--ink);border-radius:12px;min-width:23px;height:23px;padding:0 5px;white-space:nowrap}.controls strong{display:block;font:900 2.6rem monospace}.controls span{font:900 .7rem monospace}.feedback{height:30px;margin-top:10px;font:900 1.4rem monospace;color:var(--pink)}.tag{background:var(--yellow);font-weight:900;padding:8px 16px;border-radius:99px}.rank{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:#fff;font:900 5rem monospace;box-shadow:7px 7px var(--ink)}.rS{background:#ffb000}.rA{background:#6bcb77}.ending h2{font-size:clamp(2rem,8vw,4.8rem);margin:.2em;color:var(--blue)}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:4px solid var(--ink);border-radius:22px;box-shadow:7px 7px var(--ink);overflow:hidden}.stats div{padding:12px 20px}.stats div+div{border-left:3px solid var(--ink)}.stats span,.stats small{display:block;font:900 .65rem monospace}.stats b{display:block;font:900 2rem monospace;color:var(--pink)}.punch{font-size:clamp(1.15rem,4vw,1.8rem);font-weight:900}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.share{border:3px solid var(--ink);border-radius:99px;background:#fff;color:var(--ink);font-weight:900;font-size:1rem;padding:13px 24px;box-shadow:0 6px var(--ink);cursor:pointer;margin:14px}.ending a{color:var(--blue);font-weight:900}[hidden]{display:none!important}@keyframes arrive{from{transform:translate(90%,-60%) rotate(15deg) scale(.7)}}@media(max-width:520px){.belt{height:245px}.hud div{min-width:88px;padding:6px 10px}.controls .action{min-height:82px}.stats div{padding:10px 9px}.stats b{font-size:1.55rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}