:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);color-scheme:light}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f3eadb;color:#203744;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}#app{width:100%;height:100dvh}canvas{display:block;touch-action:none}button,select,input{font:inherit}button,select{min-height:44px;min-width:44px;padding:8px 14px;border:1px solid #bda16a;border-radius:7px;background:#fff9ee;color:#203744;font-size:14px;cursor:pointer}button{background:linear-gradient(#527e7c,#234652);color:#fff2d4;font-weight:700;text-shadow:0 1px 2px #10232b;box-shadow:inset 0 1px #e3d0a1,inset 0 -3px #142e36,0 3px 4px #20374445;transition:filter .12s,transform .12s}button:hover{filter:brightness(1.12)}button:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #10232b80}button:disabled{opacity:.5;cursor:default;box-shadow:none}:focus-visible{outline:3px solid #2a6f87;outline-offset:3px}.run-menu{position:fixed;top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 12px);z-index:10;font:14px/1.5 Microsoft YaHei,sans-serif;color:#203744}.run-menu>button{background:linear-gradient(#496a6b,#1a3946);color:#fff2d4;border-color:#d0b57c}.run-menu section{width:min(350px,calc(100vw - 54px));max-height:calc(100dvh - 110px);overflow:auto;background:#f3eadb;border:1px solid #b78a4f;border-radius:10px;padding:14px;margin-top:8px;box-shadow:0 12px 36px #20374440}.run-menu section button{margin:3px}.run-menu label{display:flex;align-items:center;min-height:44px;gap:10px;margin:4px 0}.run-menu input[type=range]{min-width:100px;max-width:210px;accent-color:#367f75}.run-menu input[type=checkbox]{width:20px;height:20px;accent-color:#367f75}.run-menu p{white-space:pre-wrap;margin:0 0 12px;padding:10px;background:#e2e8db;border-radius:5px}.run-menu details{margin:10px 0;border-block:1px solid #c7b89d;padding:8px 0}.run-menu summary{min-height:32px;cursor:pointer;font-weight:700}.detail-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;border:2px solid #b78a4f;border-radius:12px;padding:22px;background:#fff9ee;color:#203744;font-size:15px;line-height:1.7;box-shadow:0 14px 50px #20374450}.detail-dialog::backdrop{background:#20374495;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.detail-dialog h2{font-size:24px;margin:0 0 14px;line-height:1.4;color:#203744}.detail-dialog p{white-space:pre-wrap;overflow-wrap:anywhere}.dialog-body{padding:12px 0;border-top:1px solid #c7b89d}.dialog-portrait{float:right;width:43%;max-width:210px;height:auto;margin:0 0 14px 18px;border:2px solid #b78a4f;border-radius:8px;box-shadow:0 5px 12px #20374445}.dialog-card-art{width:min(280px,100%);margin:0 auto 18px;padding:12px;box-sizing:border-box;background:linear-gradient(#fff3da,#d8bf97);border:3px solid #b38a50;border-radius:12px;box-shadow:inset 0 0 0 2px #fff4d7,0 8px 20px #20374445}.dialog-card-image{display:block;width:100%;height:auto;border:1px solid #7e6043;border-radius:4px;box-sizing:border-box}.dialog-card-art figcaption{padding-top:10px;text-align:center;color:#694530;font-size:18px;font-weight:700}.dialog-status{color:#aa3f35;padding:8px 12px;background:#f0d3c7;border-radius:5px}.dialog-actions{clear:both;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.dialog-actions button{flex:1 1 auto}.dialog-primary{background:linear-gradient(#da7655,#9b3e30);color:#fff2d4;border-color:#d0a56c}.dialog-close{background:linear-gradient(#e9ddc4,#c5b394);color:#263e47;text-shadow:0 1px 0 #fff5dc}.detail-dialog label{display:inline-flex;align-items:center;min-height:44px;gap:8px;margin-right:10px}@media(prefers-reduced-motion:reduce){button{transition:none}}