:root{--ink-900:#070910;--ink-800:#0b0e18;--ink-700:#10141f;--ink-600:#151a28;--ink-500:#1d2334;--line:#8c9eff29;--line-strong:#8c9eff52;--text:#e8ecff;--text-dim:#9aa4c8;--text-faint:#6c7698;--accent:#ff3d7f;--accent-2:#29adff;--accent-3:#00e436;--accent-4:#ffd23f;--danger:#ff5252;--radius:14px;--radius-sm:9px;--shadow-lg:0 24px 60px #0000008c;--shadow-sm:0 4px 16px #00000059;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--header-h:62px;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 12% -10%, #29adff24, transparent 60%), radial-gradient(900px 600px at 95% 0%, #ff3d7f1f, transparent 55%), var(--ink-900);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}code,.mono{font-family:var(--mono);font-size:.86em}.app-shell{height:100%;min-height:100%;padding-bottom:var(--safe-bottom);flex-direction:column;display:flex}.app-header{height:var(--header-h);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#080a13d1;flex:none;align-items:center;gap:14px;padding:0 16px;display:flex;position:relative}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{flex:none;grid-template-rows:repeat(2,9px);grid-template-columns:repeat(2,9px);gap:2px;display:grid}.brand-mark i{background:var(--accent-2);border-radius:2px;display:block}.brand-mark i:first-child{background:var(--accent)}.brand-mark i:nth-child(2){background:var(--accent-4)}.brand-mark i:nth-child(3){background:var(--accent-2)}.brand-mark i:nth-child(4){background:var(--accent-3)}.brand-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand-text strong{letter-spacing:.01em;white-space:nowrap;font-size:15px}.brand-text small{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.header-stats{border-left:1px solid var(--line);color:var(--text-dim);align-items:center;gap:12px;margin-left:6px;padding-left:14px;font-size:12.5px;display:flex}.header-stats .stat b{color:var(--text);font-weight:600}.live-dot{background:var(--text-faint);border-radius:50%;width:8px;height:8px;box-shadow:0 0 #00e43680}.live-dot.online{background:var(--accent-3);animation:2.4s infinite pulse}.live-dot.reconnecting,.live-dot.connecting{background:var(--accent-4)}.live-dot.offline,.live-dot.fatal{background:var(--danger)}@keyframes pulse{0%{box-shadow:0 0 #00e43680}70%{box-shadow:0 0 0 7px #00e43600}to{box-shadow:0 0 #00e43600}}.header-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.icon-btn{height:34px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.icon-btn:hover,.icon-btn:focus-visible{background:var(--ink-600);color:var(--text);border-color:var(--line)}.icon-btn.active{color:var(--accent-4);border-color:#ffd23f66}.x-link{border:1px solid var(--line-strong);height:34px;color:var(--text);background:linear-gradient(#ffffff0f,#ffffff03);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.x-link:hover{background:#ffffff1a;border-color:#ffffff73;transform:translateY(-1px)}.x-handle{font-family:var(--mono);letter-spacing:-.01em}.banner-stack{flex-direction:column;flex:none;gap:6px;padding:0 16px;display:flex}.banner-stack:empty{display:none}.notice{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:#151a28eb;align-items:center;gap:10px;margin-top:8px;padding:9px 12px;font-size:13px;display:flex}.notice.info{background:#142c4299;border-color:#29adff66}.notice.warn{background:#3c300e80;border-color:#ffd23f73}.notice.maintenance{background:#4214188c;border-color:#ff525280}.notice-level{text-transform:uppercase;letter-spacing:.08em;background:#ffffff1f;border-radius:4px;flex:none;padding:2px 6px;font-size:10px;font-weight:700}.notice-text{flex:auto;min-width:0}.app-main{flex:auto;grid-template-columns:236px minmax(0,1fr) 268px;gap:14px;min-height:0;padding:14px 16px;display:grid}.side{scrollbar-width:thin;flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.stage-wrap{border-radius:var(--radius);border:1px solid var(--line);min-width:0;min-height:0;box-shadow:var(--shadow-sm);background:linear-gradient(#10141fe6,#080a13f2);position:relative;overflow:hidden}.canvas-stage{position:absolute;inset:0}.canvas-host{cursor:crosshair;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.canvas-view{width:100%;height:100%;display:block}.zoom-controls{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0a0d17e6;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px}.zoom-controls button{width:30px;height:30px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;font-size:15px;line-height:1;transition:background .15s,color .15s}.zoom-controls button:hover{background:var(--ink-500);color:var(--text)}.zoom-controls button[data-testid=zoom-fit]{text-transform:uppercase;letter-spacing:.06em;width:auto;padding:0 8px;font-size:11px}.zoom-readout{font-family:var(--mono);color:var(--text-faint);text-align:center;min-width:42px;padding:0 6px;font-size:11px}.canvas-overlay{z-index:6;pointer-events:none;position:absolute}.canvas-overlay>*{pointer-events:auto}.canvas-overlay.top-right{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0d17e0;border-radius:10px;align-items:center;gap:6px;padding:5px 6px 5px 10px;display:flex;top:10px;right:10px}.coord{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;font-size:11.5px}.canvas-overlay.bottom{max-width:420px;bottom:10px;left:10px;right:10px}.cooldown{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background:#0a0d17e6;border-radius:11px;align-items:center;gap:10px;padding:8px 10px;display:flex}.place-cta{font-variant-numeric:tabular-nums;cursor:pointer;border:1px solid #0000;border-radius:8px;flex:none;min-width:76px;height:34px;font-size:13px;font-weight:700;transition:filter .15s,transform .15s}.cooldown.ready .place-cta{background:linear-gradient(180deg, var(--accent-3), #00b32c);color:#04120a}.cooldown.waiting .place-cta{background:var(--ink-500);color:var(--text-dim)}.place-cta:disabled{cursor:not-allowed;opacity:.65}.place-cta:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.cooldown-track{background:#ffffff1a;border-radius:99px;flex:auto;height:5px;position:relative;overflow:hidden}.cooldown-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent-3));border-radius:99px;height:100%;transition:width .25s linear}.cooldown-hint{color:var(--text-faint);white-space:nowrap;flex:none;font-size:11px}.panel{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#10141fd1;padding:12px}.panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.panel-head h2{letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:12px;font-weight:700}.sub-head{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:14px 0 7px;font-size:11px;font-weight:700}.sub-head:first-child{margin-top:0}.chip{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--text-faint);white-space:nowrap;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:700}.chip.ok{color:var(--accent-3);border-color:#00e43666}.chip.open{color:var(--accent-4);border-color:#ffd23f73}.chip.resolved{color:var(--accent-3);border-color:#00e43666}.chip.rejected{color:var(--text-faint)}.swatches{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.swatches.small{grid-template-columns:repeat(8,1fr)}.swatch{aspect-ratio:1;cursor:pointer;border:1px solid #ffffff24;border-radius:6px;padding:0;transition:transform .14s,box-shadow .14s;position:relative}.swatch:hover{transform:translateY(-2px)scale(1.06)}.swatch.selected{box-shadow:0 0 0 2px var(--ink-800), 0 0 0 4px #ffffffd9;z-index:1}.custom-row{align-items:center;gap:8px;display:flex}.custom-row input[type=color]{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:7px;width:38px;height:32px;padding:0}.fineprint{color:var(--text-faint);margin:8px 0 0;font-size:11.5px;line-height:1.5}.error-text{color:var(--danger);margin:8px 0 0;font-size:12.5px}.empty{color:var(--text-faint);margin:0;font-size:12.5px}.activity-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.activity-list button{cursor:pointer;text-align:left;width:100%;color:var(--text-dim);background:0 0;border:none;border-radius:7px;grid-template-columns:10px 1fr auto auto;align-items:center;gap:7px;padding:5px 6px;font-size:11.5px;display:grid}.activity-list button:hover{background:var(--ink-500);color:var(--text)}.activity-list .dot{border:1px solid #fff3;border-radius:3px;width:10px;height:10px}.activity-list .who{text-overflow:ellipsis;white-space:nowrap;color:var(--text);overflow:hidden}.activity-list time{color:var(--text-faint);font-family:var(--mono);font-size:10.5px}.leaderboard{flex-direction:column;gap:3px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.leaderboard li{color:var(--text-dim);grid-template-columns:18px 1fr auto;align-items:center;gap:7px;display:grid}.leaderboard .rank{font-family:var(--mono);color:var(--text-faint);font-size:10.5px}.leaderboard .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meta-panel .fineprint{margin-top:0;line-height:1.8}.meta-panel b{color:var(--text)}.primary-btn,.ghost-btn,.danger-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 13px;font-size:12.5px;font-weight:600;text-decoration:none;transition:filter .15s,background .15s,border-color .15s;display:inline-flex}.primary-btn{background:linear-gradient(180deg, var(--accent-2), #1684d6);color:#031420}.primary-btn:hover:not(:disabled){filter:brightness(1.1)}.ghost-btn{border-color:var(--line-strong);color:var(--text-dim);background:#ffffff0d}.ghost-btn:hover:not(:disabled){color:var(--text);border-color:#b4c3ff80}.danger-btn{color:#ffb3b3;background:#ff525229;border-color:#ff525273;width:100%}.danger-btn:hover:not(:disabled){background:#ff525242}.primary-btn:disabled,.ghost-btn:disabled,.danger-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn.small{height:26px;padding:0 9px;font-size:11px}.row{align-items:center;display:flex}.row.gap{gap:8px}.row.wrap{flex-wrap:wrap}.field{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.field>span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.field input,.field textarea,.field select,.num{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#080a13cc;border-radius:8px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus,.num:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #29adff2e}.num{width:78px;font-family:var(--mono);text-align:center}kbd{font-family:var(--mono);border:1px solid var(--line-strong);background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:11px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060cb8;justify-content:center;align-items:center;padding:18px;animation:.16s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{border-radius:var(--radius);border:1px solid var(--line-strong);width:min(560px,100%);max-height:min(86vh,780px);box-shadow:var(--shadow-lg);background:linear-gradient(#141926fc,#0b0e18fc);outline:none;flex-direction:column;display:flex}.modal.wide{width:min(880px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.modal-head h2{margin:0;font-size:15px;font-weight:700}.modal-head .ghost-btn{width:30px;height:30px;padding:0;font-size:16px}.modal-body{padding:16px;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.history-grid,.help-grid,.admin-grid{gap:18px;display:grid}@media (min-width:720px){.history-grid,.help-grid,.admin-grid{grid-template-columns:1fr 1fr}.admin-grid>section:last-child{grid-column:1/-1}}.rules{color:var(--text-dim);margin:0;padding-left:18px;font-size:12.5px;line-height:1.65}.rules li{margin-bottom:5px}.snapshot-list,.report-list,.audit-list{flex-direction:column;gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.snapshot-list li{border:1px solid var(--line);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;display:flex}.snapshot-list small,.report-list small,.audit-list small{color:var(--text-faint);font-size:10.5px;display:block}.report-list li{border:1px solid var(--line);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 9px;display:flex}.report-list li.resolved,.report-list li.rejected{opacity:.55}.audit-list li{border-bottom:1px dashed var(--line);color:var(--text-dim);padding:5px 2px}.toast-stack{left:50%;bottom:calc(18px + var(--safe-bottom));z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:7px;width:min(440px,100vw - 28px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;border:1px solid var(--line-strong);width:100%;box-shadow:var(--shadow-lg);cursor:pointer;background:#10141ff7;border-radius:10px;padding:9px 13px;font-size:12.5px;animation:.18s rise}.toast.ok{border-color:#00e43673}.toast.error{background:#301014f7;border-color:#ff525280}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.canvas-skeleton{color:var(--text-faint);z-index:4;background:linear-gradient(#10141ff2,#080a13fa);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.spinner{border:2px solid #ffffff26;border-top-color:var(--accent-2);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot-error{border-radius:var(--radius);text-align:center;background:#1c0e12e6;border:1px solid #ff525266;max-width:560px;margin:12vh auto;padding:26px}.boot-error h1{margin:0 0 10px;font-size:18px}.app-footer{padding:8px 16px calc(10px + var(--safe-bottom));border-top:1px solid var(--line);color:var(--text-faint);text-align:center;flex:none;font-size:11.5px}.app-footer a{color:var(--text-dim);border-bottom:1px dotted var(--line-strong);text-decoration:none}.app-footer a:hover{color:var(--accent-2)}.mobile-tabs{display:none}.mobile-sheet{z-index:55;border:1px solid var(--line-strong);max-height:68vh;box-shadow:var(--shadow-lg);padding-bottom:calc(10px + var(--safe-bottom));background:linear-gradient(#161b2afc,#0a0d16fc);border-bottom:none;border-radius:18px 18px 0 0;animation:.2s sheetUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes sheetUp{0%{opacity:0;transform:translateY(14px)}}.mobile-sheet .modal-head{background:inherit;z-index:1;position:sticky;top:0}.mobile-sheet .panel,.mobile-sheet>.panel{box-shadow:none;background:0 0;border:none}@media (max-width:1180px){.app-main{grid-template-columns:210px minmax(0,1fr)}.side.right{display:none}}@media (max-width:860px){:root{--header-h:56px}body{font-size:14px}.app-main{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}.side{display:none}.stage-wrap{height:100%;min-height:0}.hide-md,.brand-text small{display:none}.header-stats{gap:8px;padding-left:10px;font-size:11.5px}.canvas-overlay.bottom{max-width:none;bottom:8px;left:8px;right:8px}.zoom-controls{flex-direction:column;bottom:74px;right:8px}.mobile-tabs{z-index:7;gap:6px;display:flex;position:absolute;top:8px;left:8px}.mobile-tabs button{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:30px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#0a0d17e6;border-radius:8px;padding:0 12px;font-size:11.5px;font-weight:600}.mobile-tabs button.active{color:var(--ink-900);background:var(--accent-2);border-color:var(--accent-2)}.canvas-overlay.top-right{padding:4px;top:auto;bottom:8px;right:8px}.canvas-overlay.top-right .coord,.app-footer{display:none}}@media (max-width:520px){.app-header{gap:8px;padding:0 10px}.brand-text strong{font-size:13.5px}.header-stats .stat:nth-of-type(3),.hide-sm{display:none}.icon-btn{justify-content:center;width:32px;height:32px;padding:0}.x-link{border-radius:50%;justify-content:center;width:32px;height:32px;padding:0}.x-handle{display:none}.cooldown{flex-wrap:wrap;gap:7px;padding:7px 8px}.place-cta{min-width:66px;height:32px;font-size:12.5px}.cooldown-hint{text-align:center;order:3;width:100%;font-size:10.5px}.cooldown-track{flex:60px}.swatches{grid-template-columns:repeat(8,1fr);gap:6px}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-bottom:none;border-radius:18px 18px 0 0;width:100%;max-height:88vh}.toast-stack{bottom:calc(86px + var(--safe-bottom))}}@media (max-height:520px) and (orientation:landscape){.app-header{height:46px}.app-footer{display:none}.canvas-overlay.bottom{max-width:340px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}