:root{--ink: #1a1714;--ink-muted: #5c534a;--paper: #e8dfd0;--paper-deep: #cbb89a;--field: #2f4a3a;--field-bright: #3d6b4f;--accent: #b33a2b;--accent-hover: #8f2e22;--line: rgba(26, 23, 20, .18);--panel: rgba(232, 223, 208, .92);--shadow: 0 18px 50px rgba(20, 16, 10, .28);--font-display: "Noto Serif SC", "Songti SC", serif;--font-body: "Source Sans 3", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--shell-pad: clamp(1.25rem, 4vw, 2.5rem);--hero-ink: #f4efe6;--hero-muted: rgba(244, 239, 230, .78)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--ink);background:#1a221c}.title-map-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:#1a221c}.title-map-layer{position:absolute;left:50%;top:50%;opacity:0;transition:opacity .45s ease;will-change:transform,opacity}.title-map-layer.is-visible{opacity:1}.title-map-img{display:block;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;image-rendering:crisp-edges}.title-map-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 55% at 50% 36%,rgba(20,28,22,.35),transparent 70%),radial-gradient(ellipse 90% 70% at 15% 10%,rgba(61,107,79,.22),transparent 55%),radial-gradient(ellipse 70% 60% at 90% 80%,rgba(179,58,43,.12),transparent 50%),linear-gradient(165deg,#1e2a228c,#314a3a61 42%,#1a221c9e)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{position:relative;z-index:1;height:100%;width:100%;overflow:hidden}.title-hero{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.brand{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 2 * var(--shell-pad)));text-align:center;font-family:var(--font-display);font-size:clamp(2.8rem,10vw,4.2rem);font-weight:700;letter-spacing:.12em;line-height:1.08;margin:0;color:var(--hero-ink);text-shadow:0 2px 0 rgba(20,16,10,.35),0 12px 36px rgba(10,14,12,.55);animation:rise-brand .55s ease-out both;pointer-events:none}.title-cta-cluster{position:absolute;left:50%;top:52%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1.1rem;width:min(420px,calc(100% - 2 * var(--shell-pad)));text-align:center;animation:rise-cluster .55s ease-out both;pointer-events:auto}@keyframes rise-brand{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes rise-cluster{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.title-cta-cluster .title-name-field{width:100%;margin-bottom:0;text-align:left}.title-cta-cluster .title-name-field label{color:var(--hero-muted);text-shadow:0 1px 6px rgba(10,14,12,.45)}.title-cta-cluster .title-name-field input{border:1px solid rgba(244,239,230,.28);background:#141c168c;color:var(--hero-ink);padding:.65rem .75rem;outline:none;width:100%}.title-cta-cluster .title-name-field input:focus{border-color:#3d6b4fb3;box-shadow:0 0 0 3px #3d6b4f47}.title-cta-cluster .title-name-save{color:var(--hero-ink);border-color:#f4efe647;background:#141c1666}.title-cta-cluster .title-name-save:hover:not(:disabled){background:#f4efe61a}.title-cta-row{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;width:100%}.btn{border:none;padding:.7rem 1.1rem;background:var(--field);color:#f4efe6;letter-spacing:.04em;transition:background .15s ease,transform .15s ease}.btn:hover:not(:disabled){background:var(--field-bright);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:var(--accent)}.btn-accent:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled){background:#1a17140f;transform:none}.btn-hero{min-width:9.5rem;padding:.85rem 1.45rem;font-size:1.05rem;letter-spacing:.12em;border:1px solid rgba(244,239,230,.22);box-shadow:0 10px 28px #0a0e0c59}.btn-hero.btn-accent{border-color:#b33a2b73}.title-queue-hint{margin:0;color:var(--hero-muted);font-size:.92rem;letter-spacing:.04em;text-shadow:0 1px 8px rgba(10,14,12,.5)}.title-corner-meta{position:absolute;right:var(--shell-pad);bottom:var(--shell-pad);display:flex;align-items:center;gap:.85rem;font-size:.82rem;color:var(--hero-muted);text-shadow:0 1px 6px rgba(10,14,12,.55);pointer-events:none}.build-version{font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.9}.dot{width:.55rem;height:.55rem;border-radius:50%;display:inline-block;margin-right:.4rem;background:#9a9084;vertical-align:.05em}.dot.live{background:var(--field-bright);box-shadow:0 0 0 3px #3d6b4f40;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #3d6b4f2e}50%{box-shadow:0 0 0 5px #3d6b4f14}}.title-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--shell-pad);background:#0c100e6b;animation:fade-in .2s ease both}.title-modal{width:min(520px,100%);max-height:min(86vh,720px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);animation:modal-rise .28s ease-out both}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.title-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.15rem;border-bottom:1px solid var(--line);flex-shrink:0}.title-modal-head h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin:0;letter-spacing:.06em}.title-modal-close{padding:.4rem .75rem;font-size:.85rem}.title-modal-body{padding:1.1rem 1.15rem 1.25rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.field{display:grid;gap:.35rem;margin-bottom:1rem}.field label{font-size:.78rem;letter-spacing:.06em;color:var(--ink-muted)}.field input,.field select,.title-modal-body .row>input{border:1px solid var(--line);background:#fffcf6e6;color:var(--ink);padding:.65rem .75rem;outline:none}.field input:focus,.field select:focus,.title-modal-body .row>input:focus{border-color:var(--field-bright);box-shadow:0 0 0 3px #3d6b4f33}.field input:disabled,.field select:disabled{opacity:.55;cursor:not-allowed;background:#e8dfd0a6}.section{border-top:1px solid var(--line);padding-top:1.1rem;margin-top:.4rem}.title-modal-body>.section:first-child{border-top:none;padding-top:0;margin-top:0}.section h3{font-family:var(--font-display);font-size:1.05rem;margin:0 0 .75rem;font-weight:500}.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.row>.grow{flex:1 1 140px}.check{display:flex;align-items:center;gap:.45rem;font-size:.92rem;color:var(--ink-muted);margin-bottom:.85rem}.status{margin-top:1rem;min-height:1.4rem;font-size:.9rem;color:var(--ink-muted)}.status.ok{color:var(--field)}.hint-muted{margin-top:.35rem;opacity:.75;font-size:.85rem;color:var(--ink-muted)}.rejoin-label{color:var(--ink-muted)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.error-toast{position:absolute;top:0;left:50%;z-index:40;max-width:min(520px,calc(100% - 32px));padding:10px 18px;font-size:14px;line-height:1.35;color:#ffe8e4;background:#781c1cf0;border:1px solid #c45a4a;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 8px 24px #00000059;pointer-events:none;transform:translate(-50%);animation:error-toast-in .28s ease-out}.error-toast.is-warn{color:#fff8e0;background:#8c6e14f0;border-color:#d4b84a}@keyframes error-toast-in{0%{opacity:0;transform:translate(-50%,-110%)}to{opacity:1;transform:translate(-50%)}}@media(max-width:480px){.brand{top:30%}.title-cta-cluster{top:48%;gap:.95rem}.title-modal{max-height:90vh}.title-modal-body{padding:1rem}}