@charset "UTF-8";
:root{font-family:"Segoe UI","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif;color:#192a22;background:#e9ece4;font-synthesis:none;--lime:#d7f85a;--ink:#192a22;--red:#ed604f}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ff7255;outline-offset:3px}button:disabled{cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.layout{min-height:100svh;display:flex;align-items:center;justify-content:center;gap:72px;padding:28px 30px;background:radial-gradient(ellipse at 80% 0%,#d7e5be88,transparent 48%)}.rail{width:260px;align-self:stretch;max-height:880px;display:flex;flex-direction:column;justify-content:space-between;padding:25px 0}.brand{font-size:15px;font-weight:850;letter-spacing:.04em}.brand>span{color:#e76f48;font-size:28px;margin-right:12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em}.rail h1{font-size:45px;line-height:1.5;letter-spacing:-.08em;margin:20px 0}.rail h1 em{font-style:normal;color:#617539}.rail-copy>p:last-child{font-size:15px;line-height:1.85;color:#637168}.rail-bottom{font-size:11px;line-height:2.1}.rail-bottom p{color:#637168}.edition{font-size:10px;font-weight:800;letter-spacing:.15em}.rail-bottom a{display:inline-block;margin-top:14px;border-bottom:1px solid #93a18c}.machine{width:min(520px,100%);height:min(900px,calc(100svh - 56px));min-height:580px;display:flex;flex-direction:column;overflow:hidden;background:var(--ink);border:7px solid #192a22;border-radius:28px;box-shadow:0 28px 65px #24332128,0 1px 1px #fff8;position:relative}.topbar{height:51px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;color:#edf2df;gap:12px;font-size:11px}.topbar>a{letter-spacing:.04em;font-weight:900}.topbar>a b{font-weight:400;opacity:.65}.topbar>span{font-size:9px;color:#c6d1b0;font-weight:700;letter-spacing:.15em}.utilities{display:flex;gap:4px}.icon{width:31px;height:31px;border-radius:50%;background:#ffffff0c;color:#eaf0df;font-size:15px;font-weight:700;display:grid;place-items:center}.icon[aria-pressed=false]{color:#87927b;position:relative}.icon[aria-pressed=false]:after{content:"";position:absolute;width:21px;height:1px;background:#df7a65;transform:rotate(-45deg)}.icon:disabled{opacity:.3}.arena{position:relative;flex:1;overflow:hidden;background:#a2b591;border-radius:15px;min-height:0;isolation:isolate}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block;outline:none!important}.machine-footer{height:27px;display:flex;align-items:center;justify-content:space-between;color:#b5c3ab;font-size:9px;padding:0 10px;flex-shrink:0}.machine-footer b{font-size:8px;letter-spacing:.12em}.overlay{position:absolute;inset:0;z-index:5;display:flex;justify-content:center;align-items:center}.title-overlay{flex-direction:column;padding:12px 25px 22px;background:linear-gradient(180deg,#263d2920,#32443130 26%,#324431d9 70%);overflow:auto}.title-art{height:178px;min-height:110px;flex:1;width:220px;max-height:210px;position:relative;display:grid;place-items:center;margin-top:4px}.title-art img{position:relative;width:165px;height:165px;object-fit:contain;z-index:1;filter:drop-shadow(0 12px 8px #1d352850);animation:bob 3.4s ease-in-out infinite}.orbit{position:absolute;width:174px;height:174px;border:3px dashed #e5ff88;border-radius:50%;transform:rotateX(48deg);box-shadow:0 0 25px #c6ff803a}.orbit-a{animation:orbit 18s linear infinite}.orbit-b{width:205px;height:205px;border:1px solid #ecffb76e}.power-chip{position:absolute;bottom:14px;right:-5px;background:var(--lime);padding:8px 11px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:7px;font-size:11px;font-weight:900;transform:rotate(-9deg);z-index:2}.title-card{background:#faf9ef;padding:22px 27px 18px;border-radius:22px;width:100%;max-width:365px;box-shadow:0 12px 35px #16312525;border:1px solid #fff7}.title-card .eyebrow{font-size:10px;margin:0 0 9px;letter-spacing:.07em}.title-card h2{font-size:74px;font-weight:950;letter-spacing:-.065em;line-height:.81;margin:17px 0 14px}.title-card h2>span{display:block;color:#60783c}.star{font-size:57px;color:#ef8051;display:inline-block;transform:translate(7px,-3px);vertical-align:middle}.tagline{font-weight:800;font-size:15px;margin:0 0 18px;letter-spacing:.02em}.howto{border-top:1px solid #dbe0cd;padding-top:11px;margin-bottom:16px}.howto p{margin:5px 0 10px;display:flex;gap:12px;align-items:center}.step{font-style:normal;display:grid;place-items:center;font-size:13px;min-width:34px;height:34px;border-radius:50%;background:#e6ebde;font-weight:800}.step.green{background:#d7f7a9;color:#43722a}.howto b,.howto small{display:block}.howto b{font-size:12px}.howto small{font-size:10px;color:#7b8774;margin-top:3px}.primary{width:100%;border-radius:12px;padding:14px 18px;background:var(--lime);font-size:17px;font-weight:900;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 0 #aac539;min-height:52px;transition:transform .15s}.primary:hover{transform:translateY(-2px)}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #aac539}.primary span{font-size:24px;font-weight:500}.title-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:9px;color:#78816e}.title-bottom button{background:none;padding:4px 0;font-size:10px;color:#58674f}.title-bottom b{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:4px}.hud{position:absolute;inset:13px 14px auto;pointer-events:none;z-index:2}.hud-row{display:flex;justify-content:space-between;align-items:flex-start}.power{display:flex;gap:5px;align-items:baseline;background:#fbfff1ed;border:1px solid #fff8;border-radius:15px;padding:9px 14px 7px;box-shadow:0 4px 8px #26362720}.power>span{font-size:9px;font-weight:900;align-self:center;max-width:45px;letter-spacing:.04em}.power strong{font-size:35px;line-height:1;letter-spacing:-.06em}.power small{font-size:10px;font-weight:700}.vitals{background:#1c3027eb;padding:9px 12px;border-radius:13px;color:#fafbef;box-shadow:0 4px 8px #26362720}.vitals>span{color:#f28475;font-size:20px;letter-spacing:2px;white-space:nowrap}.score{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:3px;font-variant-numeric:tabular-nums}.score>span{font-size:8px;color:#b9c7b2}.score b{font-size:14px}.route{display:flex;align-items:center;gap:9px;background:#fbfff1ed;border-radius:8px;margin-top:8px;padding:7px 10px;font-size:9px;font-weight:800}.route>div{flex:1;height:4px;background:#cdd6c1;border-radius:9px;overflow:hidden}.route i{display:block;height:100%;width:0;background:#6a9243}.boss-meter{margin:9px 22px 0;background:#283026ed;border-radius:9px;padding:8px 12px;color:#fdf0d4}.boss-meter>span{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.05em}.boss-meter>div{height:7px;background:#4a4b3b;border-radius:6px;overflow:hidden;margin-top:6px}.boss-meter i{display:block;height:100%;background:linear-gradient(90deg,#ed6859,#ffbe6d);width:100%}.toast{position:absolute;top:28%;left:50%;transform:translate(-50%,-6px);z-index:4;white-space:nowrap;background:#1d3025ed;color:#ecf9d7;font-weight:900;font-size:14px;padding:11px 18px;border-radius:30px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.subtitle{position:absolute;bottom:103px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;color:white;background:#182c24d9;padding:7px 12px;border-radius:6px;pointer-events:none;z-index:3;white-space:nowrap}.subtitle:empty{display:none}.play-footer{position:absolute;bottom:17px;left:15px;right:15px;display:flex;gap:12px;align-items:center;justify-content:space-between;pointer-events:none;z-index:3}.play-footer>span{background:#eef5e6e8;border-radius:11px;padding:10px 12px;font-size:10px;font-weight:750;line-height:1.8;box-shadow:0 3px 12px #24332118}.play-footer small{font-size:9px;color:#6c7a63}#burst{position:relative;overflow:hidden;background:#25382bf2;color:#f6fbe9;display:flex;align-items:center;gap:10px;padding:12px 16px 14px;border-radius:14px;pointer-events:auto;border:1px solid #e0f7ac55;min-height:62px;text-align:left;box-shadow:0 5px 20px #182b2933}#burst .burst-symbol{color:var(--lime);font-size:28px;line-height:1}#burst b{font-size:12px;display:block}#burst small{font-size:10px;display:block;margin-top:3px;color:#b2c399}#burst i{position:absolute;height:4px;bottom:0;left:0;background:var(--lime);width:0}#burst.ready{background:var(--lime);color:var(--ink);border-color:#f7ffd7;animation:glow 1s infinite alternate}#burst.ready small,#burst.ready .burst-symbol{color:#566c2a}#burst.ready i{background:#fff8}.shade{background:#1a2c26a6;backdrop-filter:blur(7px);padding:24px}.dialog{background:#faf9ef;border-radius:24px;padding:30px 26px;width:100%;max-width:355px;box-shadow:0 18px 70px #17282266;text-align:center}.dialog>.eyebrow{color:#6d8251;margin:0 0 12px}.dialog h2{font-size:26px;letter-spacing:-.05em;margin:0 0 15px}.dialog>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#78816e}.dialog .primary{margin-top:25px;font-size:15px}.secondary{background:#e6eadb;width:100%;padding:12px;border-radius:10px;margin-top:12px;font-size:13px;font-weight:700}.text-button{background:none;font-size:11px;color:#6c775e;padding:12px 8px;margin-top:8px}.result-score{border-top:1px solid #dce3d0;border-bottom:1px solid #dce3d0;margin:21px 0 17px;padding:20px 0 14px;display:flex;flex-direction:column;gap:5px}.result-score span{font-size:10px;letter-spacing:.14em;color:#6a7a5d;font-weight:800}.result-score strong{font-size:56px;line-height:1;letter-spacing:-.05em}.result-score small{font-size:10px;color:#e67b4b;min-height:15px;font-weight:900}.result-stats{display:flex;justify-content:space-around;font-size:9px;color:#859178}.result-stats b{font-size:16px;display:block;color:var(--ink);margin-top:6px}.load-error{position:absolute;inset:auto 10px 10px;background:#6e211f;color:white;padding:15px;z-index:9;font-size:13px}@keyframes bob{50%{transform:translateY(-10px) rotate(3deg)}}@keyframes orbit{to{transform:rotateX(48deg) rotate(360deg)}}@keyframes glow{to{box-shadow:0 0 24px #d7f85a88}}@media(max-width:850px){.layout{gap:28px;padding:16px}.rail{width:215px}.rail h1{font-size:36px}.machine{height:calc(100svh - 32px)}}@media(max-width:680px){.layout{padding:0;background:var(--ink);min-height:100svh}.rail{display:none}.machine{border:0;width:100%;max-width:540px;border-radius:0;height:100svh;min-height:0;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.topbar{height:48px;padding:0 16px}.arena{border-radius:17px 17px 0 0}.machine-footer{height:24px;padding:0 14px}.title-overlay{padding:8px 26px 21px}.title-card{max-width:340px;padding:22px 25px 18px}.title-card h2{font-size:72px}.title-art{min-height:102px;max-height:180px}}@media(max-height:750px){.title-art{max-height:115px;min-height:72px;margin:0}.title-art img{width:125px;height:125px}.orbit{width:130px;height:130px}.orbit-b{width:160px;height:160px}.power-chip{bottom:4px;right:5px;font-size:9px;padding:5px 8px}.title-card{padding:16px 23px 13px}.title-card h2{font-size:61px;margin:14px 0 11px}.title-card .star{font-size:46px}.tagline{font-size:13px;margin-bottom:11px}.howto{padding-top:6px;margin-bottom:11px}.howto p{margin:4px 0 8px}.title-bottom{margin-top:11px}.title-card .primary{padding:10px 16px;min-height:46px}.dialog{padding:23px}.result-score{margin:15px 0;padding:15px 0}.result-score strong{font-size:44px}}@media(orientation:landscape) and (max-height:560px){.layout{padding:0}.rail{display:none}.machine{width:min(900px,100%);height:100svh;min-height:0;border:0;border-radius:0}.topbar{height:38px}.machine-footer{height:18px}.title-overlay{flex-direction:row;gap:25px;padding:12px 25px}.title-art{width:160px;max-height:none}.title-card{max-width:400px;padding:15px 22px}.title-card h2{font-size:49px;display:flex;gap:9px;margin:10px 0}.title-card h2>span{display:inline}.title-card .star{font-size:37px}.title-card .tagline{margin-bottom:7px}.howto{display:flex;gap:14px;margin-bottom:7px;padding-top:5px}.howto p{gap:6px}.howto b{font-size:10px}.howto small{font-size:9px}.step{min-width:25px;height:25px;font-size:10px}.title-card .primary{min-height:40px;padding:6px 14px}.title-bottom{margin-top:7px}.dialog{max-width:510px;padding:18px 25px}.dialog h2{font-size:23px;margin-bottom:8px}.dialog>.eyebrow{margin-bottom:7px}.dialog .primary{margin-top:12px;min-height:42px;padding:8px 15px}.dialog .secondary{margin-top:8px;padding:8px}.result-score{padding:8px;margin:10px 0}.result-score strong{font-size:32px}.result-stats b{font-size:13px}.result .text-button{padding:4px}.hud{inset:8px 12px auto}.power strong{font-size:25px}.power{padding:7px 11px}.vitals>span{font-size:15px}.vitals{padding:5px 10px}.route{max-width:310px;padding:4px 9px;margin-top:5px}.play-footer{bottom:10px}.toast{top:40%}.boss-meter{position:absolute;top:0;left:32%;width:34%;margin:0}.subtitle{bottom:75px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}