:root{color-scheme:dark;--jade: #74f6a7;--ink: #eafff1;--muted: #93aa9c;--gold: #e6bf65}*{box-sizing:border-box}html{min-height:100%;background:#020906}body{min-height:100%;margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 72% 0,#15372a 0,#06130e 40%,#020906 76%);font-family:Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif}button,a{font:inherit}button{min-height:44px;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#root{min-height:100vh}.sword-app{width:min(100%,1180px);margin:0 auto;padding:clamp(20px,4vw,50px) clamp(10px,3vw,30px) 36px}.sword-header{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:end;margin-bottom:18px}.seal{margin:0 0 9px;color:var(--gold);font:800 .65rem/1.3 ui-monospace,monospace;letter-spacing:.18em}h1{margin:0;font-size:clamp(3rem,8vw,7rem);line-height:.78;letter-spacing:-.08em}h1 em{color:var(--jade);font-style:normal}.sword-header>p{margin:0;color:var(--muted);line-height:1.8}.sword-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:12px}.scene-shell{position:relative;min-height:min(70vh,700px);overflow:hidden;border:1px solid rgba(116,246,167,.22);border-radius:4px 28px;background:#030810;box-shadow:inset 0 1px #ffffff0d,0 35px 100px #0009}.scene-shell canvas{display:block}.camera-view{position:absolute;right:12px;bottom:12px;width:min(30%,180px);aspect-ratio:4/3;border:1px solid var(--jade);border-radius:8px;object-fit:cover;transform:scaleX(-1)}.scene-meta{position:absolute;inset:12px 14px auto;display:flex;justify-content:space-between;color:#688072;font:700 .58rem/1 ui-monospace,monospace;letter-spacing:.1em;pointer-events:none}.formation-name{position:absolute;left:20px;bottom:17px;color:var(--jade);font-size:clamp(1.5rem,4vw,3rem);font-weight:900;letter-spacing:.08em;text-shadow:0 0 24px #40ff8e99;pointer-events:none}.sword-controls{padding:12px;border:1px solid rgba(255,255,255,.08);background:#040e09de}.camera-button{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:4px;padding:13px 15px;border:1px solid var(--jade);color:#031109;background:var(--jade);font-weight:900}.camera-button span{font:700 .55rem/1 ui-monospace,monospace;letter-spacing:.12em;opacity:.7}.manual-formations{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:18px}.manual-formations p{grid-column:1/-1;margin:0 0 3px;color:var(--muted);font-size:.72rem}.manual-formations button{border:1px solid rgba(116,246,167,.2);color:var(--ink);background:#74f6a70e}.quality-button{width:100%;margin-top:14px;border:1px solid rgba(230,191,101,.3);color:var(--gold);background:transparent;font-size:.75rem}.sword-status{margin:12px 0 0;padding:12px;border-left:2px solid var(--jade);color:var(--jade);background:#74f6a70d;font-size:.76rem;line-height:1.7}.fallback-card{margin-top:8px;padding:12px;border:1px solid rgba(255,150,100,.3);color:#ffc4a5;font-size:.75rem;line-height:1.6}.fallback-card a{display:inline-block;margin-right:8px;color:var(--jade)}.fallback-card button{margin-top:8px;border:1px solid rgba(255,255,255,.14);color:var(--ink);background:transparent;font-size:.7rem}.privacy-copy{margin:16px 0 0;color:#6d8376;font-size:.68rem;line-height:1.7}@media(max-width:760px){.sword-header,.sword-workspace{grid-template-columns:1fr}.scene-shell{min-height:min(62vh,560px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}