:root{--gold:#e8c46a;--gold-light:#f5e4b0;--gold-dark:#7d6334;--gold-muted:#b8923f;--lav:#b39ddb;--lav-bright:#e8d5ff;--lav-muted:#8a76b4;--lav-dim:#7c6ba8;--win:#4ee08a;--over:#ff5d7a;--warn:#ffd24a;--panel:#0d081abd;--panel-border:#e8c46a59;--panel-border-soft:#e8c46a26;--shadow-panel:0 18px 50px #00000073;--bg-deep:#050208;--bg-page:radial-gradient(120% 75% at 50% -20%, #160c30 0%, #0a061600 50%), radial-gradient(85% 55% at 50% 122%, #120a28 0%, #05020c00 46%), linear-gradient(180deg, #0a0610 0%, #050208 100%);--font-display:"Cinzel", "Cormorant Garamond", serif;--font-body:"Cormorant Garamond", Georgia, serif;--r-sm:9px;--r-md:12px;--r-lg:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body{background:var(--bg-deep);min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--lav)}#root{flex-direction:column;min-height:100dvh;display:flex}.arcana-page{background:var(--bg-page);width:100%;min-height:100dvh;font-family:var(--font-body);flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.arcana-page:before{content:"";filter:blur(28px);pointer-events:none;z-index:0;background:radial-gradient(50% 60% at 50% 0,#8c5fe624,#0000 70%);height:75%;animation:16s ease-in-out infinite auroraDrift;position:absolute;top:-25%;left:-10%;right:-10%}.arcana-page>*{z-index:1;position:relative}.arcana-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--r-lg);width:100%;max-width:420px;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:26px;position:relative}.btn-gold{color:#1a0f33;font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;background:linear-gradient(#e8c46af2,#7d6334f2);border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:600;transition:box-shadow .2s,transform .2s,opacity .2s;box-shadow:0 0 16px #e8c46a4d}.btn-gold:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 28px #e8c46a8c}.btn-gold:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.wordmark{font-family:var(--font-display);letter-spacing:5px;color:var(--gold-light);text-shadow:0 0 18px #e8c46a80;font-weight:700}.bid-token{width:50px;height:50px;font-family:var(--font-display);color:var(--gold-light);cursor:pointer;background:#e8c46a14;border:1.5px solid #e8c46a66;border-radius:11px;font-size:18px;font-weight:600;transition:transform .16s,background .16s,box-shadow .16s,border-color .16s;box-shadow:inset 0 0 10px #00000073}.bid-token:hover:not(:disabled){border-color:var(--gold-light);background:#e8c46a38;transform:translateY(-3px);box-shadow:0 6px 16px #00000080,0 0 18px #e8c46a73}.bid-token:active:not(:disabled){transform:translateY(-1px)}.bid-token-forbidden{color:var(--over);cursor:not-allowed;opacity:.5;box-shadow:none;background:#ff5d7a14;border-color:#ff5d7a66}@keyframes chatPop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes chatBadge{0%,to{transform:scale(1);box-shadow:0 0 8px #ffd24a99}50%{transform:scale(1.12);box-shadow:0 0 16px #ffd24af2}}.arcana-chat-scroll::-webkit-scrollbar{width:6px}.arcana-chat-scroll::-webkit-scrollbar-thumb{background:#e8c46a4d;border-radius:3px}.arcana-chat-scroll::-webkit-scrollbar-track{background:0 0}.arcana-chat-scroll{scrollbar-width:thin;scrollbar-color:#e8c46a4d transparent}.arcana-chat-input::placeholder{color:var(--lav-dim)}.arcana-chat-input:focus{box-shadow:0 0 0 2px #e8c46a38;border-color:var(--gold-light)!important}@media (width<=760px){.arcana-deco-cards{display:none}}.ss-input::placeholder{color:var(--lav-dim)}.ss-input:focus{border-color:var(--gold-light)!important;box-shadow:0 0 0 2px #e8c46a40!important}.la-btn{width:100%;font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;border:none;border-radius:10px;padding:13px;font-size:14px;transition:all .2s}.la-btn-primary{color:#1a0f33;background:linear-gradient(#e8c46aeb,#7d6334eb);font-weight:600;box-shadow:0 0 16px #e8c46a4d}.la-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 24px #e8c46a80}.la-btn-ghost{color:var(--gold-light);background:0 0;border:1.5px solid #e8c46a80}.la-btn-ghost:hover:not(:disabled){border-color:var(--gold-light);background:#e8c46a1f}.la-btn:disabled{opacity:.45;cursor:not-allowed}.la-btn-primary:disabled{color:var(--lav-muted);box-shadow:none;opacity:1;background:#e8c46a12;border:1px solid #e8c46a33}.la-small{font-family:var(--font-display);cursor:pointer;color:var(--gold-light);background:0 0;border:1.5px solid #e8c46a80;border-radius:8px;padding:7px 16px;font-size:13px;transition:all .2s}.la-small:hover:not(:disabled){background:#e8c46a1f}.la-small:disabled{opacity:.4;cursor:not-allowed}.la-step{width:38px;height:38px;font-family:var(--font-display);cursor:pointer;color:var(--gold-light);background:0 0;border:1.5px solid #e8c46a80;border-radius:9px;padding:0;font-size:20px;line-height:1;transition:all .2s}.la-step:hover:not(:disabled){background:#e8c46a1f}.la-step:disabled{opacity:.35;cursor:not-allowed}.la-input{box-sizing:border-box;color:#f0e6ff;width:100%;font-size:16px;font-family:var(--font-body);background:#0f0720b3;border:1px solid #e8c46a4d;border-radius:10px;outline:none;padding:12px 14px;transition:all .2s}.la-input:focus{border-color:var(--gold-light);box-shadow:0 0 0 2px #e8c46a40}.la-input::placeholder{color:var(--lav-dim)}.la-toggle{flex-shrink:0;width:48px;height:26px;position:relative}.la-toggle input{opacity:0;width:0;height:0;position:absolute}.la-toggle-slider{cursor:pointer;background:#e8c46a26;border:1.5px solid #e8c46a59;border-radius:13px;transition:all .25s;position:absolute;inset:0}.la-toggle input:checked+.la-toggle-slider{border-color:var(--gold);background:#e8c46a80}.la-toggle-slider:after{content:"";background:var(--gold-light);border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:2px;left:2px}.la-toggle input:checked+.la-toggle-slider:after{transform:translate(22px)}@keyframes auroraDrift{0%,to{opacity:.55;transform:translate(-4%)}50%{opacity:1;transform:translate(4%)}}@keyframes ssFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}@keyframes ssSpark{0%,to{opacity:.2;transform:translateY(0)scale(.8)}50%{opacity:.85;transform:translateY(-12px)scale(1.2)}}@keyframes ssFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ssTwinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes ssRingSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes ssRingSpinRev{0%{transform:translate(-50%,-50%)rotate(360deg)}to{transform:translate(-50%,-50%)rotate(0)}}@keyframes ssCardDrift{0%,to{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-18px) rotate(var(--rot))}}@keyframes ssOrbHalo{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.1)}}@keyframes ssOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ssBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes laFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes podGlow{0%,to{box-shadow:0 0 18px #e8c46a99}50%{box-shadow:0 0 30px #e8c46a}}@keyframes podFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes podFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tutFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes twPop{0%{opacity:0;transform:scale(.7)}55%{opacity:1;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes twGlow{0%,to{text-shadow:0 0 10px #e8c46a99}50%{text-shadow:0 0 22px #e8c46a,0 0 34px #e8c46a8c}}@keyframes twSpark{0%,to{opacity:.25;transform:translateY(0)scale(.8)}50%{opacity:1;transform:translateY(-7px)scale(1.25)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
