*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-\[-20px\]{margin-bottom:-20px}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.min-w-\[250px\]{min-width:250px}.min-w-\[280px\]{min-width:280px}.max-w-\[280px\]{max-width:280px}.max-w-\[90vw\]{max-width:90vw}.max-w-md{max-width:28rem}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-\[7px\]{gap:7px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-molten-gold\/40{border-color:#d4a52066}.border-parchment\/10{border-color:#f5e6c81a}.border-parchment\/20{border-color:#f5e6c833}.border-parchment\/30{border-color:#f5e6c84d}.bg-black\/60{background-color:#0009}.bg-iron-ink{--tw-bg-opacity: 1;background-color:rgb(42 34 24 / var(--tw-bg-opacity, 1))}.bg-iron-ink\/80{background-color:#2a2218cc}.bg-molten-gold{--tw-bg-opacity: 1;background-color:rgb(212 165 32 / var(--tw-bg-opacity, 1))}.bg-molten-gold\/20{background-color:#d4a52033}.bg-parchment\/10{background-color:#f5e6c81a}.bg-verdigris{--tw-bg-opacity: 1;background-color:rgb(74 124 111 / var(--tw-bg-opacity, 1))}.bg-workshop-bg{--tw-bg-opacity: 1;background-color:rgb(26 20 16 / var(--tw-bg-opacity, 1))}.bg-workshop-bg\/50{background-color:#1a141080}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[14px\]{padding-left:14px;padding-right:14px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.pb-1{padding-bottom:.25rem}.text-center{text-align:center}.font-cinzel{font-family:Cinzel,Trajan Pro,Georgia,serif}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.italic{font-style:italic}.lining-nums{--tw-numeric-figure: lining-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-tight{line-height:1.25}.tracking-\[0\.20em\]{letter-spacing:.2em}.text-crimson-bright{--tw-text-opacity: 1;color:rgb(201 70 86 / var(--tw-text-opacity, 1))}.text-molten-gold{--tw-text-opacity: 1;color:rgb(212 165 32 / var(--tw-text-opacity, 1))}.text-parchment{--tw-text-opacity: 1;color:rgb(245 230 200 / var(--tw-text-opacity, 1))}.text-parchment\/30{color:#f5e6c84d}.text-parchment\/40{color:#f5e6c866}.text-parchment\/50{color:#f5e6c880}.text-parchment\/55{color:#f5e6c88c}.text-parchment\/60{color:#f5e6c899}.text-parchment\/70{color:#f5e6c8b3}.text-parchment\/80{color:#f5e6c8cc}.text-ruby{--tw-text-opacity: 1;color:rgb(212 96 58 / var(--tw-text-opacity, 1))}.text-verdigris{--tw-text-opacity: 1;color:rgb(74 124 111 / var(--tw-text-opacity, 1))}.text-workshop-bg{--tw-text-opacity: 1;color:rgb(26 20 16 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-parchment\/20{text-decoration-color:#f5e6c833}.decoration-parchment\/25{text-decoration-color:#f5e6c840}.decoration-dotted{text-decoration-style:dotted}.underline-offset-4{text-underline-offset:4px}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}button,[role=button],[data-clickable=true]{touch-action:manipulation}@font-face{font-family:Cinzel;src:url(./Cinzel-VariableFont_wght-Dzu6Mfm8.ttf) format("truetype-variations");font-weight:400 900;font-style:normal;font-display:swap}:root{--workshop-bg: #1a1410;--workshop-deep: #0f0b08;--workbench: #2a2520;--obsidian: #0f0b08;--workshop-soft: #241c16;--iron-ink: #2a2218;--iron-ink-soft: #3a322a;--parchment: #f5e6c8;--parchment-warm: #e9d4a8;--parchment-deep: #c9b184;--parchment-dark: #4a3a2a;--verdigris: #4a7c6f;--verdigris-dark: #2d5248;--verdigris-bright:#6fa094;--amber-ember: #8b6914;--molten-gold: #d4a520;--gold-bright: #ffd966;--white-hot: #fff4b0;--fire-copper: #d4603a;--water-silver: #5e8fd4;--air-gold: #e8c44a;--earth-bronze: #6ab274;--nigredo: #3a2a1f;--albedo: #e8dcc0;--rubedo: #b8351f;--crimson: #9b2335;--crimson-bright: #c94656;--crimson-deep: #5a1220;--moon-silver: #c0c8d8;--moon-silver-bright: #dfe4ee;--moon-silver-glow: rgba(192, 200, 216, .55);--inlay-tin: #a8a89e;--inlay-tin-edge: #6b6b62;--inlay-tin-glow: rgba(168, 168, 158, .55);--inlay-bismuth: #a87894;--inlay-bismuth-edge: #6b4a5a;--inlay-bismuth-glow: rgba(180, 130, 158, .6);--inlay-iron: #5a5650;--inlay-iron-edge: #2e2c28;--inlay-iron-glow: rgba(120, 116, 110, .65);--inlay-iron-accent: #7a7670;--inlay-copper: #b87038;--inlay-copper-edge: #6a3818;--inlay-copper-glow: rgba(184, 112, 56, .7);--inlay-antimony: #9098a8;--inlay-antimony-edge: #4e5466;--inlay-antimony-glow: rgba(144, 152, 168, .8);--fg1: #fff4d6;--fg2: #f5e6c8;--fg3: #d8c499;--fg4: #a89676;--ink1: #1a130a;--ink2: #3d2f1f;--ink3: #6b5737;--ink-deep: #1a1208;--fire-copper-ink: #a0321e;--water-silver-ink: #1e4690;--air-gold-ink: #b48c14;--earth-bronze-ink: #1e6428;--border-subtle: rgba(212, 165, 32, .08);--border-soft: rgba(212, 165, 32, .2);--border-strong: rgba(212, 165, 32, .5);--border-ink: rgba(42, 34, 24, .4);--border-patina: rgba(74, 124, 111, .5);--shadow-candle: 0 0 24px rgba(212, 165, 32, .18);--shadow-deep: 0 6px 18px rgba(0, 0, 0, .55);--shadow-press: inset 0 2px 4px rgba(0, 0, 0, .45);--shadow-ember: 0 0 12px rgba(212, 165, 32, .35);--shadow-ritual: 0 0 32px rgba(255, 217, 102, .45);--font-display: "Cinzel", "Trajan Pro", "Cormorant SC", Georgia, serif;--font-body: "Cinzel", "Cormorant Garamond", Georgia, serif;--font-mono: "Cinzel", ui-monospace, monospace;--type-whisper: 11px;--type-small: 13px;--type-body: 15px;--type-lead: 18px;--type-h4: 22px;--type-h3: 28px;--type-h2: 38px;--type-h1: 54px;--type-ritual: 84px;--weight-regular: 420;--weight-medium: 540;--weight-bold: 680;--weight-heavy: 820;--tracking-tight: .01em;--tracking-normal: .04em;--tracking-wide: .12em;--tracking-ritual: .22em;--leading-tight: 1.15;--leading-normal: 1.35;--leading-loose: 1.6;--radius-sm: 2px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-card: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--ease-ritual: cubic-bezier(.4, 0, .2, 1);--ease-ink: cubic-bezier(.32, .72, .16, 1);--dur-quick: .18s;--dur-normal: .32s;--dur-slow: .68s;--dur-ritual: 1.2s}body{margin:0;background-color:var(--workbench);color:var(--fg1);font-family:var(--font-body);font-weight:420;letter-spacing:.04em;line-height:1.35;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}.surface-workbench{background:radial-gradient(ellipse at 30% 20%,rgba(212,165,32,.06) 0%,transparent 55%),radial-gradient(ellipse at 80% 85%,rgba(155,35,53,.04) 0%,transparent 60%),linear-gradient(180deg,#1a1410,#0f0b08)}.label-ritual{font-family:var(--font-display);font-size:9px;letter-spacing:.22em;text-transform:uppercase;font-weight:540}.numeric{font-family:var(--font-display);font-weight:820;font-variant-numeric:lining-nums tabular-nums}.h1{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--type-h1);letter-spacing:var(--tracking-wide);line-height:var(--leading-tight);text-transform:uppercase;color:var(--fg1);text-shadow:0 2px 8px rgba(0,0,0,.6)}.h2{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--type-h2);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg1)}.h3{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--type-h3);letter-spacing:var(--tracking-normal);text-transform:uppercase;color:var(--fg1)}.h4{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--type-h4);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg2)}.p{font-family:var(--font-body);font-size:var(--type-body);letter-spacing:var(--tracking-tight);line-height:var(--leading-normal);color:var(--fg2)}.label,.caps{font-family:var(--font-display);font-size:var(--type-whisper);letter-spacing:var(--tracking-ritual);text-transform:uppercase;color:var(--fg3);font-weight:var(--weight-medium)}.ritual{font-family:var(--font-display);font-size:var(--type-ritual);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight);color:var(--gold-bright);text-shadow:0 0 16px rgba(255,217,102,.6),0 0 32px rgba(212,165,32,.35)}.surface-parchment{background:radial-gradient(ellipse at 30% 15%,rgba(255,244,176,.18) 0%,transparent 55%),radial-gradient(ellipse at 75% 90%,rgba(139,105,20,.15) 0%,transparent 55%),linear-gradient(180deg,#f5e6c8,#e9d4a8);color:var(--ink1)}.surface-parchment-dark{background:radial-gradient(ellipse at 30% 15%,rgba(212,165,32,.14) 0%,transparent 55%),linear-gradient(180deg,#4a3a2a,#2e2418);color:var(--parchment)}.border-copper{border:2px solid var(--verdigris);box-shadow:inset 0 0 0 1px #4a7c6f4d,0 2px 8px #00000080}.border-nigredo{border:2px solid #1a1410;box-shadow:inset 0 0 0 1px #4a443a99}.border-albedo{border:2px solid #c9c4b8;box-shadow:inset 0 0 0 1px #c9c4b84d}.border-rubedo{border:2px solid var(--rubedo);box-shadow:inset 0 0 0 1px #d4a52066}@keyframes scoreRise{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.05)}70%{opacity:1;transform:translate(-50%,-80%) scale(1)}to{opacity:0;transform:translate(-50%,-130%) scale(.95)}}@keyframes cardPulse{0%,to{box-shadow:0 0 14px #ffd96680,inset 0 0 10px #ffd96633}50%{box-shadow:0 0 24px #ffd966d9,inset 0 0 16px #ffd96659}}@keyframes arcPendingBlink{0%,to{box-shadow:inset 0 0 0 2px var(--gold-bright),0 0 26px #ffd966d9,0 0 8px #ffd966a6,inset 0 0 22px #ffd96652}50%{box-shadow:inset 0 0 0 2px #d4a52059,0 0 8px #ffd96633,inset 0 0 8px #ffd96614}}.arc-pending-cell{animation:arcPendingBlink .9s var(--ease-ritual) infinite}@keyframes arcModalFade{0%{opacity:0}to{opacity:1}}@keyframes arcModalRise{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes arcBreakdownPip{0%,to{box-shadow:0 0 6px #ffd96699,0 0 14px #ffd9664d;transform:scale(1)}50%{box-shadow:0 0 12px #ffd966e6,0 0 22px #ffd96680;transform:scale(1.08)}}@keyframes cx-fade{0%{opacity:0}}@keyframes cx-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes cx-deal{0%{opacity:0;transform:translateY(18px) rotate(var(--cx-tilt, 0deg)) scale(.96)}}@keyframes cx-arrow{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes cx-saved{0%{box-shadow:0 4px 12px #000000bf,0 0 0 1px #281e14e6}30%{box-shadow:0 4px 12px #000000bf,0 0 0 2px var(--gold-bright),0 0 26px #ffd966bf}55%{box-shadow:0 4px 12px #000000bf,0 0 0 1px #d4a52099,0 0 12px #ffd96659}80%{box-shadow:0 4px 12px #000000bf,0 0 0 2px var(--gold-bright),0 0 22px #ffd966a6}to{box-shadow:0 4px 12px #000000bf,0 0 0 1.5px #ffd966d9,0 0 16px #ffd96673}}@keyframes cx-drop{to{opacity:.3;filter:saturate(.4) brightness(.7)}}@keyframes cx-mute{to{opacity:.55;filter:saturate(.5) brightness(.85)}}@keyframes cx-high{to{box-shadow:0 4px 12px #000000bf,0 0 0 3px var(--crimson-bright),0 0 24px #c94656d9;filter:contrast(1.1) brightness(1.08);transform:scale(1.06) rotate(var(--cx-tilt, 0deg))}}@keyframes cx-ignite{0%{opacity:0;box-shadow:0 0 #ffd96600}55%{opacity:1;box-shadow:0 0 34px #fff4b099,inset 0 0 22px #ffd96647}to{opacity:1;box-shadow:0 0 16px #ffd96659,inset 0 0 12px #ffd96629}}@keyframes cx-dieout{to{opacity:0}}@keyframes cx-clear{to{opacity:0;transform:translateY(-8px) scale(.9);filter:saturate(.4)}}@keyframes cx-seize{0%{opacity:0}45%{opacity:1;box-shadow:0 0 24px #6fb39fa6,inset 0 0 14px #6fb39f59}to{opacity:1;box-shadow:0 0 14px #6fb39f66,inset 0 0 10px #6fb39f40}}@keyframes cx-vanish{to{opacity:0;filter:brightness(1.8) saturate(.3);transform:scale(.96)}}@keyframes cx-appear{0%{opacity:0;filter:brightness(2.2)}60%{opacity:1;filter:brightness(1.4)}to{opacity:1;filter:brightness(1)}}@keyframes cx-veil{0%{opacity:0}to{opacity:1}}@keyframes cx-unveil{0%{opacity:1}30%{opacity:1;filter:brightness(1.7)}to{opacity:0;filter:brightness(1)}}@media (prefers-reduced-motion: reduce){.cx-root *,.cx-root{animation-duration:1ms!important;animation-delay:0ms!important}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes ember-rise{0%{transform:translate(0);opacity:0}12%{opacity:.85}70%{opacity:.6}to{transform:translate(var(--sway, 24px),var(--rise, -420px));opacity:0}}@keyframes threshold-bloom{0%{opacity:0;transform:scale(.25)}38%{opacity:1}60%{opacity:1}to{opacity:0;transform:scale(3.4)}}@keyframes onb-place{0%{transform:translateY(-52px) scale(.78) rotate(-7deg);opacity:0}60%{opacity:1}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes onb-dissolve{0%{opacity:1;transform:scale(1);filter:brightness(1.12)}35%{opacity:1;transform:scale(1.06) translateY(-4px);filter:brightness(1.5) saturate(.9)}to{opacity:0;transform:scale(.82) translateY(-16px) rotate(-6deg);filter:brightness(1.7) saturate(.5)}}@keyframes onb-kicker{0%,to{box-shadow:0 0 0 2px #6fa094d9,0 0 16px #6fa09459,0 5px 14px #00000080}50%{box-shadow:0 0 0 2px #6fa094,0 0 30px #6fa094b3,0 5px 14px #00000080}}@keyframes onb-nudge{0%,to{box-shadow:inset 2px 2px 6px #0006,inset 0 0 16px #ffd96652,0 0 14px #ffd96666}50%{box-shadow:inset 2px 2px 6px #0006,inset 0 0 26px #ffd9668c,0 0 26px #ffd966b3}}@keyframes onb-help{0%,to{box-shadow:0 0 16px #ffd96680}50%{box-shadow:0 0 30px #ffd966e6}}@keyframes onb-cue{0%,to{transform:translateY(0);opacity:.85}50%{transform:translateY(6px);opacity:1}}@keyframes onb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes onb-fadein{0%{opacity:0}to{opacity:1}}@keyframes onb-flag-in{0%{opacity:0}to{opacity:1}}@keyframes coach-mark-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.coach-mark-enter{animation:coach-mark-enter .18s ease-out both}@keyframes mobileDrawerFade{0%{opacity:0}to{opacity:1}}@keyframes mobileDrawerSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes hudDrawerSlideLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.arcana-drawer-backdrop{animation:mobileDrawerFade .22s var(--ease-ritual)}.arcana-drawer-sheet{animation:mobileDrawerSlide .26s var(--ease-ritual)}.hud-sheet-left{animation:hudDrawerSlideLeft .26s var(--ease-ritual)}.tile-reagent{flex:1 1 130px;min-width:0;background:radial-gradient(ellipse at 50% 30%,rgba(212,165,32,.08) 0%,transparent 70%),linear-gradient(180deg,#2a2014,#1a1410);border:2px solid var(--verdigris);border-radius:8px;box-shadow:inset 0 0 0 1px #4a7c6f40,inset 0 1px #ffd9660d,0 3px 10px #0009;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;padding:0;transition:border-color var(--dur-quick) var(--ease-ritual),box-shadow var(--dur-quick) var(--ease-ritual),transform var(--dur-quick) var(--ease-ritual)}.tile-reagent:hover:not(:disabled){border-color:var(--gold-bright);box-shadow:inset 0 0 0 1px #ffd96633,inset 0 1px #ffd9661a,0 5px 16px #000000b3,0 0 22px #d4a52038;transform:translateY(-1px)}.tile-reagent:disabled{cursor:not-allowed;opacity:.55;border-color:#4a7c6f66}.tile-reagent .tile-name{font-family:var(--font-display);font-size:10px;font-weight:680;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-bright);text-align:center;padding:8px 6px 6px;border-bottom:1px solid rgba(212,165,32,.15);text-shadow:0 1px 2px rgba(0,0,0,.6)}.tile-reagent .tile-art{flex:1;display:flex;align-items:center;justify-content:center;padding:6px;min-height:110px}.tile-reagent .tile-art img{max-width:100%;max-height:110px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.tile-reagent .tile-mechanic{font-family:var(--font-display);font-size:9px;font-weight:540;letter-spacing:.02em;color:var(--fg2);text-align:center;padding:8px 8px 6px;line-height:1.4;border-top:1px solid rgba(212,165,32,.15);background:#0a080680;min-height:38px;display:flex;align-items:center;justify-content:center}.tile-reagent .tile-price{background:#00000080;color:var(--gold-bright);font-family:var(--font-display);font-weight:820;font-size:13px;letter-spacing:.04em;text-align:center;padding:6px 8px;font-variant-numeric:lining-nums tabular-nums;border-top:1px solid rgba(212,165,32,.3);text-shadow:0 1px 2px rgba(0,0,0,.6)}.reagent-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0806d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.reagent-modal{background:radial-gradient(ellipse at 30% 15%,rgba(212,165,32,.1) 0%,transparent 55%),linear-gradient(180deg,#2a2218,#1a1410);border:1px solid rgba(212,165,32,.4);border-radius:10px;box-shadow:0 0 0 1px #0006,0 12px 40px #000000b3;padding:22px 24px;display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden}.reagent-modal-scroll{overflow-y:auto;min-height:0;display:flex;flex-direction:column}.reagent-modal .modal-title{font-family:var(--font-display);font-size:15px;font-weight:680;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-bright);text-align:center;margin-bottom:4px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.reagent-modal .modal-sub{font-family:var(--font-display);font-size:10px;font-weight:540;letter-spacing:.18em;text-transform:uppercase;color:var(--fg3);text-align:center;margin-bottom:18px}.reagent-modal .modal-cancel{margin-top:18px;align-self:center;font-family:var(--font-display);font-weight:680;font-size:13px;letter-spacing:.18em;text-transform:uppercase;padding:12px 28px;border-radius:6px;background:#241c16b3;border:1px solid rgba(212,165,32,.35);color:var(--fg1);cursor:pointer;transition:all var(--dur-quick) var(--ease-ritual)}.reagent-modal .modal-cancel:hover{border-color:#d4a52099;background:#32281eb3}.picker-grid{display:grid;gap:12px}.picker-grid.gems{--gem-tile: min(200px, (100vh - 240px) * .88);grid-template-columns:repeat(4,var(--gem-tile));justify-content:center}.picker-grid.sigils{--sigil-tile: min(180px, (100vh - 260px) / 3 * .82);grid-template-columns:repeat(5,var(--sigil-tile));gap:10px;justify-content:center}.picker-grid.inlay-cells{--inlay-tile: min(96px, (100vh - 356px) / 5);grid-template-columns:repeat(5,var(--inlay-tile));gap:10px;justify-content:center}.reagent-art-tile{transition:border-color var(--dur-quick) var(--ease-ritual),transform var(--dur-quick) var(--ease-ritual),box-shadow var(--dur-quick) var(--ease-ritual)}.reagent-art-tile:hover:not(:disabled){border-color:var(--gold-bright);transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffd96633,0 4px 12px #0009,0 0 18px #d4a52040}@media (max-width: 767px){.reagent-modal-backdrop{padding:12px}.reagent-modal{padding:16px 14px;width:100%}.reagent-modal .modal-title{font-size:13px;margin-bottom:3px}.reagent-modal .modal-sub{font-size:9px;margin-bottom:12px}.reagent-modal .modal-cancel{margin-top:12px;padding:10px 22px;font-size:12px}.picker-grid.inlay-cells{grid-template-columns:repeat(5,60px);gap:6px;justify-content:center}}.inlay-cell{aspect-ratio:1;background:radial-gradient(ellipse at 30% 25%,rgba(212,165,32,.06) 0%,transparent 60%),linear-gradient(135deg,#2a2218,#1a1410);border:1px solid rgba(74,58,42,.6);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:9px;font-weight:680;color:#d8c49973;cursor:pointer;transition:border-color var(--dur-quick) var(--ease-ritual),background var(--dur-quick) var(--ease-ritual),color var(--dur-quick) var(--ease-ritual);position:relative;overflow:hidden;padding:0}.inlay-cell:hover{border-color:var(--gold-bright);background:radial-gradient(ellipse at 30% 25%,rgba(212,165,32,.14) 0%,transparent 60%),linear-gradient(135deg,#3a2e22,#241c16);color:var(--gold-bright)}.inlay-cell .plate{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:820;font-size:11px;letter-spacing:.04em;font-variant-numeric:lining-nums tabular-nums}.inlay-cell.lvl-1 .plate{background:linear-gradient(135deg,#6a4520,#3a2218);box-shadow:inset 0 1px #e8c44a59,inset 0 0 0 1px #4a7c6f8c,0 0 6px #4a7c6f40;color:#f5e6c8}.inlay-cell.lvl-2 .plate{background:linear-gradient(135deg,#a87838,#6a4520);box-shadow:inset 0 1px #ffd96680,inset 0 0 0 1px #8b6914b3,0 0 9px #8b691466;color:#fff4d6}.inlay-cell.lvl-3 .plate{background:linear-gradient(135deg,#e8c44a,#a87838);box-shadow:inset 0 1px #fff4b0b3,inset 0 0 0 1px #d4a520b3,0 0 14px #d4a5208c;color:#1a1410}.hover\:bg-verdigris\/80:hover{background-color:#4a7c6fcc}.hover\:text-parchment:hover{--tw-text-opacity: 1;color:rgb(245 230 200 / var(--tw-text-opacity, 1))}.hover\:text-parchment\/70:hover{color:#f5e6c8b3}.hover\:text-parchment\/85:hover{color:#f5e6c8d9}.hover\:opacity-80:hover{opacity:.8}.hover\:ring-1:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ring-molten-gold\/50:hover{--tw-ring-color: rgb(212 165 32 / .5)}.active\:translate-y-px:active{--tw-translate-y: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
