*{box-sizing:border-box} :root{font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;color:#173c35;background:#eef5f2;font-size:16px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:4px solid #eaa326;outline-offset:3px}button:disabled{cursor:default}header{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - 1400px)/2));gap:20px;border-bottom:1px solid #dce9e3}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand>span{font-size:40px;background:#125d4e;border-radius:18px;color:#fff;width:60px;text-align:center}.brand small{font-size:13px;color:#667e72;letter-spacing:2px}h1{font-size:25px;margin:0;letter-spacing:1px}nav{display:flex;gap:8px}nav button,.secondary{background:#f0f6f2;border:1px solid #d6e7dc;padding:10px 15px;border-radius:12px;color:#24574a;font-weight:700}main{max-width:1400px;margin:auto;padding:24px}.mission{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.tag{font-size:14px;display:inline-block;background:#d6eb9b;padding:5px 12px;border-radius:20px;color:#355219;font-weight:800}h2{font-size:26px;margin:9px 0}p{line-height:1.65;margin:6px 0;color:#587066}.meter{width:230px;flex-shrink:0;padding:15px 20px;background:white;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}.meter strong{font-size:27px}.meter span{font-size:14px}progress{width:100%;height:12px;grid-column:1/-1;accent-color:#239776}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.campus{overflow:hidden;border-radius:24px;background:#cfe6c8;box-shadow:0 8px 28px #173c3510;border:5px solid white}.scene{position:relative;aspect-ratio:3/2;overflow:hidden}.scene>img{width:100%;height:100%;object-fit:cover;display:block}.location{position:absolute;font-size:14px;background:#ffffffed;padding:5px 12px;border-radius:9px;box-shadow:0 3px 6px #2342;pointer-events:none}.school{top:16%;left:19%}.court{top:19%;right:14%}.lunch{top:43%;right:7%}.scene-note{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:7px 15px;border-radius:20px;background:#125d4eed;color:white;white-space:nowrap;font-size:14px;pointer-events:none}.object{position:absolute;width:62px;min-height:56px;transform:translate(-50%,-50%);border:2px solid #fff;background:#fffffff0;border-radius:17px;box-shadow:0 5px 0 #194e3630,0 6px 14px #1232;display:grid;place-items:center;padding:3px;transition:transform .15s}.object:hover{transform:translate(-50%,-55%) scale(1.1)}.object span{font-size:32px;line-height:1.2}.object small{font-size:12px;color:#234a39;font-weight:700}.object.selected{outline:4px solid #ffc436;background:#fff1ac}.collection{background:#fff;padding:12px 18px;display:flex;gap:14px;align-items:center;min-height:57px;font-size:14px}.collection>span{font-weight:800;flex-shrink:0}#collected{color:#74877d;font-size:16px}.workbench{border-radius:24px;background:#fff;padding:22px;display:flex;flex-direction:column;border:1px solid #dbe8df}.step{color:#548171;font-size:14px;font-weight:800;letter-spacing:1px}#held{text-align:center;margin:14px 0}#held h3{margin:8px 0;font-size:22px}.empty-icon,.item-icon{font-size:66px;line-height:1.3}.item-icon{display:inline-block;cursor:grab}#held p{font-size:15px}.message{margin-top:auto;background:#ecf5ef;border-radius:14px;padding:14px;font-size:16px;line-height:1.6;color:#2a5b45}.message.retry{background:#fff0d4;color:#785017}.message.good{background:#dff5d9;color:#286230}#actions{display:grid;gap:9px;margin-bottom:18px}.primary,.action{border:0;border-radius:13px;background:#146952;color:white;padding:13px 17px;font-weight:800}.action.done{background:#e5f1e9;color:#486b56}.station{background:#fff;border:1px solid #dbe8df;border-radius:24px;padding:22px;margin-top:22px}.station-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.station-head h2{font-size:22px}.station-head p{font-size:14px}.bins{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;margin-top:17px}.bin{border:2px solid var(--color);background:#fff;border-radius:15px;overflow:hidden;padding:0;color:#223b30;min-height:132px;transition:transform .15s,box-shadow .15s}.bin:hover,.bin.over{transform:translateY(-5px);box-shadow:0 7px 0 #1231}.bin .lid{background:var(--color);display:block;color:#fff;font-size:14px;padding:8px 2px;font-weight:800;min-height:40px}.bin .symbol{display:block;font-size:34px;margin:5px 0}.bin small{display:block;font-size:12px;margin-bottom:7px}.bin:disabled{opacity:.5}.bin.hint{box-shadow:0 0 0 4px #ffd66a}footer{text-align:center;color:#60796b;font-size:13px;padding:18px 0 0}dialog{border:0;border-radius:28px;padding:30px;max-width:900px;width:calc(100% - 32px);max-height:90dvh;color:#173c35;box-shadow:0 30px 100px #082d4566}dialog::backdrop{background:#082d4575;backdrop-filter:blur(5px)}.dialog-top{text-align:center}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.modes button{text-align:left;border:2px solid #d8e8dd;border-radius:20px;background:#f5faf6;padding:23px;color:inherit}.modes button:hover{border-color:#1d8567;background:#eaf5df}.modes span{display:block;font-size:42px}.modes strong{display:block;font-size:21px;margin:12px 0 8px}.modes small{font-size:14px}.modes p{font-size:15px}.dialog-note{text-align:center;font-size:15px}#guideList{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.guide-entry{padding:13px;border:1px solid #dbe8df;border-top:5px solid var(--color);border-radius:12px}.guide-entry strong{font-size:17px}.guide-entry p{font-size:14px}#finish{text-align:center;max-width:530px}.badge{font-size:80px}.achievement{background:#eaf3d3;padding:20px;border-radius:18px;line-height:1.9;margin:20px 0}.achievement strong{font-size:24px}#finish .primary{width:100%;margin-top:15px}body.finished .campus{box-shadow:0 0 0 4px #97d780}@media(max-width:1050px){.bins{grid-template-columns:repeat(5,1fr)}.play-layout{grid-template-columns:minmax(0,1fr) 270px}.object{width:52px}.object span{font-size:28px}.object small{font-size:12px}}@media(max-width:760px){header{padding:12px 16px;flex-wrap:wrap}.brand small{font-size:12px}h1{font-size:23px}nav{width:100%}nav button{flex:1;font-size:14px;padding:9px 4px}main{padding:15px}.mission{align-items:flex-start}.mission h2{font-size:22px}.mission p{font-size:14px}.meter{width:115px;padding:10px;grid-template-columns:1fr}.meter span{font-size:12px}.meter strong{font-size:22px}.play-layout{grid-template-columns:1fr;gap:14px}.workbench{padding:16px}.scene{min-height:320px}.scene>img{object-fit:fill}.location{font-size:12px}#held{margin:8px 0}#held h3{font-size:20px}.empty-icon,.item-icon{font-size:48px}.bins{grid-template-columns:repeat(3,1fr)}.station{padding:16px;margin-top:14px}.station-head{display:block}.bin{min-height:116px}.modes{grid-template-columns:1fr;gap:10px}.modes button{padding:15px}.modes span{float:left;margin-right:15px}.modes strong{margin-top:0}.modes p{margin-top:3px}dialog{padding:22px}#guideList{grid-template-columns:repeat(2,1fr)}.object{width:49px;min-height:49px}.object span{font-size:25px}.object small{font-size:12px}.scene-note{font-size:12px}.collection{padding:10px;gap:8px}.station-head p{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}