*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f7f7f3;font-family:"Microsoft YaHei",sans-serif;color:#384945}button,input,select{font:inherit}button{border:0;cursor:pointer;background:transparent;color:inherit;padding:10px 17px;white-space:nowrap;transition:background .2s,color .2s}button:hover{background:#dce5df}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #527d77;outline-offset:3px}button.active{background:#345b54;color:#fff}button[hidden]{display:none!important}#app{height:100dvh;position:relative}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}header{position:absolute;top:22px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none}header>*{pointer-events:auto}header nav{display:flex;background:#f7f9f3e8;padding:4px}#fullscreenBtn{font-size:26px;background:#f7f9f3e8;padding:2px 15px}.views{position:absolute;right:28px;top:88px;display:flex;gap:3px;background:#f7f9f3ed;padding:4px;font-size:13px}.controls{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:min(900px,calc(100% - 48px));padding:12px 18px 8px;background:#f7f9f3ee;backdrop-filter:blur(12px)}.control-row{display:flex;align-items:center;gap:12px}#playBtn{font-size:19px;padding:8px 12px;color:#fff;background:#345b54;min-width:45px}#restartBtn{font-size:25px;padding:0 7px}input[type=range]{accent-color:#477d70;height:24px;cursor:pointer;min-width:0}#progress{flex:1}#rain{width:95px}#rainToggle{font-size:13px;padding:5px 7px}select{border:0;background:transparent;padding:5px;color:inherit}#stageButtons{display:flex;justify-content:space-between;margin-top:6px;gap:3px}#stageButtons button{flex:1;font-size:13px;padding:8px 3px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#f7f7f3}body.cave{background:#14262e}body.cave header nav,body.cave .views,body.cave #fullscreenBtn,body.cave .controls{background:#192b31ed;color:#edf0e7}body.cave button:hover{background:#36515a}body.cave button.active,body.cave #playBtn{background:#b58c54;color:#fff}body.cave input[type=range]{accent-color:#c89c60}
@media(max-width:650px){header{top:12px;left:12px;right:12px}header button{font-size:14px;padding:9px 13px}.views{top:67px;right:12px;font-size:12px}.views button{padding:8px 10px}.controls{width:calc(100% - 20px);bottom:10px;padding:9px 8px}.control-row{gap:3px}#rain{width:46px}#stageButtons button{font-size:11px}#rainToggle{font-size:11px}#speed{max-width:53px}#playBtn{min-width:34px;padding:7px}#restartBtn{padding:0 5px}}
#workspace{height:100dvh;position:relative}#viewport{position:absolute;inset:0;touch-action:none}#viewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#viewport canvas:active{cursor:grabbing}#rockPanel{position:absolute;right:28px;top:140px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:10px;background:#f7f9f3f5;z-index:5}#rockPanel[hidden]{display:none}.cave #rockPanel{background:#192b31f5;color:#edf0e7}#loading{z-index:9}.views{z-index:4;max-width:calc(100% - 24px);flex-wrap:wrap}.views button{padding:9px 12px}@media(max-width:650px){.views{left:12px;right:12px;justify-content:center;top:68px}.views button{padding:8px 9px;font-size:12px}#rockPanel{right:12px;top:146px}#stageButtons button{font-size:10px}}
button:disabled{opacity:.4;cursor:default}button:disabled:hover{background:transparent}.controls button.active{color:#fff}
#caveSection{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none}#caveSection[hidden]{display:none}header,.controls{z-index:5}#caveRepresentation{position:absolute;top:88px;left:28px;display:flex;gap:3px;padding:4px;z-index:5;background:#192b31ed;color:#edf0e7;font-size:13px}#caveRepresentation[hidden]{display:none}.section-mode #viewport{visibility:hidden}.section-mode .views,.section-mode #rockPanel{display:none}.section-mode #caveRepresentation,.section-mode .controls,.section-mode header nav,.section-mode #fullscreenBtn{background:#f4f0e4ef;color:#3a514f}.section-mode button.active,.section-mode #playBtn{background:#496d69;color:white}.section-mode button:hover{background:#d8e1d8}.section-mode input[type=range]{accent-color:#628a82}.section-mode select{color:#3a514f}@media(max-width:650px){#caveRepresentation{left:12px;top:66px;font-size:12px}#caveRepresentation button{padding:8px 11px}.cave-mode:not(.section-mode) .views{top:68px}.cave-mode #rockPanel{top:146px}}
body.cave .section-mode .controls,body.cave .section-mode header nav,body.cave .section-mode #fullscreenBtn{background:#f4f0e4ef;color:#3a514f}body.cave .section-mode button.active,body.cave .section-mode #playBtn{background:#496d69;color:white}body.cave .section-mode button:hover{background:#d8e1d8}body.cave .section-mode input[type=range]{accent-color:#628a82}