:root{font-family:Yu Gothic,Meiryo,sans-serif;color:#18343d;background:#172b35;font-synthesis:none;font-weight:700;--cream:#f5efdb;--yellow:#efc557;--teal:#235668}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:4px}[hidden]{display:none!important}.toolbar{height:78px;padding:0 32px;display:flex;justify-content:space-between;align-items:center;background:#172b35;color:var(--cream);border-bottom:3px solid #d3ad4e;gap:20px}.brand{font-size:23px;letter-spacing:1px;color:inherit;text-decoration:none;line-height:1.25;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2.4px;color:#a5b9bc;margin:5px 0 0 25px}.brand-mark{display:inline-block;color:#e5bc58;font-size:17px;margin-right:8px}.tools{display:flex;align-items:center;gap:12px}.tool{color:#e9e8dc;background:#263f4a;border:1px solid #516a74;border-radius:5px;padding:10px 14px;font-size:12px}.tool:hover{background:#365767}.volume{font-size:11px;display:flex;align-items:center;gap:8px;color:#c6d4d4}.volume input{width:72px;accent-color:var(--yellow)}#stage{position:relative;height:calc(100dvh - 116px);min-height:520px;overflow:hidden;background:#70878e}#factory{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(16,36,44,.55),transparent 24%,transparent 70%,rgba(15,36,42,.23))}.hud{position:absolute;top:26px;right:28px;display:flex;align-items:center;gap:24px;color:#fff;text-shadow:0 2px 5px #263e45;pointer-events:none}.hud>#mode{align-self:flex-start;margin-top:4px;background:#f2c65a;color:#263a40;font-size:13px;text-shadow:none;border-radius:4px;padding:7px 11px}.score-block,.best-block{display:flex;flex-direction:column;align-items:flex-end}.hud small{font-size:11px;letter-spacing:1px}.hud strong{font-size:64px;line-height:1.1;font-variant-numeric:tabular-nums}.hud b{font-size:28px}.best-block{border-left:1px solid #c0d3d077;padding-left:22px}.round-info{position:absolute;left:28px;top:28px;font-size:11px;letter-spacing:1.2px;display:flex;align-items:center;gap:14px;background:#172d36db;color:#dee8e6;padding:10px 14px;border:1px solid #8faaa477;border-radius:3px;pointer-events:none}.live-dot{width:7px;height:7px;border-radius:50%;background:#bbd46d}.bottom-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);color:#fff;white-space:nowrap;font-size:14px;background:#172d36bf;padding:11px 23px;border:1px solid #d7e2da55;border-radius:5px;pointer-events:none}.panel{position:absolute;left:4.3%;top:50%;transform:translateY(-47%);width:360px;padding:30px 30px 24px;background:#f8f3e6ed;border:1px solid #fff7dd;border-top:5px solid #efc557;box-shadow:0 18px 65px #142e3f4d;border-radius:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow{font-size:9px;color:#547077;letter-spacing:2px;margin-bottom:13px}h1{font-size:37px;letter-spacing:1px;line-height:1.3;margin:0 0 17px;font-weight:900}h1 span{display:block;color:#936036}.panel p{line-height:1.85;font-size:13px;margin:0 0 22px;color:#405760}.difficulty{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}.difficulty button{border:1px solid #b2c0b7;border-radius:4px;background:#ebeadd;padding:13px 5px;color:#4a6267}.difficulty button.selected{border:2px solid #235668;background:#235668;color:#fff;padding:12px 4px}.difficulty strong{font-size:18px;display:block}.difficulty small{font-size:9px;display:block;margin-top:4px;font-weight:400}.primary{width:100%;background:#efc557;color:#263a40;border:1px solid #d8ad3e;border-bottom:4px solid #b38b2e;border-radius:5px;min-height:58px;padding:12px 17px;font-size:21px;font-weight:900;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#f8d577}.primary:active{transform:translateY(2px);border-bottom-width:2px}.primary span{font-size:26px}.secondary{margin-top:13px;min-height:42px;width:100%;border:1px solid #a3b5b4;color:#35545d;background:transparent;border-radius:4px;font-size:13px}.panel .panel-note{font-size:10px;margin:18px 0 0;color:#78857c;line-height:1.8}.burst{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center;background:radial-gradient(ellipse,rgba(255,181,51,.25),transparent 62%)}.burst span{font-size:clamp(42px,7vw,100px);font-weight:900;color:#ffdc70;-webkit-text-stroke:2px #64341f;transform:rotate(-8deg);text-shadow:5px 6px #4d291d;animation:burst .85s ease-out both}@keyframes burst{0%{opacity:0;transform:scale(.2) rotate(-14deg)}15%{opacity:1;transform:scale(1.2) rotate(-6deg)}65%{opacity:1}to{opacity:0;transform:scale(1.3) rotate(-8deg)}}.error{position:absolute;inset:15%;background:var(--cream);padding:35px;display:flex;flex-direction:column;justify-content:center;gap:15px;z-index:10}.error p{line-height:1.8;font-weight:400}.error .primary{max-width:320px}.comparison{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:min(470px,43vw);background:#f8f3e6f5;border:1px solid #fff7dd;border-top:5px solid #efc557;border-radius:4px;padding:20px;box-shadow:0 18px 65px #142e3f4d}.comparison h2{font-size:21px;margin:0 0 16px}.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison figure{margin:0;background:#f5efdb;border:1px solid #d7d9c7;border-radius:5px;overflow:hidden}.comparison figcaption{text-align:center;font-size:12px;padding:10px 4px;background:#e1e8dc}.comparison figure:last-child figcaption{background:#f0d4bd}.comparison canvas{height:auto;aspect-ratio:4/3;width:100%}.comparison p{font-size:13px;margin:15px 0 0;line-height:1.7}#reroll{background:#e6ebdf;font-size:15px}.panel{max-height:calc(100% - 30px);overflow-y:auto}footer{height:38px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#9eb2b5;background:#172b35}footer i{color:#d0aa54;margin:0 8px;font-style:normal}@media(max-width:1050px){.toolbar{padding:0 18px;gap:10px}.tools{gap:7px}.tool{padding:9px;font-size:11px}.volume input{width:45px}.panel{left:3%;width:310px;padding:25px}h1{font-size:31px}.hud{gap:14px;right:18px}.best-block{padding-left:14px}.hud strong{font-size:49px}}@media(max-height:730px){.toolbar{height:64px}#stage{height:calc(100dvh - 98px);min-height:0}footer{height:34px}.panel{padding:20px 25px}.panel p{margin-bottom:15px}.panel .panel-note{margin-top:12px}h1{font-size:31px;margin-bottom:12px}.eyebrow{margin-bottom:9px}}@media(max-height:620px){.panel{padding:16px 23px;transform:translateY(-50%)}h1{font-size:28px;margin-bottom:10px}.panel p{font-size:12px;margin-bottom:12px}.difficulty{margin-bottom:12px}.difficulty button{padding:9px 4px}.difficulty button.selected{padding:8px 3px}.primary{min-height:50px;font-size:19px}.panel .panel-note{font-size:9px;margin-top:11px}.eyebrow{font-size:8px}.bottom-hint{bottom:12px}}@media(max-width:760px){.brand{font-size:18px}.brand small,.volume{display:none}.toolbar{height:64px;padding:0 10px}.tools{gap:5px}.tool{font-size:9px;padding:8px 5px}#stage{height:calc(100dvh - 98px)}.panel{width:280px;padding:22px;left:16px}.round-info{left:16px;top:16px;font-size:9px}.hud{top:62px}.hud strong{font-size:38px}.hud small{font-size:9px}.hud b{font-size:21px}.best-block{display:none}footer{padding:0 14px}footer>span:last-child{display:none}.bottom-hint{font-size:11px;padding:10px}}