:root{--bg0: #101418;--bg1: #151b22;--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .09);--stroke: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .64);--c-u: #f4f2ee;--c-r: #d54b3b;--c-f: #2fa56a;--c-d: #f2c94c;--c-l: #f2994a;--c-b: #2f80ed;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;font-weight:450;color:var(--text);background:radial-gradient(1200px 900px at 20% 15%,rgba(47,128,237,.14),transparent 55%),radial-gradient(1000px 700px at 80% 30%,rgba(242,153,74,.12),transparent 50%),radial-gradient(900px 700px at 40% 95%,rgba(47,165,106,.1),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}#root{min-height:100vh}.app{max-width:1180px;margin:0 auto;padding:24px}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.brandTitle{font-size:18px;letter-spacing:.3px;font-weight:700}.brandSub{color:var(--muted);font-size:13px;margin-top:2px}.topActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn{border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);border-radius:12px;padding:10px 12px;font-weight:650;letter-spacing:.2px;cursor:pointer}.btn:hover{background:#ffffff12}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,#2f80ed66,#f2994a38);border-color:#ffffff2e}.btn.primary:hover{background:linear-gradient(135deg,#2f80ed85,#f2994a47)}.main{display:grid;grid-template-columns:1fr 360px;gap:16px}.panel{border:1px solid var(--stroke);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-radius:18px;padding:16px;box-shadow:0 12px 40px #00000040}.panel.side{position:sticky;top:16px;height:fit-content}.panelHeader{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.panelTitle{font-weight:780;letter-spacing:.2px}.panelMeta{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.ok{color:#2fa56af2}.bad{color:#d54b3bf2}.controls{margin-top:12px;border:1px solid rgba(255,255,255,.1);background:#0000002e;border-radius:14px;padding:12px}.palette{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.swatch{width:46px;height:46px;border-radius:14px;border:2px solid rgba(0,0,0,.22);cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 20px #0000002e}.swatch.active{outline:3px solid rgba(255,255,255,.35)}.swatchText{font-weight:900;color:#000000bf;text-shadow:0 1px 0 rgba(255,255,255,.35)}.hint{margin-top:10px;font-size:12px;color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.error{margin-top:12px;border:1px solid rgba(213,75,59,.35);background:#d54b3b1f;color:#ffffffeb;border-radius:14px;padding:12px}.net{margin-top:14px;display:grid;grid-template-columns:repeat(4,auto);gap:12px;align-items:start;justify-content:center}.netSlot{min-height:1px}.face{border:1px solid rgba(255,255,255,.1);background:#0000001f;border-radius:16px;padding:10px}.net.highlighting .face{opacity:.58;filter:grayscale(.25) saturate(.85) brightness(.92);transition:opacity .18s ease,filter .18s ease}.net.highlighting .face.faceHighlight{opacity:1;filter:none}.faceHighlight{border-color:#00e5ff8c;box-shadow:0 0 0 4px #00e5ff33,0 0 26px #00e5ff2e,0 16px 30px #00000038;animation:facePulse 1.15s ease-in-out infinite}@keyframes facePulse{0%,to{box-shadow:0 0 0 4px #00e5ff2e,0 0 22px #00e5ff24,0 16px 30px #00000038}50%{box-shadow:0 0 0 6px #00e5ff42,0 0 34px #00e5ff33,0 16px 30px #00000038}}.faceHeader{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.faceTitle{font-weight:780;font-size:12px;letter-spacing:.25px;color:#ffffffdb}.faceHint{font-size:11px;color:#ffffff8c}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tile{width:46px;height:46px;border-radius:14px;border:2px solid rgba(0,0,0,.2);cursor:pointer;display:grid;place-items:center;position:relative;overflow:hidden;transition:transform .12s ease,filter .12s ease}.tileHighlight{box-shadow:0 0 0 2px #ffffff40,0 0 0 7px #00e5ff2e,0 0 22px #00e5ff2e}.net.highlighting .faceHighlight .tileHighlight:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff38,#ffffff0a);opacity:.85;pointer-events:none}.net.highlighting .faceHighlight .tileHighlight{filter:brightness(1.07) contrast(1.06)}.tile:hover{transform:translateY(-1px);filter:brightness(1.02)}.tile.locked{cursor:not-allowed;filter:saturate(1.05)}.tileText{font-weight:950;color:#000000b8;text-shadow:0 1px 0 rgba(255,255,255,.35)}.stepRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.moveCard{margin-left:auto;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;border-radius:14px;padding:10px 12px;min-width:160px}.moveLine{display:flex;align-items:baseline;justify-content:space-between;gap:10px;white-space:nowrap}.moveLineLabel{font-size:11px;color:var(--muted)}.moveToken{font-size:18px;font-weight:950;letter-spacing:.3px;padding:0;border:0;background:none}.moveToken.active{color:#00e5fffa;text-shadow:0 0 18px rgba(0,229,255,.35)}.textarea{width:100%;margin-top:12px;border-radius:14px;padding:12px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:#ffffffe6;resize:none;line-height:1.25}.noteGrid{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin-top:12px;border:1px solid rgba(255,255,255,.1);background:#0000002e;border-radius:14px;padding:12px;font-size:12px;color:#fffc}.cube3d{margin-top:12px;width:100%;height:420px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:radial-gradient(700px 300px at 40% 15%,#ffffff14,#0000002e);position:relative;outline:none}.cube3d[data-canedit="1"][data-hovering="1"]{cursor:crosshair}.cube3d:focus{border-color:#ffffff38;box-shadow:0 0 0 3px #2f80ed38}.cube3dOverlay{position:absolute;inset:10px 10px auto;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none;z-index:2}.cube3dHint{font-size:11px;color:#ffffffb8;background:#00000059;border:1px solid rgba(255,255,255,.12);padding:6px 8px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cube3dReset{pointer-events:auto;border:1px solid rgba(255,255,255,.14);background:#00000059;color:#ffffffdb;border-radius:12px;padding:6px 10px;font-size:12px;line-height:1;font-weight:750;white-space:nowrap;cursor:pointer}.foot{margin-top:16px;color:#ffffff8c;font-size:12px}.modalBackdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:18px;z-index:1000}.modal{width:min(1020px,96vw);max-height:92vh;overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#141a22fa,#0a0e12fa);box-shadow:0 18px 60px #00000073;padding:16px}.modalTop{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.modalTitle{font-weight:900;letter-spacing:.3px}.modalSub{margin-top:4px;font-size:12px;color:var(--muted)}.modalActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.scanGrid{margin-top:14px;display:grid;grid-template-columns:1fr 320px;gap:14px}.scanView{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0000004d;min-height:420px}.scanVideo{width:100%;height:100%;object-fit:cover;display:block}.scanCanvas{display:none}.scanOverlay{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center}.scanBox{width:min(66vmin,360px);height:min(66vmin,360px);border-radius:14px;border:2px solid rgba(0,229,255,.55);box-shadow:0 0 0 6px #00e5ff1f,0 0 28px #00e5ff24;position:relative}.scanBox:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,.35) 1px,transparent 1px) 33.333% 0 / 1px 100%,linear-gradient(to right,rgba(255,255,255,.35) 1px,transparent 1px) 66.666% 0 / 1px 100%,linear-gradient(to bottom,rgba(255,255,255,.35) 1px,transparent 1px) 0 33.333% / 100% 1px,linear-gradient(to bottom,rgba(255,255,255,.35) 1px,transparent 1px) 0 66.666% / 100% 1px;background-repeat:no-repeat;opacity:.55}.scanSide{border:1px solid rgba(255,255,255,.1);background:#0000002e;border-radius:16px;padding:12px}.scanStep{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.scanStepTitle{font-weight:900;letter-spacing:.2px}.scanStepMeta{font-size:12px;color:var(--muted)}.scanFaceRow{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.scanFaceChip{border:1px solid rgba(255,255,255,.14);background:#0000002e;color:#ffffffd9;border-radius:12px;padding:6px 10px;font-weight:850;cursor:pointer}.scanFaceChip.done{border-color:#2fa56a59;color:#2fa56af2}.scanFaceChip.active{border-color:#00e5ff59;color:#00e5fffa;box-shadow:0 0 0 3px #00e5ff24}.scanFaceChip:disabled{opacity:.6;cursor:not-allowed}.scanBtns{margin-top:12px;display:grid;gap:10px}.scanMiniWrap{margin-top:12px;border:1px solid rgba(255,255,255,.1);background:#0000002e;border-radius:14px;padding:10px}.scanMiniTitle{font-size:12px;font-weight:850;letter-spacing:.2px;color:#ffffffd9}.scanMini{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scanMiniCell{height:42px;border-radius:12px;border:2px solid rgba(0,0,0,.22)}.scanMiniCell.center{outline:3px solid rgba(0,229,255,.35)}@media(max-width:980px){.scanGrid{grid-template-columns:1fr}}@media(max-width:980px){.main{grid-template-columns:1fr}.panel.side{position:static}.net{grid-template-columns:repeat(2,auto);justify-content:center}}