:root{--bg: #09101b;--panel: rgba(13, 20, 34, .92);--panel-soft: rgba(10, 16, 28, .84);--line: #2b3f63;--line-soft: rgba(70, 104, 156, .24);--text: #d9e6ff;--muted: #8a9dbe;--gold: #c5a16a;--blue: #7fa7d6;--green: #88b883;--danger: #c87b90;--shadow: 0 18px 48px rgba(0, 0, 0, .36);--font-ui: "IBM Plex Mono", "JetBrains Mono", monospace;--font-copy: "Noto Serif SC", "Songti SC", serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% -10%,rgba(127,167,214,.08),transparent 34%),radial-gradient(circle at 80% 0%,rgba(197,161,106,.08),transparent 28%),linear-gradient(180deg,#0a101c,#08101a);color:var(--text);font-family:var(--font-ui)}body{overflow-x:hidden}#app{min-height:100vh}.hero-shell{position:relative;min-height:58vh;overflow:hidden;border-bottom:1px solid rgba(77,102,144,.22)}#pixelWorld{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#080c1414,#080c1480),linear-gradient(180deg,#09101b00,#09101bc7 82%,#09101bf0);pointer-events:none}.topbar,.hero-copy,.dashboard{position:relative;z-index:2}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 0}.brand{color:var(--gold);font-size:12px;letter-spacing:.18em}.brand-sub{margin-top:6px;color:var(--muted);font-size:11px;letter-spacing:.04em}.status-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.lang-switch{display:inline-flex;border:1px solid var(--line);background:#0b121dd6}.lang-btn{min-width:34px;height:30px;border:0;border-left:1px solid rgba(58,84,120,.5);background:transparent;color:#9fb4d8;font-family:var(--font-ui);font-size:11px;letter-spacing:.05em;cursor:pointer}.lang-btn:first-child{border-left:0}.lang-btn.is-active{background:#1a2a45;color:#d9e7ff}.status-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--line);background:#0b121dd6;color:#adc2e8;font-size:11px;letter-spacing:.08em}.hero-copy{max-width:840px;padding:92px 20px 34px}.canvas-tip{position:absolute;right:20px;bottom:14px;z-index:3;padding:7px 10px;border:1px solid rgba(81,108,151,.44);background:#0b121fd1;color:#b4c8ea;font-size:11px;letter-spacing:.04em}.eyebrow{margin:0 0 12px;color:var(--gold);font-size:12px;letter-spacing:.14em}h1{margin:0;max-width:760px;font-size:clamp(32px,6vw,60px);line-height:1.04;letter-spacing:-.03em;color:#f6e7b8;text-shadow:0 0 18px rgba(246,231,184,.22)}.hero-lead{max-width:720px;margin:14px 0 0;color:#a8bbdc;font-size:15px;line-height:1.8}.hero-notes{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-notes span{padding:6px 10px;border:1px solid var(--line-soft);background:#090e19b8;color:#90a9d0;font-size:11px}.dashboard{display:grid;grid-template-columns:1.15fr 1fr .9fr;gap:14px;padding:18px 20px 36px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel) 0%,var(--panel-soft) 100%);box-shadow:var(--shadow)}.panel-head{padding:16px 16px 12px;border-bottom:1px solid rgba(63,94,144,.2)}.panel-head h2{margin:0;font-size:14px;color:#c3d5f3;letter-spacing:.08em}.write-panel .panel-head h2{color:#7ee3ff;text-shadow:0 0 10px rgba(126,227,255,.22)}.read-panel .panel-head h2{color:#ff9a8f;text-shadow:0 0 10px rgba(255,154,143,.24)}.world-panel .panel-head h2{color:#9de7aa;text-shadow:0 0 10px rgba(157,231,170,.24)}.panel-head p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:14px 16px 0}.tool-btn,.action-btn{appearance:none;border:1px solid var(--line);background:#10192b;color:#c7d7f4;font-family:var(--font-ui);cursor:pointer}.tool-btn{min-width:34px;height:30px;font-size:11px}.editor{margin:12px 16px 0;min-height:186px;padding:12px;border:1px solid #21304c;background:#0a101c;color:var(--text);font-family:var(--font-copy);line-height:1.9;font-size:14px;outline:none;white-space:pre-wrap}.editor:empty:before{content:attr(data-placeholder);color:#8a9dbe75}.form-row{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:10px;padding:12px 16px 0}.form-row label{color:var(--muted);font-size:12px}.text-input{height:34px;border:1px solid #21304c;background:#0a101c;color:var(--text);padding:0 10px;font-family:var(--font-ui)}.meta-row{display:flex;justify-content:space-between;gap:12px;padding:10px 16px 0;color:var(--muted);font-size:11px}.action-btn{min-height:38px;padding:0 14px;letter-spacing:.08em}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-primary{background:#16243d;color:#cfe0fb}.action-secondary{background:#111a2b;color:#a8bbdc}.write-panel .action-primary{margin:14px 16px 16px;width:calc(100% - 32px)}.read-actions{display:flex;gap:10px;padding:14px 16px 0}.read-actions .action-btn{flex:1}.letter-card{margin:14px 16px 16px;min-height:262px;border:1px solid #3a2d16;background:linear-gradient(180deg,#100d08,#0d0b07);padding:14px}.letter-empty{color:#8d7c61;line-height:1.7;font-size:13px}.letter-meta{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid rgba(102,72,36,.4);color:#8d764f;font-size:11px;letter-spacing:.08em}.letter-content{padding-top:12px;color:#ddc8a1;font-family:var(--font-copy);font-size:14px;line-height:1.95;word-break:break-word}.letter-sign{margin-top:14px;color:#b29667;text-align:right;font-size:12px}.letter-read{margin-top:8px;color:#856944;text-align:right;font-size:11px}.world-stats{padding:12px 16px 0}.stat-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(63,94,144,.14);color:var(--muted);font-size:12px}.stat-row strong{color:#c7d7f4;font-weight:600}.activity-head{padding:14px 16px 8px;color:#c3d5f3;font-size:12px}.activity-list{padding:0 16px 16px}.activity-item,.activity-empty{padding:10px 0;border-top:1px solid rgba(63,94,144,.12);color:var(--muted);font-size:12px;line-height:1.6}.activity-item strong{color:#d1dff8}.toast{position:fixed;right:20px;bottom:20px;z-index:20;min-width:220px;max-width:min(90vw,420px);padding:12px 14px;border:1px solid var(--line);background:#0b121df0;color:#d2e1fb;box-shadow:var(--shadow);font-size:12px;line-height:1.6}@media(max-width:980px){.dashboard{grid-template-columns:1fr}}@media(max-width:720px){.topbar{flex-direction:column;align-items:stretch}.status-row{justify-content:flex-start}.hero-copy{padding-top:102px}.canvas-tip{left:20px;right:20px;bottom:10px}.read-actions{flex-direction:column}.form-row{grid-template-columns:1fr;gap:6px}}