@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Noto+Serif+SC:wght@400;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--bg-deep: #0f0d0a;--bg-velvet: #17130e;--bg-card: rgba(28, 23, 17, .9);--bg-elevated: #1a1612;--bg-input: rgba(28, 23, 17, .8);--bg-deep-rgb: 15, 13, 10;--bg-elevated-rgb: 26, 22, 18;--color-primary-rgb: 212, 176, 102;--color-emerald-rgb: 111, 174, 155;--color-primary: #d4b066;--color-primary-dark: #8b6e37;--primary-purple: #7b5d46;--color-emerald: #6fae9b;--color-emerald-bright: #10b981;--color-rose: #a76552;--color-cyan: #8dc7b5;--accent-moon: #f2e6cf;--accent-gold: #d4b066;--accent-rose: #a76552;--accent-emerald: #6fae9b;--accent-cyan: #8dc7b5;--text-primary: #f4ead8;--text-secondary: #c8bba5;--text-muted: #948672;--text-gold: #d8b66d;--border-subtle: rgba(212, 176, 102, .2);--border-glow: rgba(141, 199, 181, .36);--border-default: rgba(212, 176, 102, .15);--border-hover: rgba(212, 176, 102, .3);--border-active: rgba(212, 176, 102, .4);--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .5);--shadow-gold: 0 0 20px rgba(212, 176, 102, .4);--shadow-gold-soft: 0 0 10px rgba(212, 176, 102, .3);--shadow-emerald: 0 0 10px rgba(111, 174, 155, .5);--font-display: "Cinzel", "Noto Serif SC", Georgia, serif;--font-heading: "Noto Serif SC", Georgia, serif;--font-body: "Noto Sans SC", PingFang SC, sans-serif;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 30px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 16px;--radius-full: 9999px;--page-max: 480px;--nav-height: 72px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-bounce: cubic-bezier(.175, .885, .32, 1.275)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #0f0d0a;--bg-velvet: #17130e;--bg-card: rgba(28, 23, 17, .9);--bg-elevated: #1a1612;--bg-input: rgba(28, 23, 17, .8);--color-primary: #d4b066;--color-primary-dark: #8b6e37;--color-emerald: #6fae9b;--color-emerald-bright: #10b981;--color-rose: #a76552;--color-cyan: #8dc7b5;--text-primary: #f0f0f0;--text-secondary: #c8bba5;--text-muted: #948672;--text-gold: #d4b066;--border-subtle: rgba(212, 176, 102, .1);--border-default: rgba(212, 176, 102, .15);--border-hover: rgba(212, 176, 102, .3);--border-active: rgba(212, 176, 102, .4);--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .5);--shadow-gold: 0 0 20px rgba(212, 176, 102, .4);--shadow-gold-soft: 0 0 10px rgba(212, 176, 102, .3);--shadow-emerald: 0 0 10px rgba(111, 174, 155, .5);--font-display: "Cinzel", "Noto Serif SC", Georgia, serif;--font-heading: "Noto Serif SC", Georgia, serif;--font-body: "Noto Sans SC", PingFang SC, sans-serif;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 30px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 16px;--radius-full: 9999px;--page-max: 480px;--nav-height: 72px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-bounce: cubic-bezier(.175, .885, .32, 1.275)}html,body,#root{width:100%;min-height:100vh;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4b0664d;border-radius:10px}.page-container{min-height:100vh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 16px);position:relative}.text-gradient{background:linear-gradient(135deg,#f3e5ab,#d4b066,#8b6e37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-dark{background:#ffffff08;border:1px solid rgba(212,176,102,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-panel{background:#2d241d66;border:1px solid rgba(212,175,55,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gold-glow{text-shadow:0 0 10px rgba(212,175,55,.3)}.card-container{perspective:1000px}.card-inner{transition:transform .8s var(--ease-bounce);transform-style:preserve-3d}.card-flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-back{transform:rotateY(180deg)}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}@keyframes rise{0%{transform:translateY(0) scale(0);opacity:0}50%{opacity:.6}to{transform:translateY(-100px) scale(1.5);opacity:0}}@keyframes deal-fly{0%{transform:translateY(300px) scale(.5) rotate(45deg);opacity:0}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#d4b066,#8b6e37);color:#0f0d0a;font-weight:700;border-radius:var(--radius-full);border:none;cursor:pointer;font-size:var(--text-base);transition:all .3s var(--ease-out)}.btn-gold:active{transform:scale(.96)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#d4b0660d;color:var(--color-primary);border:1px solid rgba(212,176,102,.2);border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-sm);transition:all .3s var(--ease-out)}.btn-ghost:active{transform:scale(.96);background:#d4b0661a}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-muted);font-size:var(--text-sm)}.loading-screen .loading-spinner{width:32px;height:32px;border:2px solid rgba(212,176,102,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.magic-particle{position:fixed;width:4px;height:4px;background:radial-gradient(circle,var(--accent-gold) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:9999;animation:particle-fly 1s ease-out forwards}@keyframes particle-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.firefly{position:absolute;width:3px;height:3px;background:var(--accent-gold);border-radius:50%;box-shadow:0 0 6px var(--accent-gold),0 0 12px var(--accent-emerald);opacity:0;animation:firefly-float 4s ease-in-out infinite}@keyframes firefly-float{0%,to{opacity:0;transform:translate(0) scale(.5)}25%{opacity:.8;transform:translate(var(--move-x),var(--move-y)) scale(1)}50%{opacity:1;transform:translate(calc(var(--move-x) * .5),calc(var(--move-y) * 1.5)) scale(1.2)}75%{opacity:.6;transform:translate(calc(var(--move-x) * 1.5),calc(var(--move-y) * .5)) scale(.8)}}.border-glow{border:1px solid var(--border-glow);box-shadow:0 0 8px var(--border-glow)}.text-moon{color:var(--accent-moon)}.text-bronze{color:var(--primary-purple)}.bg-bronze{background-color:var(--primary-purple)}