:root{color-scheme:dark}*{box-sizing:border-box}html,body{padding:0;margin:0;background:#080c0d;color:#e6f0ed;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans TC',sans-serif}#app{min-height:100svh;display:flex;flex-direction:column}#stage{height:min(74svh,880px);min-height:350px;position:relative;overflow:hidden;background:#080c0d;touch-action:manipulation}#camera{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#renderLayer{width:810px;height:680px;position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none;visibility:hidden;backface-visibility:hidden;will-change:transform}#slimeGL,#slimeFallback{display:block;position:absolute;left:0;top:0;width:810px;height:680px;max-width:none;image-rendering:auto}#top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:calc(env(safe-area-inset-top) + 12px) 13px 10px;background:linear-gradient(#010608a8,transparent)}.brand{font-size:12px;letter-spacing:.17em;font-weight:680;text-shadow:0 1px 5px #000}.brand small{display:block;font-weight:400;letter-spacing:.04em;font-size:10px;margin-top:5px;color:#c5d6d0}.badge{font-size:10px;letter-spacing:.04em;background:#0b1d20db;border:1px solid #476564;border-radius:9px;padding:8px 9px;white-space:nowrap}.tip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:85%;max-width:340px;text-align:center;font-size:13px;line-height:1.5;padding:16px;background:#061115c9;border:1px solid #8aadaa55;border-radius:9px;pointer-events:none}.tip[hidden]{display:none}#bottomStat{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:end;gap:10px;padding:12px 13px;background:linear-gradient(transparent,#030a0cee);font-size:11px;text-shadow:0 1px 5px #000}#details{text-align:right;color:#bbd0c8;max-width:55%}nav{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:10px 10px 5px}button{background:#d8e9e2;color:#0d2020;border:0;border-radius:9px;min-height:46px;font-size:13px;font-weight:680;padding:9px}button:disabled{opacity:.3}#stop,#reset{background:#203235;color:#d7e5e2}#tuning{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 14px}label{font-size:12px;display:flex;align-items:center;gap:10px}input[type=range]{max-width:120px}output{min-width:32px}#info{margin:6px 14px 24px;color:#97ada6;font-size:11px;line-height:1.65}summary{cursor:pointer}#diagnostics{margin-top:10px;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}