.game-shell{display:grid;grid-template-columns:260px 1fr 280px;gap:14px;padding:18px;min-height:calc(100vh - 72px)}.panel{background:rgba(12,24,38,.95);border:1px solid #24384e;border-radius:18px;padding:16px;overflow:auto}.level-line .bar{height:12px;background:#06111d;border-radius:20px;overflow:hidden}.level-line i{display:block;height:100%;background:linear-gradient(90deg,#34d074,#ffd13b)}.project-list{display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow:auto}.project{display:grid;grid-template-columns:34px 1fr;gap:8px;text-align:left;background:#142338;color:white;border:1px solid #293b53;border-radius:12px;padding:10px;cursor:pointer}.project:disabled{opacity:.45}.project.active{border-color:#ffc21c;box-shadow:0 0 0 2px rgba(255,194,28,.2)}.project span{font-size:24px}.project small{display:block;color:#a7b4c8}.stage-wrap{min-width:0}.resource-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.res{background:#101c2b;border:1px solid #26384f;border-radius:12px;padding:9px}.res span{display:block;color:#aab6c8;text-transform:capitalize;font-size:12px}.res b{font-size:17px}.campus-stage{height:620px;border:1px solid #35516b;border-radius:20px;overflow:hidden;position:relative;background:#a8dd70;box-shadow:0 18px 60px rgba(0,0,0,.35)}.sky{position:absolute;inset:0 0 45% 0;background:linear-gradient(#bfeeff,#d9f4ff)}.sun{position:absolute;right:10%;top:55px;width:70px;height:70px;background:#ffd84b;border-radius:50%}.cloud{position:absolute;width:110px;height:28px;background:rgba(255,255,255,.7);border-radius:30px}.c1{left:13%;top:60px}.c2{left:60%;top:110px}.mountains{position:absolute;left:8%;right:18%;top:130px;height:120px;background:linear-gradient(135deg,transparent 14%,#8ea9bf 15% 45%,transparent 46%),linear-gradient(45deg,transparent 30%,#66859e 31% 58%,transparent 59%);opacity:.55}.distant-city{position:absolute;left:18%;right:5%;top:250px;height:78px;background:repeating-linear-gradient(90deg,rgba(70,95,110,.35) 0 22px,transparent 22px 38px)}.ground{position:absolute;inset:43% 0 70px 0;background:linear-gradient(#bade84,#7dbb58)}.road{position:absolute;left:0;right:0;bottom:62px;height:48px;background:#273442;border-top:6px solid #f1c84c;border-bottom:6px solid #f1c84c}.road:after{content:'';position:absolute;left:0;right:0;top:18px;border-top:3px dashed rgba(255,255,255,.6)}.slot{position:absolute;width:122px;height:86px;border-radius:14px;display:grid;place-items:center;text-align:center;cursor:pointer;transition:.2s}.slot.empty{border:2px dashed rgba(255,255,255,.55);background:rgba(255,255,255,.16)}.slot.empty:hover{background:rgba(255,210,60,.35);transform:translateY(-2px)}.slot.filled{background:rgba(255,255,255,.18)}.slot.selected{outline:4px solid #ffc21c}.slot strong{font-size:34px}.slot em{position:absolute;left:50%;top:-24px;transform:translateX(-50%);font-style:normal;background:#091425;color:#fff;border-radius:9px;padding:4px 8px;font-size:11px;white-space:nowrap}.bldg span{font-size:48px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.3))}.bldg.phase-0 span{font-size:40px}.bldg.building{animation:pulse 1s infinite alternate}.bldg i{display:block;height:6px;background:#ffc21c;border-radius:10px;margin-top:4px}.s1{left:12%;top:48%}.s2{left:31%;top:45%}.s3{left:50%;top:43%}.s4{left:70%;top:47%}.s5{left:20%;top:62%}.s6{left:40%;top:62%}.s7{left:61%;top:62%}.s8{left:78%;top:62%}.s9{left:10%;top:28%}.s10{left:32%;top:28%}.s11{left:58%;top:28%}.s12{left:76%;top:28%}.people{position:absolute;bottom:118px;left:12%;font-size:28px;letter-spacing:18px;animation:walk 8s linear infinite}.stage-help{position:absolute;left:18px;top:18px;background:#102033;color:white;padding:14px;border-radius:12px;font-weight:800}.action-bar{display:flex;align-items:center;gap:18px;background:#0c1d25;border-radius:18px;margin:10px 16px 0;padding:14px 18px;position:relative;bottom:100px}.selected-box,.hkc-box{background:#142338;border-radius:14px;padding:14px;margin-bottom:14px}.selected-box ul{margin:8px 0;padding-left:18px}.mini-bar{height:9px;background:#06111d;border-radius:20px;overflow:hidden;margin:10px 0}.mini-bar i{display:block;height:100%;background:#35d075}.hkc-box{background:#ffc21c;color:#08111b}.hkc-box button,.hkc-box a{display:block;width:100%;margin-top:10px;background:#07111e;color:#fff;border:0;border-radius:10px;padding:13px;text-align:center;font-weight:900}.hkc-box textarea{min-height:80px;margin-top:10px}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#07111d;color:#fff;padding:14px 18px;border-radius:12px;z-index:99;box-shadow:0 10px 40px rgba(0,0,0,.45)}@keyframes pulse{to{transform:translateY(-4px)}}@keyframes walk{to{left:55%}}
@media(max-width:1000px){.game-shell{grid-template-columns:1fr;padding:10px}.panel{max-height:none}.left-panel{order:2}.right-panel{order:3}.campus-stage{height:520px}.resource-row{grid-template-columns:repeat(2,1fr)}.slot{width:86px;height:64px}.bldg span{font-size:34px}.s1{left:8%;top:48%}.s2{left:34%;top:46%}.s3{left:60%;top:45%}.s4{left:70%;top:58%}.s5{left:20%;top:61%}.s6{left:45%;top:61%}.s7{left:58%;top:34%}.s8{left:76%;top:36%}.s9{left:5%;top:30%}.s10{left:28%;top:29%}.s11{left:52%;top:29%}.s12{left:75%;top:29%}.people{font-size:20px;letter-spacing:6px;bottom:112px}.action-bar{bottom:90px;flex-wrap:wrap}.project-list{max-height:260px;display:grid;grid-template-columns:repeat(2,1fr)}}