.app-root[data-v-787cb9c4]{min-height:100vh;width:100%}.fade-enter-active[data-v-787cb9c4],.fade-leave-active[data-v-787cb9c4]{transition:opacity .3s ease}.fade-enter-from[data-v-787cb9c4],.fade-leave-to[data-v-787cb9c4]{opacity:0}:root{--c-ink: #1a1410;--c-paper: #f5ebd6;--c-vermillion: #b8392e;--c-azurite: #2e4a6b;--c-ochre: #c18b3a;--c-gold: #d4af37;--c-bronze: #8b5a2b;--c-grey: #6e6256;--font-han: "Noto Serif SC", "Songti SC", "SimSun", serif;--font-display: "ZCOOL XiaoWei", "STKaiti", serif;--font-pixel: "Press Start 2P", monospace;--gap-xs: 4px;--gap-s: 8px;--gap-m: 16px;--gap-l: 24px;--gap-xl: 32px;--r-s: 4px;--r-m: 8px;--r-l: 16px;--shadow-paper: 0 4px 12px rgba(0, 0, 0, .15);--shadow-inset: inset 0 0 0 1px var(--c-bronze)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;overflow-x:hidden}body{font-family:var(--font-han);font-size:14px;line-height:1.6;color:var(--c-paper);background:var(--c-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 20% 30%,rgba(184,57,46,.08) 0%,transparent 50%),radial-gradient(at 80% 70%,rgba(46,74,107,.08) 0%,transparent 50%),linear-gradient(135deg,#1a1410,#2a1f15);background-attachment:fixed;min-height:100vh}#app{min-height:100vh;width:100%}canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}button{font-family:var(--font-han);font-size:14px;background:var(--c-vermillion);color:var(--c-paper);border:2px solid var(--c-bronze);border-radius:var(--r-s);padding:var(--gap-s) var(--gap-m);cursor:pointer;transition:transform .1s ease,background .2s ease;user-select:none;-webkit-user-select:none}button:active{transform:scale(.96)}button:disabled{background:var(--c-grey);cursor:not-allowed;opacity:.6}button.primary{background:var(--c-vermillion);color:var(--c-paper)}button.secondary{background:transparent;color:var(--c-paper);border-color:var(--c-paper)}button.ghost{background:transparent;color:var(--c-ochre);border:none}input,textarea{font-family:var(--font-han);background:#f5ebd6f2;color:var(--c-ink);border:2px solid var(--c-bronze);border-radius:var(--r-s);padding:var(--gap-s) var(--gap-m);font-size:15px;width:100%}textarea{resize:vertical;min-height:80px;line-height:1.7}input:focus,textarea:focus{outline:none;border-color:var(--c-vermillion);box-shadow:0 0 0 3px #b8392e33}.panel{background:#1a1410d9;border:1px solid var(--c-bronze);border-radius:var(--r-m);padding:var(--gap-m);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.panel-title{font-family:var(--font-display);font-size:18px;color:var(--c-gold);margin-bottom:var(--gap-s);letter-spacing:.1em}.text-vermillion{color:var(--c-vermillion)}.text-ochre{color:var(--c-ochre)}.text-gold{color:var(--c-gold)}.text-muted{color:var(--c-grey)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.gap-s{gap:var(--gap-s)}.gap-m{gap:var(--gap-m)}.center{display:flex;align-items:center;justify-content:center}.loading{display:inline-block;width:16px;height:16px;border:2px solid rgba(245,235,214,.3);border-top-color:var(--c-gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){body{font-size:13px}button{font-size:13px;padding:6px 12px}}@media (min-width: 768px){body{font-size:15px}}.no-select{user-select:none;-webkit-user-select:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-bronze);border-radius:3px}