:root{--sky: #91e6ff;--ink: #173748;--paper: #fffdf3;--yellow: #ffd84e;--green: #75cf5e;--coral: #ff766f;--purple: #866ee8}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none}body{background:var(--sky);color:var(--ink);font-family:Arial,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;letter-spacing:0}button{font:inherit;color:inherit}#scene{position:fixed;inset:0}#scene canvas{display:block;width:100%;height:100%;cursor:pointer}.hud{position:fixed;z-index:5;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;padding:22px 26px;pointer-events:none}.brand span{display:block;color:#17374894;font-size:8px;font-weight:900}.brand h1{margin:3px 0 0;font-size:clamp(18px,2.2vw,28px)}.score{display:flex;align-items:baseline;justify-content:center;min-width:130px;padding:8px 18px;border:2px solid rgba(23,55,72,.16);border-radius:30px;background:#fffdf3c2;box-shadow:0 6px 20px #3c6f801f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums}.score .star-symbol{margin-right:7px;color:#f3a900;font-size:22px;animation:star-bob 1.8s ease-in-out infinite}.score strong{font-size:25px}.score i{margin:0 5px;font-size:12px;font-style:normal;opacity:.45}.score>span:last-child{font-size:15px}@keyframes star-bob{50%{transform:translateY(-3px) rotate(8deg)}}.hud-actions{justify-self:end;display:flex;gap:8px;pointer-events:auto}.icon-button{width:42px;height:42px;border:2px solid rgba(23,55,72,.15);border-radius:50%;background:#fffdf3c7;box-shadow:0 5px 14px #3c6f801f;cursor:pointer;transition:transform .2s,background .2s}.icon-button:hover{transform:translateY(-2px);background:#fff}.growth-meter{position:fixed;z-index:5;left:50%;bottom:24px;display:grid;grid-template-columns:auto minmax(130px,270px) auto;align-items:center;gap:12px;width:min(590px,calc(100% - 40px));transform:translate(-50%);padding:10px 16px;border-radius:6px;background:#fffdf3c7;box-shadow:0 8px 26px #2b5e6e24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:9px}.growth-meter div{height:10px;padding:2px;border:1px solid rgba(23,55,72,.18);border-radius:8px;background:#ffffff80;overflow:hidden}.growth-meter i{display:block;width:0;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--green),var(--yellow),var(--coral));transition:width .6s cubic-bezier(.2,.8,.2,1)}.compass{position:fixed;z-index:5;top:50%;right:26px;display:grid;place-items:center;width:52px;height:52px;transform:translateY(-50%);border:2px solid rgba(23,55,72,.13);border-radius:50%;background:#fffdf39e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.compass:before{content:"つぎ";position:absolute;top:-16px;font-size:8px;font-weight:700;opacity:.6}.compass span{color:#f3a900;font-size:23px;transform:translateY(-9px)}.joystick{position:fixed;z-index:6;left:24px;bottom:78px;display:none;place-items:center;width:100px;height:100px;border:2px solid rgba(23,55,72,.14);border-radius:50%;background:#fffdf352;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.joystick-knob{width:46px;height:46px;border:2px solid rgba(23,55,72,.18);border-radius:50%;background:#fffdf3d9;box-shadow:0 6px 15px #17374826}.modal{position:fixed;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;text-align:center;background:#91e6ffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal[hidden]{display:none}.modal>p:first-of-type{margin:0 0 10px;color:var(--purple);font-size:10px;font-weight:900}.modal h2{margin:0;font-size:clamp(42px,7vw,84px);line-height:1.12}.intro-copy{margin:22px 0;font-size:14px;line-height:1.9}.primary-button{min-width:190px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:12px;padding:0 18px 0 28px;border:0;border-radius:30px;color:#fff;background:var(--coral);box-shadow:0 9px #d94d51,0 16px 28px #59415d33;font-size:18px;font-weight:900;cursor:pointer;transition:transform .15s,box-shadow .15s}.primary-button span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff3b}.primary-button:hover{transform:translateY(-2px);box-shadow:0 11px #d94d51,0 18px 30px #59415d38}.primary-button:active{transform:translateY(7px);box-shadow:0 2px #d94d51}.text-button{margin-top:24px;padding:8px;border:0;border-bottom:1px solid currentColor;background:none;cursor:pointer}.keys{display:flex;align-items:center;gap:4px;margin-top:32px!important;color:#1737488c!important;font-size:9px!important;font-weight:400!important}kbd{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid rgba(23,55,72,.2);border-radius:4px;background:#ffffff80;font:inherit}.mascot-preview{position:relative;width:76px;height:84px;margin-bottom:18px;animation:mascot-hop 1.2s ease-in-out infinite}.mascot-preview span{position:absolute;left:12px;bottom:0;width:52px;height:60px;border-radius:48% 48% 42% 42%;background:var(--paper);border:3px solid var(--ink)}.mascot-preview span:before,.mascot-preview span:after{content:"";position:absolute;top:23px;width:6px;height:9px;border-radius:50%;background:var(--ink)}.mascot-preview span:before{left:13px}.mascot-preview span:after{right:13px}.mascot-preview i,.mascot-preview b{position:absolute;top:6px;width:34px;height:18px;border-radius:100% 0;background:var(--green);border:3px solid var(--ink);transform-origin:bottom right}.mascot-preview i{left:8px;transform:rotate(18deg)}.mascot-preview b{right:8px;transform:scaleX(-1) rotate(18deg)}@keyframes mascot-hop{50%{transform:translateY(-8px) rotate(2deg)}}.result-stars{margin:24px 0 8px;color:#f3a900;font-size:clamp(30px,5vw,58px);word-spacing:10px;animation:result-pop .7s ease-in-out infinite alternate}@keyframes result-pop{to{transform:scale(1.08) rotate(2deg)}}.toast{position:fixed;z-index:8;left:50%;top:20%;transform:translate(-50%,20px) scale(.8);color:#fff;text-shadow:0 3px 0 rgba(23,55,72,.18);font-size:clamp(24px,5vw,56px);font-weight:900;opacity:0;pointer-events:none;transition:opacity .2s,transform .35s cubic-bezier(.2,1.4,.3,1)}.toast.show{opacity:1;transform:translate(-50%) scale(1)}.loading{position:fixed;z-index:30;inset:0;display:grid;place-content:center;justify-items:center;background:var(--sky);transition:opacity .6s,visibility .6s}.loading.hidden{opacity:0;visibility:hidden}.loading span{color:var(--yellow);-webkit-text-stroke:2px var(--ink);font-size:64px;animation:loading-star 1.1s ease-in-out infinite}.loading p{margin-top:16px;font-size:11px}@keyframes loading-star{50%{transform:rotate(180deg) scale(.65)}}@media(max-width:700px){.hud{grid-template-columns:1fr auto;padding:14px 16px}.brand span{display:none}.score{grid-row:2;grid-column:1 / -1;justify-self:center;min-width:112px;padding:5px 14px}.score strong{font-size:20px}.hud-actions{grid-column:2;grid-row:1}.icon-button{width:38px;height:38px}.compass{top:46%;right:14px;width:46px;height:46px}.joystick{display:grid}.growth-meter{bottom:14px;grid-template-columns:1fr;gap:5px;width:calc(100% - 28px);text-align:center}.growth-meter>span{display:none}.modal h2{font-size:clamp(38px,13vw,60px)}.intro-copy{font-size:13px}.keys{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}