:root{--bg:#12171f;--panel:#141a22f0;--panel-solid:#161c25;--line:#ffffff1f;--text:#eef2f6;--muted:#9aa6b4;--accent:#5aa9e6;--good:#58c98a;--bad:#e8735f;--warn:#e3b341;--touch:46px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:15px;overflow:hidden}#app{position:fixed;inset:0}canvas#scene{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.btn{min-height:var(--touch);min-width:var(--touch);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;display:inline-flex}.btn:active{background:#ffffff24}.btn[disabled]{opacity:.38;filter:grayscale(.7);cursor:default}.btn.primary{background:var(--accent);color:#08131d;border-color:#0000;font-weight:700}.btn.danger{background:#e8735f2e;border-color:#e8735f80}.btn.active{border-color:var(--accent);background:#5aa9e642}.row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;display:flex}.row-label{color:var(--muted);font-size:13px}.row-value{font-variant-numeric:tabular-nums;font-weight:600}.row-value.good{color:var(--good)}.row-value.bad{color:var(--bad)}.gauge{margin:10px 0}.gauge-head{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:13px;display:flex}.gauge-caption{font-variant-numeric:tabular-nums}.gauge-track{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.gauge-fill{background:var(--accent);border-radius:4px;height:100%}.panel-section{margin-bottom:20px}.panel-title{letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:700}.note{color:var(--muted);margin:6px 0;font-size:12px;line-height:1.6}.topbar{padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 10px) 8px calc(var(--safe-left) + 10px);pointer-events:none;background:linear-gradient(#0a0e14e6,#0a0e1400);flex-direction:column;gap:4px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.stat-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stat{border:1px solid var(--line);background:#10161eb8;border-radius:10px;flex-direction:column;min-width:74px;padding:4px 10px;display:flex}.stat-label{color:var(--muted);letter-spacing:.04em;font-size:10px}.stat-value{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.stat-value.good{color:var(--good)}.stat-value.bad{color:var(--bad)}.speed-group{gap:4px;margin-left:auto;display:flex}.speed-group .btn{border-radius:10px;min-width:38px;min-height:38px;padding:0 8px;font-size:13px}.warning-bar{cursor:pointer;background:#e3b34129;border:1px solid #e3b34173;border-radius:10px;align-items:center;gap:8px;max-width:520px;padding:8px 12px;font-size:13px;display:flex}.warning-bar.critical{background:#e8735f2e;border-color:#e8735f8c}.warning-bar .count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.categorybar{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:6px;display:flex;position:absolute}.view-tools{gap:6px;display:flex;position:absolute}.view-tools .btn{background:#10161ecc;border-radius:21px;width:42px;min-width:42px;min-height:42px;padding:0}body.portrait .categorybar{left:calc(var(--safe-left) + 8px);right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 8px);border-radius:16px;justify-content:space-between;padding:7px}body.portrait .categorybar .btn{flex-direction:column;flex:1;gap:2px;min-height:50px;padding:4px 2px;font-size:11px}body.portrait .view-tools{right:calc(var(--safe-right) + 10px);bottom:calc(var(--safe-bottom) + 80px);flex-direction:column}body.landscape .categorybar{left:calc(var(--safe-left) + 8px);border-radius:16px;flex-direction:column;padding:7px;top:50%;transform:translateY(-50%)}body.landscape .categorybar .btn{flex-direction:column;gap:2px;width:56px;min-height:48px;padding:4px 2px;font-size:10px}body.landscape .topbar{padding-left:calc(var(--safe-left) + 86px)}body.landscape .view-tools{left:calc(var(--safe-left) + 76px);bottom:calc(var(--safe-bottom) + 12px);flex-direction:row}.cat-icon{font-size:18px;line-height:1}.sheet{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;flex-direction:column;display:flex;position:absolute}.sheet[hidden]{display:none}body.portrait .sheet{height:42%;padding-bottom:var(--safe-bottom);border-radius:18px 18px 0 0;bottom:0;left:0;right:0}body.portrait .sheet.expanded{height:82%}body.landscape .sheet{width:32%;min-width:280px;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-right:var(--safe-right);border-radius:18px 0 0 18px;top:0;bottom:0;right:0}.sheet-head{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.sheet-title{font-size:15px;font-weight:700}.sheet-head .btn{min-width:38px;min-height:38px;padding:0 10px}.sheet-head .spacer{margin-left:auto}.sheet-body{-webkit-overflow-scrolling:touch;flex:1;padding:12px 14px;overflow-y:auto}.sheet-actions{border-top:1px solid var(--line);background:#0c101699;flex-shrink:0;gap:8px;padding:10px 14px;display:flex}.sheet-actions .btn{flex:1}.option-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.option{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;min-height:60px;padding:10px;display:flex}.option .name{font-size:13px;font-weight:600}.option .meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.option.locked{opacity:.45}.swatch{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.slider-row{align-items:center;gap:10px;padding:8px 0;display:flex}.slider-row label{color:var(--muted);min-width:68px;font-size:13px}.slider-row input[type=range]{height:32px;accent-color:var(--accent);flex:1}.slider-row .value{font-variant-numeric:tabular-nums;text-align:right;min-width:52px;font-weight:600}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip-row .btn{min-height:40px;padding:0 12px;font-size:13px}.screen{padding:calc(var(--safe-top) + 20px) 20px calc(var(--safe-bottom) + 20px);z-index:20;background:linear-gradient(160deg,#16212e,#0d1219);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.screen[hidden]{display:none}.screen-inner{width:100%;max-width:460px}.screen h1{margin:0 0 4px;font-size:26px}.screen .subtitle{color:var(--muted);margin:0 0 24px;font-size:13px}.field{margin-bottom:16px}.field>label{color:var(--muted);letter-spacing:.04em;margin-bottom:6px;font-size:12px;display:block}.field input[type=text]{width:100%;min-height:var(--touch);border:1px solid var(--line);color:var(--text);font:inherit;background:#ffffff0d;border-radius:12px;padding:0 12px}.screen .btn{width:100%;margin-top:8px}.screen .option-grid .btn{width:auto;margin-top:0}.toggle-row{min-height:var(--touch);justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle-row .desc{color:var(--muted);font-size:12px}.toast-host{left:50%;bottom:calc(var(--safe-bottom) + 96px);pointer-events:none;z-index:30;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%)}body.landscape .toast-host{bottom:calc(var(--safe-bottom) + 20px)}.toast{border:1px solid var(--line);text-align:center;background:#10161ef2;border-radius:999px;max-width:88vw;padding:10px 16px;font-size:13px}.toast.bad{border-color:#e8735f99}.toast.good{border-color:#58c98a99}.tutorial{left:50%;top:calc(var(--safe-top) + 92px);z-index:8;background:#141e2af2;border:1px solid #5aa9e673;border-radius:14px;flex-direction:column;gap:8px;width:min(520px,100% - 32px);padding:12px 14px;display:flex;position:absolute;transform:translate(-50%)}.tutorial[hidden]{display:none}.tutorial .step{color:var(--accent);letter-spacing:.08em;font-size:11px}.tutorial .text{font-size:13px;line-height:1.6}.tutorial .actions{gap:8px;display:flex}.tutorial .actions .btn{min-height:38px;font-size:13px}.fps{color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none;align-self:flex-end;font-size:11px}.fps.bad{color:var(--bad)}.fps:empty{display:none}.list{flex-direction:column;gap:8px;display:flex}.list-item{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.list-item .main{flex:1;min-width:0}.list-item .name{font-size:13px;font-weight:600}.list-item .meta{color:var(--muted);font-size:11px}.list-item .btn{min-height:38px;padding:0 10px;font-size:13px}.unlock-item{border-bottom:1px solid #ffffff0f;padding:10px 0}.unlock-item.done .name{color:var(--good)}