.merge-robo-page-shell{background:radial-gradient(circle at 50% 39%, #508b7f21, transparent 31rem), var(--paper)}.robo-brand-mark{flex:0 0 44px;width:44px;height:36px;display:block;position:relative}.robo-brand-mark i{border:3px solid var(--green);background:#eef27c;border-radius:8px;width:28px;height:24px;position:absolute;top:6px;left:8px}.robo-brand-mark i:before,.robo-brand-mark i:after{background:var(--green);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:7px}.robo-brand-mark i:before{left:4px}.robo-brand-mark i:after{right:4px}.robo-brand-mark b{background:var(--red);width:3px;height:8px;position:absolute;top:1px;left:20px}.robo-brand-mark b:before{background:var(--red);content:"";border-radius:50%;width:9px;height:5px;position:absolute;top:-3px;left:-3px}.hero{padding:18px 20px 14px}.hero h1{font-size:clamp(28px,3.2vw,38px)}.merge-robo-game{width:min(606px,100% - 24px);margin:0 auto}.robo-stats{grid-template-columns:repeat(2,1fr);gap:7px;width:420px;margin-bottom:7px;display:grid}.robo-stats>div{text-align:center;background:#ffffff61;border:1px solid #172a271c;border-radius:10px;justify-content:center;align-items:baseline;gap:11px;min-height:44px;padding:7px 12px;display:flex}.robo-stats span{color:var(--red);letter-spacing:.16em;font-size:7px;font-weight:800}.robo-stats strong{font-variant-numeric:tabular-nums;font-size:18px}.robo-status{width:420px;min-height:21px;color:var(--muted);text-align:center;margin:0 0 7px;font:600 10px Noto Sans JP,sans-serif}.robo-status[data-warning=true]{color:#a73e32;font-weight:800}.robo-layout{grid-template-columns:420px 170px;align-items:start;gap:16px;display:grid}.robo-canvas-frame{touch-action:none;background:#102f2c;border:7px solid #355d56;border-top-width:4px;border-radius:12px 12px 22px 22px;width:420px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff24,0 18px 42px #1e36302e}#roboCanvas{touch-action:none;background:#e7eadf;outline:none;width:100%;height:auto;display:block}#roboCanvas:focus-visible{box-shadow:inset 0 0 0 4px #eef27c}.robo-canvas-frame.warning{animation:.65s ease-in-out infinite alternate robo-warning}@keyframes robo-warning{to{box-shadow:inset 0 0 0 2px #ffffff24,0 0 0 3px #d95e4870,0 18px 42px #1e36302e}}.robo-canvas-frame.merge-flash{animation:.28s ease-out robo-merge}@keyframes robo-merge{45%{filter:brightness(1.12);transform:scale(1.006)}}.robo-canvas-frame.mega-clear{animation:.72s cubic-bezier(.2,.8,.2,1) mega-clear}@keyframes mega-clear{20%{filter:brightness(1.35)saturate(1.25);transform:scale(1.012)}48%{transform:scale(.994);box-shadow:inset 0 0 0 5px #eef27cb3,0 0 32px #d95e487a,0 18px 42px #1e36302e}}.game-start-overlay,.pause-overlay{z-index:8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c2b26d1;place-content:center;justify-items:center;gap:13px;display:grid;position:absolute;inset:0}.game-start-overlay[hidden],.pause-overlay[hidden]{display:none}.game-start-overlay button,.pause-overlay button{color:#173c35;cursor:pointer;background:#fffaf0;border:2px solid #fffaf0;border-radius:99px;min-width:150px;padding:13px 22px;font:800 13px Noto Sans JP,sans-serif}.game-start-overlay button{color:#173c35;background:#eef27c}.pause-overlay strong{color:#fffaf0;font:800 17px Noto Sans JP,sans-serif}.pause-overlay .resume-restart{color:#fffaf0;background:0 0;border-color:#ffffff73}.robo-side{gap:8px;display:grid}.part-chain,.robo-key-guide{background:#ffffff59;border:1px solid #172a271f;border-radius:12px}.side-next-stat{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fffaf07a;border:1px solid #172a2714;border-radius:9px;place-items:center;width:52px;height:50px;padding:4px;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 3px 9px #172a2712}.side-next-stat>span{color:#d95e48d1;letter-spacing:.12em;align-self:end;font-size:5px;font-weight:800;line-height:1}.side-next-stat canvas{opacity:.8;align-self:start;width:31px;height:31px;margin-top:-1px}.side-next-stat strong{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.part-chain{padding:8px}.part-chain ol{grid-template-columns:repeat(4,1fr);gap:7px 4px;margin:0;padding:0;list-style:none;display:grid}.part-chain li{place-items:center;min-width:0;height:34px;display:grid}.part-chain img{object-fit:contain;filter:drop-shadow(0 2px 2px #172a272e);width:32px;height:32px}.robo-key-guide{gap:0;padding:4px 9px;display:grid}.robo-key-guide>div{border-bottom:1px solid #172a2712;grid-template-columns:76px 1fr;align-items:center;min-height:31px;display:grid}.robo-key-guide>div:last-child{border-bottom:0}.robo-key-guide span{align-items:center;gap:4px;display:flex}.robo-key-guide kbd{min-width:27px;height:22px;color:var(--green);text-align:center;background:#fffaf0;border:1px solid #172a2729;border-radius:6px;place-items:center;padding:0 5px;font:800 8px DM Sans,sans-serif;display:grid;box-shadow:0 2px #172a271f}.robo-key-guide b{justify-self:end;font:700 8px Noto Sans JP,sans-serif}.pause-button{color:#fffaf0;background:var(--green);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:42px;padding:0 10px;font:700 10px Noto Sans JP,sans-serif;display:inline-flex;box-shadow:0 3px #172a2724}.pause-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.pause-button .play-icon,.pause-button.paused .pause-icon{display:none}.pause-button.paused .play-icon{display:block}.pause-button.paused{color:var(--ink);background:#eef27c}.pause-button:disabled{color:#172a2778;box-shadow:none;cursor:default;background:#ffffff75}.touch-hint{width:420px;color:var(--muted);text-align:center;margin:8px 0 18px;font:500 9px Noto Sans JP,sans-serif}.result-robot-image{object-fit:contain;filter:drop-shadow(0 7px 8px #172a2733);width:92px;height:112px;margin:0 auto 8px;display:block}.guide-robo-mark{width:62px;height:54px;position:relative}.guide-robo-mark i{border:4px solid var(--green);background:#eef27c;border-radius:12px;position:absolute;inset:12px 4px 2px}.guide-robo-mark i:before,.guide-robo-mark i:after{background:var(--green);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:12px}.guide-robo-mark i:before{left:9px}.guide-robo-mark i:after{right:9px}.guide-robo-mark b{background:var(--red);width:4px;height:13px;position:absolute;top:2px;left:30px}.guide-merge-example{justify-content:center;align-items:center;gap:14px;margin:20px 0;display:flex}.guide-merge-example img{object-fit:contain;filter:drop-shadow(0 5px 6px #172a2733);width:58px;height:58px}.guide-merge-example img:last-child{width:72px;height:64px}.guide-merge-example b{color:var(--red)}@media (width<=700px){.merge-robo-game{width:min(420px,100% - 24px)}.robo-layout{grid-template-columns:1fr}.robo-canvas-frame,.robo-stats,.robo-status,.touch-hint{width:100%}.robo-side{width:100%;margin:0 auto}.part-chain ol{grid-template-columns:repeat(6,1fr)}.robo-key-guide{display:none}}@media (width<=430px){.merge-robo-game{width:100%}.robo-canvas-frame{border-width:4px;width:calc(100vw - 16px);margin:0 auto}.robo-stats,.robo-status,.robo-side{width:calc(100% - 16px);margin-left:auto;margin-right:auto}.hero{padding-bottom:9px}.touch-hint{width:auto;padding:0 16px}.guide-merge-example{gap:8px}.guide-merge-example img{width:46px;height:46px}.guide-merge-example img:last-child{width:58px;height:52px}}