:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15171b;--panel:#1e2128;--text:#e8e6e3;--muted:#9aa0a8;--accent:#3b82f6;--ok:#22c55e;--fail:#ef4444;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}.screen{flex-direction:column;max-width:640px;height:100dvh;margin:0 auto;display:flex}.topbar{flex:none;align-items:center;gap:8px;padding:10px 14px;display:flex}.topbar h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:650;overflow:hidden}.back{background:var(--panel);width:44px;height:44px;color:var(--text);border:none;border-radius:10px;flex:none;font-size:26px;line-height:1}.content{padding:0 14px 14px;overflow-y:auto}.scene{touch-action:none;flex:1;min-height:0;position:relative}.panel{background:var(--panel);padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;flex-direction:column;flex:none;gap:10px;display:flex}.segmented{gap:6px;display:flex}.segmented.wrap{grid-template-rows:repeat(2,auto);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.seg{min-height:44px;color:var(--text);background:0 0;border:1px solid #333842;border-radius:10px;flex:1;padding:0 8px;font-size:14px}.seg.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.seg:disabled{opacity:.4}.primary{background:var(--accent);color:#fff;border:none;border-radius:12px;min-height:48px;font-size:16px;font-weight:650}.primary:disabled{opacity:.4}.row{gap:8px;display:flex}.row>*{flex:1}.hint{color:var(--muted);margin:0;font-size:13px}.loading{color:var(--muted);padding:14px}.error{color:var(--fail);margin:0;padding:0 14px;font-size:13px}.panel .error{padding:0}.card{text-align:left;background:var(--panel);width:100%;color:var(--text);border:1px solid #333842;border-radius:14px;flex-direction:column;gap:4px;margin-top:10px;padding:16px;display:flex}.card-title{font-size:17px;font-weight:650}.card-sub{color:var(--muted);font-size:13px}.moves{gap:6px;margin:0;padding:2px 0;list-style:none;display:flex;overflow-x:auto}.move-chip{white-space:nowrap;background:#2a2f38;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 6px 6px 10px;font-size:13px;display:flex}.move-chip.flash{outline:2px solid var(--accent);background:#1d3a6b}.hold-popup{z-index:2;background:#1e2128f2;border:1px solid #333842;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex;position:absolute;top:10px;left:10px;right:10px}.hold-popup-head{align-items:center;gap:8px;display:flex}.hold-popup-head strong{font-size:15px}.hold-popup-head .chip-delete{margin-left:auto}.chip-delete{width:24px;height:24px;color:var(--text);background:#3a404b;border:none;border-radius:50%;font-size:14px;line-height:1}.name-input{background:var(--bg);min-height:48px;color:var(--text);border:1px solid #333842;border-radius:12px;min-width:0;padding:0 12px;font-size:15px}.banner{border-radius:12px;flex:none;margin:0 14px 8px;padding:10px 14px;font-size:14px;font-weight:600}.banner.ok{color:var(--ok);background:#22c55e26}.banner.fail{color:var(--fail);background:#ef444426}