@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:wght@400;600;700&display=swap";:root{--wood-dark: #1c0f07;--wood-mid: #2e1a0a;--wood-light: #4a2a12;--brass: #c8a240;--brass-light: #e0c060;--brass-dark: #8a6820;--parchment: #f0e0b0;--parchment-dark: #d4b878;--parchment-deeper: #b8943c;--ink: #2a1800;--purple: #7c3aed;--purple-light: #a855f7}*{box-sizing:border-box}body{font-family:"Noto Serif TC",serif;background:var(--wood-dark);min-height:100vh;overflow:hidden;margin:0;color:var(--parchment)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--wood-mid)}::-webkit-scrollbar-thumb{background:var(--brass-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brass)}@keyframes logoBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes compassSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes crystalPulse{0%,to{filter:drop-shadow(0 0 10px rgba(168,85,247,.6));transform:translateY(0)}50%{filter:drop-shadow(0 0 20px rgba(168,85,247,.9));transform:translateY(-4px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{transform:translate(-50%) translateY(60px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-in{animation:slideIn .3s ease}.gear-spin{animation:gearSpin 8s linear infinite}.gear-spin-slow{animation:gearSpin 12s linear infinite reverse}.gear-spin-ccw{animation:gearSpin 10s linear infinite reverse}@keyframes bubbleFloat{0%,to{transform:translate(0) scale(1);opacity:.96}35%{transform:translate(-18px,-42px) scale(1.055);opacity:1}70%{transform:translate(20px,26px) scale(.985);opacity:.98}}@keyframes bubbleGlow{0%,to{opacity:.45;transform:scale(.98)}50%{opacity:.75;transform:scale(1.06)}}@keyframes bubbleShimmer{0%,to{opacity:.78;transform:translate(-2px,2px) rotate(-5deg)}50%{opacity:1;transform:translate(5px,-4px) rotate(4deg)}}.sb-bubble{transform-box:fill-box;transform-origin:center;animation:bubbleFloat 5.2s ease-in-out infinite}.sb-bubble:nth-of-type(2){animation-delay:-.8s}.sb-bubble:nth-of-type(3){animation-delay:-1.4s}.sb-bubble:nth-of-type(4){animation-delay:-2.1s}.sb-bubble:nth-of-type(5){animation-delay:-2.8s}.sb-bubble:nth-of-type(6){animation-delay:-3.5s}.sb-bubble:nth-of-type(7){animation-delay:-1.9s}.sb-glow{animation:bubbleGlow 3.8s ease-in-out infinite}.sb-highlight{transform-box:fill-box;transform-origin:center;animation:bubbleShimmer 3s ease-in-out infinite}.bg-parchment{background:linear-gradient(135deg,#f0dfa8,#e8d090 40%,#d4bc78)}.bg-parchment-section{background:linear-gradient(135deg,#f0dfa8,#e8d090 40%,#d4bc78);border:2px solid var(--parchment-deeper);border-radius:6px;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #00000026,0 4px 20px #0006;position:relative}.bg-parchment-section:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(180,140,60,.4);border-radius:4px;pointer-events:none;z-index:0}.bg-parchment-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(180,140,60,.1) 23px,rgba(180,140,60,.1) 24px);pointer-events:none;z-index:0}.btn-brass{padding:9px 18px;background:linear-gradient(180deg,#7a5520,#5a3a10 40%,#3e2408);border:none;border-radius:6px;color:#f0d878;font-family:"Noto Serif TC",serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .12s;letter-spacing:1px;display:flex;align-items:center;gap:6px;box-shadow:0 1px #ffdc6466 inset,0 -1px #00000080 inset,0 4px #1e0e04,0 5px 8px #00000080;text-shadow:0 1px 2px rgba(0,0,0,.6)}.btn-brass:hover{background:linear-gradient(180deg,#8a6530,#6a4a18 40%,#4e3010);color:#fff5b0}.btn-brass:active{transform:translateY(3px);box-shadow:0 1px #ffdc644d inset,0 1px #1e0e04,0 2px 4px #0006}.btn-purple{padding:9px 20px;background:linear-gradient(180deg,#8b5cf6,#6d28d9 40%,#4c1d95);border:none;border-radius:6px;color:#ede9fe;font-family:"Noto Serif TC",serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .12s;letter-spacing:1px;display:flex;align-items:center;gap:6px;box-shadow:0 1px #c8aaff80 inset,0 -1px #00000080 inset,0 4px #2e1065,0 5px 12px #6428c880;text-shadow:0 1px 3px rgba(0,0,0,.5)}.btn-purple:hover{background:linear-gradient(180deg,#a07cf8,#7c3aed 40%,#5b21b6)}.btn-purple:active{transform:translateY(3px);box-shadow:0 1px #c8aaff4d inset,0 1px #2e1065,0 2px 6px #6428c866}.btn-purple:disabled{opacity:.6;cursor:wait}.scene-input{width:100%;background:#fffadcb3;border:1px solid rgba(180,140,60,.5);border-radius:4px;padding:8px 12px;font-family:"Noto Serif TC",serif;font-size:13px;color:var(--ink);transition:all .2s;outline:none}.scene-input::placeholder{color:#5a3a1080}.scene-input:focus{border-color:var(--brass);background:#fffce4e6;box-shadow:0 0 8px #c8a03c33}textarea.scene-input{resize:vertical;min-height:72px;line-height:1.6}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(60px);background:linear-gradient(135deg,#2a1808,#1e1005);border:1.5px solid var(--brass);border-radius:6px;padding:10px 20px;color:var(--brass-light);font-size:14px;font-weight:600;z-index:300;transition:transform .3s ease,opacity .3s ease;letter-spacing:1px;box-shadow:0 4px 20px #00000080;pointer-events:none;opacity:0}.toast.show{transform:translate(-50%) translateY(0);opacity:1}