@charset "UTF-8";
:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#173f2d;background:#fff;font-synthesis:none;--blue:#1565ff;--ink:#173f2d;--brand-green:#55b927;--brand-forest:#13663d;--brand-orange:#f59a22}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:#fff;overscroll-behavior:none}button{font:inherit;cursor:pointer;color:inherit;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:4px solid #ff8a00;outline-offset:4px}[hidden]{display:none!important}
.game-shelf{height:100%;width:100%;padding:clamp(14px,2.1vw,38px);display:flex;align-items:stretch;justify-content:center;gap:10px;background:#fff}
.shelf-grid{flex:1;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(12px,1.7vw,28px)}
.shelf-card{min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:clamp(10px,1.2vw,22px);border:1px solid #e0e9df;border-radius:clamp(18px,2vw,32px);background:#fff;box-shadow:inset 0 2px 0 #fff,0 2px 3px #163e2605,0 8px 20px #163e260b;overflow:hidden;transition:transform .14s,box-shadow .14s,border-color .14s}
.shelf-card:before{content:"";position:absolute;inset:3px;border:1px solid #fff;border-radius:inherit;pointer-events:none}.shelf-card:hover{transform:translateY(-3px);border-color:#b4d6a4;box-shadow:inset 0 2px 0 #fff,0 3px 5px #163e2608,0 13px 28px #163e2614}.shelf-card:active{transform:scale(.97);box-shadow:inset 0 2px 6px #163e260b,0 2px 6px #163e2608}
.shelf-art{display:grid;place-items:center;width:100%;max-width:310px;flex:1;min-height:0;max-height:78%;position:relative}.shelf-art>img{display:block;width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.shelf-fallback{display:grid;place-items:center;width:100%;height:100%;min-height:0}.shelf-fallback svg{display:block;width:100%;height:100%;max-height:100%;overflow:visible;filter:drop-shadow(0 4px 3px #173f2d12)}.shelf-card strong{flex:none;font-size:clamp(16px,1.85vw,29px);font-weight:800;letter-spacing:.6px;margin-top:clamp(6px,1vh,13px);line-height:1.25;color:#173f2d;text-shadow:0 1px 0 #fff}
.shelf-arrow{align-self:center;flex:none;width:46px;height:100px;border:0;border-radius:22px;color:#1565ff;background:#fff;font-size:40px;font-weight:900}.shelf-arrow:disabled{opacity:.2;cursor:default}.shelf-arrow:hover:not(:disabled){background:#f2f6ff}
.game-view,.game-stage{position:fixed;inset:0;width:100%;height:100%;height:100dvh;background:#fff;overflow:hidden}.game-stage{touch-action:none;isolation:isolate}.game-exit{position:fixed;right:max(16px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));width:62px;height:62px;z-index:100;border:1px solid #dce7da;background:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 2px 0 #fff,0 3px 6px #163e2608,0 8px 21px #163e2612}.game-exit svg{width:25px;height:25px;stroke:#13663d;stroke-width:2.8;stroke-linecap:round}.game-exit:hover{border-color:#8fc975;box-shadow:inset 0 2px 0 #fff,0 5px 17px #13663d20}.game-exit:active{transform:scale(.94)}
.game-hint{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);background:#173064e8;color:white;padding:11px 24px;border-radius:24px;font-size:clamp(15px,1.5vw,22px);max-width:85vw;text-align:center;pointer-events:none;z-index:90;animation:hint-in .2s ease-out}
.round-feedback{position:fixed;inset:0;display:grid;place-items:center;background:#ffffffb8;backdrop-filter:blur(6px);pointer-events:none;z-index:110}.round-feedback>span{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;color:#13663d;font-size:clamp(25px,3.6vw,56px);font-weight:800;background:#fff;padding:22px 45px 30px;border:1px solid #dce9d6;border-radius:34px;box-shadow:inset 0 2px 0 #fff,0 3px 6px #173f2d08,0 18px 60px #173f2d1a;max-width:90vw;text-align:center}.round-feedback>span:before,.round-feedback>span:after{content:"✦";position:absolute;color:#f59a22;font-size:28px;top:24%;left:15%;text-shadow:0 2px 0 #fff}.round-feedback>span:after{font-size:20px;top:40%;left:auto;right:12%;color:#55b927}.feedback-mascot{display:block;object-fit:contain;width:clamp(100px,20vh,180px);height:clamp(100px,20vh,180px);filter:drop-shadow(0 7px 6px #173f2d12)}.feedback-label{position:relative;z-index:1}.round-feedback.retry>span{border-color:#f5cf9a;color:#a55911}
.confetti-layer{position:fixed;inset:0;z-index:120;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-25px;width:12px;height:18px;border-radius:3px;animation:confetti-drop 1.5s ease-in forwards}
.game-stage.legacy{padding:clamp(26px,4vh,52px) clamp(16px,4vw,70px);overflow:hidden;display:flex;align-items:center;justify-content:center}
.legacy>.cog-game,.legacy>.space-wrap{width:100%;height:100%;min-height:0;overflow:auto;scrollbar-width:thin}
.legacy .cog-note,.legacy .cog-caption,.legacy .cog-status,.legacy .cog-help,.legacy .space-note{display:none!important}
.legacy-maze .space-arrows,.legacy-ball .space-tools{display:none!important}
.legacy .cog-card,.legacy .cog-bin{touch-action:manipulation}.legacy .cog-grid{max-width:min(1100px,82vw)}
.legacy .space-maze{width:min(86vw,1000px);max-height:90%;min-height:0}.legacy .space-roadboard{width:min(88vw,1100px);min-height:0;max-height:80%}.legacy .space-puzzle-layout{max-width:min(1200px,90vw);min-height:0}.legacy .space-golf{width:min(70vh,65vw);max-width:800px}
.legacy .cog-seek-map{min-height:0;max-height:80vh}.legacy .cog-scenes{max-width:min(1550px,95vw)}
@keyframes hint-in{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes confetti-drop{to{transform:translateY(110vh) rotate(650deg);opacity:.25}}
@media(max-width:700px) and (orientation:portrait){.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:12px}.game-shelf{padding:12px}.shelf-card{padding:8px;border-radius:18px}.shelf-card strong{font-size:14px;letter-spacing:0}.game-exit{width:49px;height:49px;right:10px;top:10px;border-width:1px}.game-exit svg{width:22px;height:22px}.game-hint{font-size:13px;bottom:12px;padding:10px 15px}.game-stage.legacy{padding:65px 10px 15px}.legacy .space-golf{width:85vw}.round-feedback>span{padding:18px 28px 24px}}
@media(max-height:500px) and (orientation:landscape){.game-shelf{padding:10px}.shelf-grid{gap:9px}.shelf-card{padding:5px;border-radius:15px;border-width:1px}.shelf-card strong{font-size:13px;margin-top:3px}.game-exit{width:44px;height:44px;right:9px;top:8px;border-width:1px}.game-exit svg{width:20px;height:20px}.game-hint{font-size:12px;bottom:8px;padding:8px 16px}.game-stage.legacy{padding:18px 24px}.feedback-mascot{width:90px;height:90px}.round-feedback>span{padding:10px 35px 18px;gap:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}