*,: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}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.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}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-top-8{top:-2rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-20{right:5rem}.right-36{right:9rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-1{top:.25rem}.top-14{top:3.5rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\[50\%\]{top:50%}.top-full{top:100%}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[80\]{z-index:80}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[2px\]{height:2px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[240px\]{width:240px}.w-\[280px\]{width:280px}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[180px\]{min-width:180px}.min-w-\[240px\]{min-width:240px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-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-x-0{--tw-translate-x: 0px;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-x-\[-50\%\]{--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-\[-50\%\]{--tw-translate-y: -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))}.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}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-\[3px\]{gap:3px}.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-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#8b6914\]{--tw-border-opacity: 1;border-color:rgb(139 105 20 / var(--tw-border-opacity, 1))}.border-\[\#e9c76a\]{--tw-border-opacity: 1;border-color:rgb(233 199 106 / var(--tw-border-opacity, 1))}.border-\[rgba\(255\,255\,255\,0\.08\)\]{border-color:#ffffff14}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-input{border-color:hsl(var(--input))}.border-red-800\/50{border-color:#991b1b80}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.bg-\[\#4ade80\]{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-\[\#94a3b8\]{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(0\,0\,0\,0\.15\)\]{background-color:#00000026}.bg-\[rgba\(0\,0\,0\,0\.3\)\]{background-color:#0000004d}.bg-\[rgba\(0\,0\,0\,0\.35\)\]{background-color:#00000059}.bg-\[rgba\(0\,0\,0\,0\.4\)\]{background-color:#0006}.bg-\[rgba\(0\,0\,0\,0\.6\)\]{background-color:#0009}.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-\[rgba\(0\,0\,0\,0\.95\)\]{background-color:#000000f2}.bg-\[rgba\(211\,169\,79\,0\.25\)\]{background-color:#d3a94f40}.bg-\[rgba\(220\,38\,38\,0\.1\)\]{background-color:#dc26261a}.bg-\[rgba\(220\,38\,38\,0\.15\)\]{background-color:#dc262626}.bg-\[rgba\(34\,197\,94\,0\.15\)\]{background-color:#22c55e26}.bg-amber-900{--tw-bg-opacity: 1;background-color:rgb(120 53 15 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-black\/80{background-color:#000c}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-green-900{--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}.bg-indigo-900{--tw-bg-opacity: 1;background-color:rgb(49 46 129 / var(--tw-bg-opacity, 1))}.bg-indigo-900\/60{background-color:#312e8199}.bg-muted{background-color:hsl(var(--muted))}.bg-primary{background-color:hsl(var(--primary))}.bg-red-900{--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.bg-red-950\/40{background-color:#450a0a66}.bg-rose-900{--tw-bg-opacity: 1;background-color:rgb(136 19 55 / var(--tw-bg-opacity, 1))}.bg-rose-900\/60{background-color:#88133799}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-none{background-image:none}.from-\[\#1a1410\]{--tw-gradient-from: #1a1410 var(--tw-gradient-from-position);--tw-gradient-to: rgb(26 20 16 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#2d2318\]{--tw-gradient-to: rgb(45 35 24 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #2d2318 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#c9a961\]{--tw-gradient-to: rgb(201 169 97 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #c9a961 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#1a1410\]{--tw-gradient-to: #1a1410 var(--tw-gradient-to-position)}.to-gray-800{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.p-0{padding:0}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.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}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-\[\'Cardo\'\]{font-family:Cardo}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[13px\]{font-size:13px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#d3a94f\]{--tw-text-opacity: 1;color:rgb(211 169 79 / var(--tw-text-opacity, 1))}.text-\[\#e8d4b0\]{--tw-text-opacity: 1;color:rgb(232 212 176 / var(--tw-text-opacity, 1))}.text-\[\#e9c76a\]{--tw-text-opacity: 1;color:rgb(233 199 106 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-\[\#e9c76a\]{accent-color:#e9c76a}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.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)}.shadow-\[0_0_20px_rgba\(0\,0\,0\,0\.6\)\,0_0_40px_rgba\(139\,69\,19\,0\.3\)\]{--tw-shadow: 0 0 20px rgba(0,0,0,.6),0 0 40px rgba(139,69,19,.3);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color), 0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_4px_rgba\(148\,163\,184\,0\.4\)\]{--tw-shadow: 0 0 4px rgba(148,163,184,.4);--tw-shadow-colored: 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(74\,222\,128\,0\.6\)\]{--tw-shadow: 0 0 8px rgba(74,222,128,.6);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 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-offset-background{--tw-ring-offset-color: hsl(var(--background))}.drop-shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.8\)\]{--tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,.8));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-all{transition-property:all;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}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.fade-out{--tw-exit-opacity: 0}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.\[outline\:2px_double_\#fff\]{outline:2px double #fff}.\[outline\:2px_solid_\#22c55e\]{outline:2px solid #22c55e}.\[outline\:2px_solid_\#d3a94f\]{outline:2px solid #d3a94f}.\[outline\:2px_solid_\#dc2626\]{outline:2px solid #dc2626}.\[outline\:2px_solid_\#fff\]{outline:2px solid #fff}.\[outline\:3px_double_\#d3a94f\]{outline:3px double #d3a94f}.\[outline\:3px_double_\#f00\]{outline:3px double #f00}.\[outline\:3px_double_\#fff\]{outline:3px double #fff}.\[outline\:5px_double_\#fff\]{outline:5px double #fff}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;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))}.hover\:bg-\[rgba\(0\,0\,0\,0\.9\)\]:hover{background-color:#000000e6}.hover\:bg-\[rgba\(211\,169\,79\,0\.2\)\]:hover{background-color:#d3a94f33}.hover\:bg-\[rgba\(233\,199\,106\,0\.1\)\]:hover{background-color:#e9c76a1a}.hover\:bg-\[rgba\(255\,255\,255\,0\.1\)\]:hover{background-color:#ffffff1a}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-amber-700:hover{--tw-bg-opacity: 1;background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-red-900\/60:hover{background-color:#7f1d1d99}.hover\:bg-rose-700:hover{--tw-bg-opacity: 1;background-color:rgb(190 18 60 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:text-\[\#000\]:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-\[\#3a3a3a\]:hover{--tw-text-opacity: 1;color:rgb(58 58 58 / var(--tw-text-opacity, 1))}.hover\:text-\[\#ffd700\]:hover{--tw-text-opacity: 1;color:rgb(255 215 0 / var(--tw-text-opacity, 1))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:\[outline\:2px_solid_\#d3a94f\]:hover{outline:2px solid #d3a94f}.hover\:\[outline\:2px_solid_\#e9c76a\]:hover{outline:2px solid #e9c76a}.hover\:\[outline\:3px_double_\#9c864a\]:hover{outline:3px double #9c864a}.hover\:\[outline\:3px_double_\#d3a94f\]:hover{outline:3px double #d3a94f}.hover\:\[outline\:3px_double_\#fff\]:hover{outline:3px double #fff}.focus\:bg-\[rgba\(233\,199\,106\,0\.1\)\]:focus{background-color:#e9c76a1a}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--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(2px + 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)}.focus\:ring-\[\#e9c76a\]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(233 199 106 / var(--tw-ring-opacity, 1))}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:\[outline\:2px_solid_\#d3a94f\]:focus{outline:2px solid #d3a94f}.focus\:\[outline\:2px_solid_\#e9c76a\]:focus{outline:2px solid #e9c76a}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--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(2px + 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)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:scale-100:hover:disabled{--tw-scale-x: 1;--tw-scale-y: 1;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))}.disabled\:hover\:bg-\[rgba\(0\,0\,0\,0\.35\)\]:hover:disabled{background-color:#00000059}.disabled\:hover\:text-white:hover:disabled{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-\[\#e9c76a\]{--tw-text-opacity: 1;color:rgb(233 199 106 / var(--tw-text-opacity, 1))}.group\/btn:hover .group-hover\/btn\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group.toaster .group-\[\.toaster\]\:rounded-none{border-radius:0}.group.toaster .group-\[\.toaster\]\:border-0{border-width:0px}.group.toast .group-\[\.toast\]\:bg-\[\#d3a94f\]{--tw-bg-opacity: 1;background-color:rgb(211 169 79 / var(--tw-bg-opacity, 1))}.group.toast .group-\[\.toast\]\:bg-transparent{background-color:transparent}.group.toaster .group-\[\.toaster\]\:bg-\[rgba\(0\,0\,0\,0\.85\)\]{background-color:#000000d9}.group.toaster .group-\[\.toaster\]\:bg-\[rgba\(239\,68\,68\,0\.15\)\]{background-color:#ef444426}.group.toaster .group-\[\.toaster\]\:bg-\[rgba\(245\,158\,11\,0\.15\)\]{background-color:#f59e0b26}.group.toaster .group-\[\.toaster\]\:bg-\[rgba\(34\,197\,94\,0\.15\)\]{background-color:#22c55e26}.group.toaster .group-\[\.toaster\]\:bg-\[rgba\(59\,130\,246\,0\.15\)\]{background-color:#3b82f626}.group.toast .group-\[\.toast\]\:font-semibold,.group.toaster .group-\[\.toaster\]\:font-semibold{font-weight:600}.group.toast .group-\[\.toast\]\:uppercase,.group.toaster .group-\[\.toaster\]\:uppercase{text-transform:uppercase}.group.toast .group-\[\.toast\]\:normal-case{text-transform:none}.group.toast .group-\[\.toast\]\:tracking-normal{letter-spacing:0em}.group.toast .group-\[\.toast\]\:tracking-wider,.group.toaster .group-\[\.toaster\]\:tracking-wider{letter-spacing:.05em}.group.toast .group-\[\.toast\]\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.group.toast .group-\[\.toast\]\:text-white,.group.toaster .group-\[\.toaster\]\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group.toaster .group-\[\.toaster\]\:shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group.toast .group-\[\.toast\]\:outline,.group.toaster .group-\[\.toaster\]\:outline{outline-style:solid}.group.toaster .group-\[\.toaster\]\:outline-double{outline-style:double}.group.toast .group-\[\.toast\]\:outline-2{outline-width:2px}.group.toaster .group-\[\.toaster\]\:outline-4{outline-width:4px}.group.toast .group-\[\.toast\]\:outline-white{outline-color:#fff}.group.toaster .group-\[\.toaster\]\:outline-\[\#4ade80\]{outline-color:#4ade80}.group.toaster .group-\[\.toaster\]\:outline-\[\#60a5fa\]{outline-color:#60a5fa}.group.toaster .group-\[\.toaster\]\:outline-\[\#ef4444\]{outline-color:#ef4444}.group.toaster .group-\[\.toaster\]\:outline-\[\#f59e0b\]{outline-color:#f59e0b}.group.toaster .group-\[\.toaster\]\:outline-white{outline-color:#fff}.group.toaster .group-\[\.toaster\]\:backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media(min-width:768px){.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}html{--bg-s: 60px;--bg-c1: #b09f79;--bg-c2: #223353;--bg-g: #0000 83%, var(--bg-c1) 85% 99%, #0000 101%;background:radial-gradient(27% 29% at right,var(--bg-g)) calc(var(--bg-s) / 2) var(--bg-s),radial-gradient(27% 29% at left,var(--bg-g)) calc(var(--bg-s) / -2) var(--bg-s),radial-gradient(29% 27% at top,var(--bg-g)) 0 calc(var(--bg-s) / 2),radial-gradient(29% 27% at bottom,var(--bg-g)) 0 calc(var(--bg-s) / -2) var(--bg-c2);background-size:calc(2 * var(--bg-s)) calc(2 * var(--bg-s))}:root{font-family:system-ui,Avenir,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: 224 71% 4%;--foreground: 0 0% 100%;--card: 224 71% 4%;--card-foreground: 0 0% 100%;--popover: 224 71% 4%;--popover-foreground: 0 0% 100%;--primary: 42 46% 58%;--primary-foreground: 224 71% 4%;--secondary: 224 32% 26%;--secondary-foreground: 0 0% 100%;--muted: 0 0% 15%;--muted-foreground: 0 0% 65%;--accent: 42 70% 66%;--accent-foreground: 0 0% 0%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 0 0% 25%;--input: 0 0% 25%;--ring: 42 46% 58%;--radius: 0rem;--gold-border: #9c864a;--bonfire-night: #1a1a40;--bonfire-fire: #851f1f;--wax-color: rgb(122, 32, 47);--sidebar-w: 360px;--ink-color: rgba(0, 0, 0, .9)}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#1a1a40}a:hover{color:#747bff}button{background-color:#f9f9f9}}.rakkas-regular{font-family:Rakkas,serif;font-weight:400;font-style:normal;letter-spacing:.04em}.game-overlay{position:fixed;inset:0;background:#000000d9;z-index:75;opacity:1;pointer-events:auto;transition:opacity .5s ease-out}.game-overlay--hidden{opacity:0;pointer-events:none}@keyframes glow-pulse{0%,to{text-shadow:0 0 12px rgba(211,169,79,.35)}50%{text-shadow:0 0 32px rgba(211,169,79,.9),0 0 60px rgba(211,169,79,.3)}}.overlay-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;font-family:Rakkas,serif;color:#d3a94f;font-size:1.5rem;letter-spacing:.05em;text-align:center;animation:glow-pulse 2.4s ease-in-out infinite}.cardo-regular{font-family:Cardo,serif;font-weight:400;font-style:normal}.card-back{transition:filter .2s ease}.card-back:hover{filter:drop-shadow(0 0 7px rgba(255,95,202,.55))}.cardo-bold{font-family:Cardo,serif;font-weight:700;font-style:normal}.cardo-regular-italic{font-family:Cardo,serif;font-weight:400;font-style:italic}body{color-scheme:light dark;color:#213547;background-color:transparent;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){input,textarea,select{color:#f0f0f0}}select{background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" stroke="currentColor"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:18px}.extras-title{--b: 1px;--w: 8rem;--g: 1rem;--c: #333;display:table;margin-left:auto;margin-right:auto;font-size:2.2rem;color:var(--c);margin-bottom:1.5rem;-o-border-image:linear-gradient(#0000 calc(50% - var(--b) / 2),var(--c) 0 calc(50% + var(--b) / 2),#0000 0) 1 / 0 var(--w) / calc(var(--w) + var(--g));border-image:linear-gradient(#0000 calc(50% - var(--b) / 2),var(--c) 0 calc(50% + var(--b) / 2),#0000 0) 1 / 0 var(--w) / calc(var(--w) + var(--g))}.bg-achievements{--s: 60px;--c1: #f7c863;--c2: #a72b40;--_g: #0000 83%, var(--c1) 85% 99%, #0000 101%;background:radial-gradient(27% 29% at right,var(--_g)) calc(var(--s) / 2) var(--s),radial-gradient(27% 29% at left,var(--_g)) calc(var(--s) / -2) var(--s),radial-gradient(29% 27% at top,var(--_g)) 0 calc(var(--s) / 2),radial-gradient(29% 27% at bottom,var(--_g)) 0 calc(var(--s) / -2) var(--c2);background-size:calc(2 * var(--s)) calc(2 * var(--s))}.bg-profile{--s: 60px;--c1: #b3a8a3;--c2: #324b3a;--_g: #0000 83%, var(--c1) 85% 99%, #0000 101%;background:radial-gradient(27% 29% at right,var(--_g)) calc(var(--s) / 2) var(--s),radial-gradient(27% 29% at left,var(--_g)) calc(var(--s) / -2) var(--s),radial-gradient(29% 27% at top,var(--_g)) 0 calc(var(--s) / 2),radial-gradient(29% 27% at bottom,var(--_g)) 0 calc(var(--s) / -2) var(--c2);background-size:calc(2 * var(--s)) calc(2 * var(--s))}.bg-about,.bg-rules{--s: 60px;--c1: #f7c86a;--c2: #333333;--_g: #0000 83%, var(--c1) 85% 99%, #0000 101%;background:radial-gradient(27% 29% at right,var(--_g)) calc(var(--s) / 2) var(--s),radial-gradient(27% 29% at left,var(--_g)) calc(var(--s) / -2) var(--s),radial-gradient(29% 27% at top,var(--_g)) 0 calc(var(--s) / 2),radial-gradient(29% 27% at bottom,var(--_g)) 0 calc(var(--s) / -2) var(--c2);background-size:calc(2 * var(--s)) calc(2 * var(--s))}.profile-container,.achievements-container,.rules-container,.about-container,.settings-container,.admin-container{background:#fcfcfc;border:#333 5px solid;box-shadow:0 2px 16px #00000014;padding:2rem 3rem;margin:2rem 0;min-width:320px;max-width:1200px;width:100%;z-index:2}.achievements-page,.rules-page,.about-page,.profile-page,.settings-page,.admin-page{position:relative;min-height:100vh;display:flex;justify-content:center}.bg-stack{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;z-index:0;pointer-events:none}.achievements-list{list-style:none;padding:0;margin:0}.achievement-item{margin-bottom:1.5rem;padding:1rem;background:#fffbe6;border-radius:10px;box-shadow:0 1px 6px #0000000a}.achievement-title{font-size:1.2rem;color:#dc143c;margin:0 0 .5rem}.achievement-desc{font-size:1rem;color:#333;margin:0}.rules-content-layout{display:flex;width:100%;gap:2rem;min-height:60vh}.rules-menu{width:30%;min-width:180px;max-width:260px;background:#0003;border:2px solid rgba(255,255,255,.5);border-radius:10px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:flex-start;height:-moz-fit-content;height:fit-content;position:sticky;top:2rem}.rules-menu ul{list-style:none;padding:0;margin:0;width:100%}.rules-menu li{margin-bottom:1rem}.rules-menu a{color:#ffe18c;font-weight:700;text-decoration:none;font-size:1.1rem;transition:color .2s}.rules-menu a:hover{color:#e19c25}.rules-content{width:70%;background:#222;color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:10px;padding:1rem 2rem;display:flex;flex-direction:column;gap:2rem;min-width:80vh;height:55vh;overflow-y:auto}.rules-section{display:flex;flex-direction:column;gap:1rem}.section-title{color:#fff;font-size:1.8rem;font-weight:700;margin:0;border-bottom:2px solid rgba(255,255,255,.3);display:flex;flex-direction:column;gap:.75rem}.section-title .rules-content-layout{display:flex;flex-direction:row;gap:2rem;width:100%}.admin-user-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.95rem}.admin-user-table th{text-align:left;padding:.5rem .75rem;border-bottom:2px solid #333;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;color:#555}.admin-user-table td{padding:.6rem .75rem;border-bottom:1px solid #e0e0e0;vertical-align:middle}.admin-filter-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.admin-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;margin-bottom:1.25rem;font-size:.82rem;color:#555}.admin-pagination-info{min-width:100px}.admin-pagination-controls{display:flex;align-items:center;gap:.4rem}.admin-page-btn{background:#f5f5f5;border:1px solid #ccc;padding:.2rem .55rem;cursor:pointer;font-size:.85rem;font-family:inherit;color:#333;line-height:1}.admin-page-btn:disabled{opacity:.35;cursor:default}.admin-page-current{font-size:.82rem;color:#444;min-width:48px;text-align:center}.admin-pagination-size{display:flex;gap:.25rem}.admin-page-size-btn{background:#f5f5f5;border:1px solid #ccc;padding:.2rem .45rem;cursor:pointer;font-size:.85rem;font-family:inherit;color:#555}.admin-page-size-btn.active{background:#333;border-color:#333;color:#fff}.admin-filter-input{flex:1;background:#f5f5f5;border:1px solid #ccc;padding:.25rem .5rem;font-size:.85rem;color:#333}.admin-filter-clear{background:none;border:none;color:#888;cursor:pointer;font-size:.85rem;padding:.25rem .4rem;line-height:1}.admin-filter-clear:hover{color:#333}.admin-user-table td:last-child{text-align:right}.admin-edit-btn{background:none;border:1px solid #bbb;padding:.2rem .55rem;font-size:.78rem;color:#555;cursor:pointer;font-family:inherit}.admin-edit-btn:hover{border-color:#333;color:#333}.admin-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center}.admin-modal{background:#fff;border:2px solid #333;padding:2rem;min-width:320px;display:flex;flex-direction:column;gap:1rem}.admin-modal-title{font-size:1.1rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.05em}.admin-modal-label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#555}.admin-modal-label .admin-filter-input{width:100%}.admin-save-error{color:#c0392b;font-size:.85rem;margin:.5rem 0 0}.admin-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.admin-confirm-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-confirm-table th{text-align:left;padding:.3rem .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#777;border-bottom:1px solid #ddd}.admin-confirm-table td{padding:.4rem .5rem;border-bottom:1px solid #eee;vertical-align:middle}.admin-confirm-field{font-weight:600;color:#444;white-space:nowrap}.admin-confirm-before{color:#999}.admin-confirm-after{color:#1a7a3f;font-weight:600}.admin-role-select{background:#f5f5f5;border:1px solid #ccc;padding:.25rem .5rem;font-size:.85rem;cursor:pointer;color:#333}.rules-list li{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin:.5rem 0 0}.rules-menu{width:30%;min-width:140px;max-width:300px;margin-right:2rem;transition:width .2s}.rules-back-button{width:100%;max-width:400px;padding:1.25rem 2rem;font-size:1.3rem;font-weight:600;color:#fff;background:transparent;border:2px solid #fff;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.rules-back-button .rules-content{flex:1;width:70%}@media(max-width:900px){.rules-back-button .rules-content-layout{flex-direction:column;gap:1rem}.rules-back-button .rules-menu{width:100%;max-width:none;min-width:0;margin-right:0;margin-bottom:1rem;display:flex;justify-content:center}.rules-back-button .rules-menu ul{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0}.rules-back-button .rules-menu li{flex:1 1 auto;min-width:80px;text-align:center}.rules-back-button .rules-content{width:100%}}.rules-back-button:hover{background:#fff;color:#000;transform:scale(1.05)}.profile-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:gray}.profile-avatar-block{display:flex;flex-direction:column;align-items:center;margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid #e0e0e0}.profile-avatar-initials{width:5rem;height:5rem;border-radius:50%;background:var(--bonfire-night);border:3px solid #d3a94f;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#d3a94f;text-transform:uppercase;margin-bottom:.6rem;letter-spacing:.05em}.profile-avatar-name{font-size:1.1rem;font-weight:600;color:#222}.profile-field{margin-bottom:1.25rem}.profile-field-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#888;margin-bottom:.35rem}.profile-field-row{display:flex;gap:.5rem;align-items:stretch}.profile-field-input{flex:1;padding:.5rem .75rem;border:2px solid #ddd;font-size:1rem;color:#222;background-color:#fff;color-scheme:light;outline:none;transition:border-color .2s;font-family:inherit;min-width:0}.profile-field-input:focus{border-color:#d3a94f}.profile-field-input:-webkit-autofill,.profile-field-input:-webkit-autofill:hover,.profile-field-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:#222!important;box-shadow:0 0 0 30px #fff inset!important}.profile-save-btn{padding:.5rem 1.25rem;background:#d3a94f;color:#fff;border:none;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;white-space:nowrap;transition:background .15s;font-family:inherit}.profile-save-btn:hover:not(:disabled){background:#b8922a}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-field-error{color:#dc143c;font-size:.82rem;margin-top:.35rem}.profile-danger-zone{border-top:1px solid #eee;padding-top:1.25rem;margin-top:.25rem;margin-bottom:1.25rem}.profile-danger-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#dc143c;margin-bottom:.75rem}.profile-delete-btn{padding:.45rem 1rem;background:none;color:#dc143c;border:1px solid #dc143c;font-weight:700;cursor:pointer;font-size:.85rem;font-family:inherit;transition:background .15s,color .15s}.profile-delete-btn:hover{background:#dc143c;color:#fff}.profile-delete-confirm{padding:.75rem;border:1px solid #dc143c;background:#fff5f5}.profile-delete-confirm-msg{color:#dc143c;font-weight:600;font-size:.9rem;margin-bottom:.75rem}.profile-delete-actions{display:flex;gap:.5rem}.profile-cancel-btn{padding:.4rem .9rem;border:1px solid #ccc;background:#fff;color:#555;cursor:pointer;font-family:inherit;font-size:.85rem;transition:border-color .15s,color .15s}.profile-cancel-btn:hover{border-color:#888;color:#333}.profile-confirm-delete-btn{padding:.4rem .9rem;background:#dc143c;color:#fff;border:none;font-weight:700;cursor:pointer;font-family:inherit;font-size:.85rem}.profile-confirm-delete-btn:disabled{opacity:.6;cursor:not-allowed}:root{--card-scale: 1;--card-base-width: clamp(150px, 20vw, 280px);--card-base-height: calc(var(--card-base-width) * 10 / 7);--card-width: calc(var(--card-base-width) * var(--card-scale));--card-height: calc(var(--card-base-height) * var(--card-scale));--card-header-height: 10%;--card-image-height: 42%;--card-content-height: 48%;--card-font-scale: calc(1.3 * var(--card-scale));--card-spacing-scale: var(--card-scale)}.card-support{--category-color: 255, 225, 140;color:#ffe18c}.card-disruption{--category-color: 33, 33, 33;color:#212121}.card-tactic{--category-color: 25, 150, 225;color:#1996e1}.card-attack{--category-color: 225, 25, 60;color:#e1193c}.card-disruption .card-type{--type-color: 190, 190, 190}.card-type.card-type-field{--type-color: 40, 160, 80}.card-type.card-type-aura{--type-color: 130, 60, 200}.card{width:var(--card-width);height:var(--card-height);aspect-ratio:7 / 10!important;container-type:inline-size;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border:clamp(1px,1.1cqw,3px) solid rgb(var(--category-color, 212, 175, 55));border-radius:clamp(6px,5.5cqw,16px);box-shadow:0 calc(10px * var(--card-scale)) calc(30px * var(--card-scale)) #00000080,0 0 calc(20px * var(--card-scale)) rgba(var(--category-color, 212, 175, 55),.2),inset 0 calc(1px * var(--card-scale)) 0 #ffffff1a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;box-sizing:border-box;z-index:0}.card:hover{box-shadow:0 calc(15px * var(--card-scale)) calc(40px * var(--card-scale)) #0009,0 0 calc(30px * var(--card-scale)) rgba(var(--category-color, 212, 175, 55),.8)}.card-playable{box-shadow:0 0 6px 3px #ffd59a;cursor:pointer}.card-dragging .card-playable,.card-dragging .card:hover{box-shadow:none}.card-unaffordable{filter:grayscale(.8) brightness(.9);cursor:grab!important}.card-unaffordable:hover{transform:none;box-shadow:0 calc(10px * var(--card-scale)) calc(30px * var(--card-scale)) #00000080,0 0 calc(20px * var(--card-scale)) rgba(var(--category-color, 212, 175, 55),.2),inset 0 calc(1px * var(--card-scale)) 0 #ffffff1a}.card-header{width:100%;height:var(--card-header-height);background:linear-gradient(to bottom,rgba(var(--category-color, 212, 175, 55),.3),transparent);display:flex;justify-content:space-between;align-items:center;padding:0 calc(12px * var(--card-spacing-scale));box-sizing:border-box}.card-category{font-size:clamp(6px,6.7cqw,18px);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:calc(1px * var(--card-scale));padding:calc(4px * var(--card-spacing-scale)) calc(8px * var(--card-spacing-scale))}.card-cost{width:clamp(14px,14.6cqw,41px);height:clamp(11px,12.9cqw,36px);background:radial-gradient(circle,rgb(var(--category-color, 212, 175, 55)),rgba(var(--category-color, 212, 175, 55),.7));border:calc(2px * var(--card-scale)) solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(7px,7.4cqw,21px);color:#fff;box-shadow:0 calc(2px * var(--card-scale)) calc(8px * var(--card-scale)) #0006}.card-cost-reduced .card-cost{background:radial-gradient(circle,#22c55e,#22c55eb3);border-color:#ffffffe6;animation:costPulseGreen 2s ease-in-out infinite}.card-cost-increased .card-cost{background:radial-gradient(circle,#9333ea,#9333eab3);border-color:#ffffffe6;animation:costPulsePurple 2s ease-in-out infinite}@keyframes costPulseGreen{0%,to{box-shadow:0 calc(2px * var(--card-scale)) calc(8px * var(--card-scale)) #22c55e66}50%{box-shadow:0 calc(2px * var(--card-scale)) calc(12px * var(--card-scale)) #22c55eb3}}@keyframes costPulsePurple{0%,to{box-shadow:0 calc(2px * var(--card-scale)) calc(8px * var(--card-scale)) #9333ea66}50%{box-shadow:0 calc(2px * var(--card-scale)) calc(12px * var(--card-scale)) #9333eab3}}.card-image{height:var(--card-image-height);background:linear-gradient(135deg,#3a3a3a,#2a2a2a);display:flex;align-items:center;justify-content:center;border-top:calc(2px * var(--card-scale)) solid rgba(var(--category-color, 212, 175, 55),.3);border-bottom:calc(2px * var(--card-scale)) solid rgba(var(--category-color, 212, 175, 55),.3);overflow:hidden;aspect-ratio:1.5 / 2;min-height:0;flex-shrink:0}.card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.card-image-placeholder{font-size:clamp(20px,37cqw,100px);opacity:.3}.card-content{padding:calc(14px * var(--card-spacing-scale)) calc(16px * var(--card-spacing-scale));height:var(--card-content-height);display:flex;flex-direction:column;gap:calc(.33rem * var(--card-spacing-scale))}.card-type{--type-color: var(--category-color, 212, 175, 55);padding:calc(.2rem * var(--card-spacing-scale)) calc(.6rem * var(--card-spacing-scale));font-size:clamp(5px,4.5cqw,13px);font-weight:600;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:calc(1px * var(--card-scale));border-top:calc(1px * var(--card-scale)) solid rgba(var(--type-color),.3);border-bottom:calc(1px * var(--card-scale)) solid rgba(var(--type-color),.3);background:rgba(var(--type-color),.1)}.card-type.card-type-field,.card-type.card-type-aura{display:flex;justify-content:space-between;align-items:center}.card-type.card-type-field:before,.card-type.card-type-field:after{content:"◆";color:rgba(var(--type-color),.9)}.card-type.card-type-aura:before,.card-type.card-type-aura:after{content:"✦";color:rgba(var(--type-color),.9)}.card-title{margin:0;font-size:clamp(7px,7cqw,20px);font-weight:700;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:calc(1px * var(--card-scale));text-shadow:0 calc(2px * var(--card-scale)) calc(4px * var(--card-scale)) rgba(0,0,0,.5)}.card-title.unnamed{font-style:italic;opacity:.6;color:#999}.card-description{margin:0;font-size:clamp(5px,4.8cqw,14px);color:#e0e0e0;text-align:center;line-height:1.4;overflow:hidden;scrollbar-width:thin}.card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);pointer-events:none}.card-footer{position:absolute;left:0;bottom:0;width:100%;background:#000000eb;color:#cacaca;font-size:clamp(4px,4cqw,12px);font-weight:400;font-style:italic;text-align:left;padding:0 clamp(4px,5cqw,24px);margin-bottom:clamp(1px,1cqw,3px);letter-spacing:.02em;z-index:10;height:clamp(10px,5.5cqw,16px);box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:1;text-shadow:0 1px 4px #000,0 0 2px #fff}.card-owner-badge{position:absolute;left:50%;bottom:.5rem;transform:translate(-50%);border-radius:8px;padding:2px 1rem;font-size:.95rem;font-weight:700;z-index:20;pointer-events:none;box-shadow:0 2px 8px #0000002e}.sleeves{--w: 13em;--f: 19 / 13;--g: 1em;--n: 7;--c: #4b384c;--ang-0: -60deg;--ang-1: 60deg}.sleeves .card-sleeves{--rlist: #0000, var(--c) 1px 3px, #0000 4px 7px;--dim: 50% no-repeat;--ang: 0deg;--pos-1: 100%;overflow:hidden;position:relative;height:100%;background:repeating-linear-gradient(var(--ang-1, 45deg),var(--rlist)) var(--pos-1, 0 100%) / var(--dim),linear-gradient(var(--ang),var(--nlist))}@keyframes card-crossfade-in{0%{opacity:0}to{opacity:1}}@keyframes card-crossfade-out{0%{opacity:1}to{opacity:0}}.card-crossfade-in{animation:card-crossfade-in 1s ease-in-out 1s both}.card-crossfade-out{animation:card-crossfade-out 1s ease-in-out 1s both}.filter-bar{box-sizing:border-box;display:flex;flex-direction:row;align-items:stretch;width:100%;margin:.5rem auto!important;padding:0 2rem}.filter-bar .search-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;flex:3 1 0!important;min-width:0}.filter-bar .category-select{border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid var(--ink-color);flex:1 1 0!important}.category-select{width:8rem;min-width:8rem;max-width:10rem;height:auto;padding:.75rem 1.8rem .6rem .8rem!important;background:#fff;border:1px solid var(--ink-color);border-radius:0;color:var(--ink-color);text-transform:uppercase;font-family:Cardo,serif;font-size:1rem;font-weight:600;letter-spacing:.08rem;cursor:pointer;box-sizing:border-box;box-shadow:inset 0 0 8px #0000001a;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" stroke="%23000000"/></svg>');background-repeat:no-repeat;background-position:right 6px center;background-size:18px}.category-select option{font-size:1rem;font-family:Cardo,serif}.category-select:focus{outline:none;border-color:var(--wax-color);box-shadow:0 0 0 2px var(--wax-color)}.collection-header,.edit-deck-header{background-color:var(--bonfire-night);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 6px),linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--bonfire-night) max(20rem,30%));display:flex;align-items:center;transition:.3s;position:sticky;top:0;z-index:110;border-bottom:2px solid var(--wax-color)}.collection-header:has(.mini-button:hover),.edit-deck-header:has(.mini-button:hover){background-color:var(--bonfire-fire)}.auto-complete-btn:hover{box-shadow:0 0 10px 3px #1996e1,0 0 20px 6px #fff;filter:brightness(1.05);transition:box-shadow .2s,filter .2s}ul.no-bullets{list-style-type:none;padding-left:0;margin-left:0}.collection-page,.edit-deck-page{min-height:100vh;display:flex;overflow:hidden;background:#222;position:relative}.collection-main,.edit-deck-main{flex:1 1 0;min-width:0;background:gray repeating-linear-gradient(0deg,#232526 0px 2px,#282a2d 2px 8px);display:flex;flex-direction:column;transition:width .3s ease}.loading,.no-results{text-align:center;color:#fff;font-size:1.5rem;margin-top:4rem}.no-results{font-style:italic}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;width:100%;max-width:calc(100vw - 3rem);margin:0 auto;padding:0 1rem 2rem;box-sizing:border-box;transition:max-width .3s;justify-items:center;justify-content:center}.card-wrapper{transform:scale(.9);position:relative;cursor:default;display:flex;align-items:center;justify-content:center}.card-wrapper.editing-mode{cursor:pointer}.card-deck-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);font-size:4rem;font-weight:700;width:80px;height:80px;gap:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:auto;z-index:2}.card-wrapper.editing-mode:hover .card-deck-indicator{opacity:1}.customize-button{padding:.75rem 2rem;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1rem;background:transparent;color:#fff;border:3px solid white;border-radius:10px;cursor:pointer;transition:all .3s ease}.customize-button:hover{background:#fff;color:#000;transform:scale(1.05)}.search-input{padding:.75rem 1rem .6rem!important;font-size:1rem;font-family:Cardo,serif;font-weight:400;letter-spacing:.04em;background:#fff;border:1px solid var(--ink-color);border-radius:0;color:var(--ink-color);box-shadow:inset 0 0 8px #0000001a;transition:border-color .2s,box-shadow .2s;height:auto;box-sizing:border-box}.search-input::-moz-placeholder{color:#00000059;font-style:italic}.search-input::placeholder{color:#00000059;font-style:italic}.search-input:focus{outline:none;border-color:var(--wax-color);box-shadow:0 0 0 2px var(--wax-color)}.category-filters{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.filter-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05rem;background:transparent;color:#fff;border:2px solid white;border-radius:8px;cursor:pointer;transition:all .3s ease}.filter-button:hover{background:#ffffff1a;transform:translateY(-2px)}.filter-button.active{background:#fff;color:#000}@media(max-width:768px){.collection-title{font-size:2rem;margin:.5rem auto}.filter-bar{padding:0 1.5rem}.search-input{max-width:100vw;font-size:1rem;padding:.6rem 1rem .65rem .9rem!important}.category-select{font-size:1rem;padding:.6rem 1rem .65rem .7rem!important;background-position:right 7px center}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;padding-bottom:1rem}.card-wrapper{min-width:240px}}.card-list-item-qty{font-size:1.25rem;font-weight:700;margin-right:.75rem;margin-bottom:.25rem;text-align:right}.card-list-item{color:#fdfdfd;height:1.3rem;padding:.15rem 1rem .2rem;margin-bottom:.3rem;text-transform:uppercase;font-size:1.1rem;font-weight:700;white-space:nowrap;overflow:hidden;max-width:100%}.card-list-item .card-cost{color:var(--wax-color);border:2px solid var(--wax-color);background:#fff9ed;margin-right:-.6rem!important;margin-top:-.6rem!important}.card-list-item:hover{color:var(--gold-border)}.card-list-item:hover .card-cost{scale:1;color:var(--gold-border);border-color:var(--gold-border)}.deck-mode-btn{padding:.5rem 1.2rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.sidebar-decklist-tab{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.deck-action-strip{display:flex;gap:.4rem;margin-bottom:.7rem;flex-shrink:0}.deck-action-strip button{flex:1;font-size:.9rem;background-color:transparent;border:1px solid var(--ink-color)}.sidebar-deckstats-tab{font-size:1.3rem;font-weight:600;flex:1;min-height:0;overflow-y:auto}.edit-deck-page{display:flex;width:100%}.edit-deck-main{display:flex;width:calc(100% - var(--sidebar-w));padding-right:2rem}.edit-deck-header,.edit-deck-container{width:calc(100vw - var(--sidebar-w));padding-right:1.5rem}.card-quantity-overlay{position:absolute;left:0;right:0;bottom:-1.8rem;display:flex;justify-content:center;align-items:center;padding:4px 0;pointer-events:none;z-index:2}.card-quantity-overlay span{width:1.1rem;height:1.1rem;border-radius:50%;margin:0 4px;display:inline-block}.collection-sidebar{color:#fff;width:calc(var(--sidebar-w) + 2rem);height:100vh;position:fixed;right:-2rem;top:0;overflow:hidden;background-color:#505050;padding:1rem 3rem 1rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;box-sizing:border-box;flex-shrink:0;z-index:1001}.sidebar-container{flex-basis:var(--sidebar-w);min-width:0;transition:flex-basis .3s ease,transform .3s ease;position:relative;height:100vh;display:flex;flex-direction:column}.sidebar-container.visible{flex-basis:var(--sidebar-w);transform:translate(0);opacity:1;pointer-events:auto}.sidebar-toggle-btn{position:fixed;right:350px;top:44%;transform:translateY(-50%);width:30px;height:70px;background:#505050;border:none;border-radius:8px 0 0 8px/8px 0px 0px 8px;color:#fff;font-size:1.5rem;cursor:pointer;z-index:1000;transition:right .3s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-tabs{color:var(--ink-color);display:flex;border-bottom:2px solid var(--ink-color)}.tab-button{flex:1;padding:.35rem 1rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--ink-color);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;margin-bottom:-2px}.tab-button:hover{border-radius:0}.tab-button.active{color:var(--wax-color);border-radius:0;border-bottom-color:var(--wax-color)}.sidebar-deck-title-row{display:flex;align-items:flex-end;width:100%;padding:.55rem .5rem .15rem;box-shadow:inset 0 0 8px #0003;border:1px solid var(--wax-color);font-family:Cardo,serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;margin-bottom:.3rem;cursor:pointer;background:none;color:inherit;text-align:left;box-sizing:border-box}.sidebar-deck-title-row:hover{color:hsl(var(--primary) / .9);box-shadow:inset 0 0 12px #0003;border-color:hsl(var(--primary) / .9)}.sidebar-deck-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.2}.sidebar-deck-leader{flex:1;min-width:.5rem;border-bottom:1px dotted currentColor;opacity:.4;margin:0 .4em .2em}.sidebar-deck-count{white-space:nowrap;font-size:.85rem;font-weight:400;letter-spacing:.05em;opacity:.6;line-height:1.5}.sidebar-deck-count--full{opacity:1;font-weight:700;color:#c9a227;text-shadow:0 0 6px rgba(201,162,39,.8),0 0 14px rgba(201,162,39,.4)}.sidebar-deck-title{padding:.2rem .5rem;box-shadow:inset 0 0 8px #0003;border:1px solid var(--wax-color);font-family:Cardo,serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;margin-bottom:.3rem}.sidebar-deck-title:hover{color:hsl(var(--primary) / .9);box-shadow:inset 0 0 12px #0003;border:1px solid hsl(var(--primary) / .9)}.sidebar-deck-title-input:focus{width:100%;outline:none!important;border:1px solid var(--wax-color);box-shadow:0 0 0 2px var(--wax-color, #fff2b2)}.sidebar-editdeck-footer{width:100%;margin-top:auto;padding-top:.5rem;gap:.5rem;display:flex;justify-content:center}.sidebar-editdeck-footer button{flex:1;font-size:1rem;background-color:transparent;border:1px solid var(--ink-color)}.card-list{flex:1;min-height:0;overflow-y:auto;padding:0 .8rem;box-sizing:border-box}ul.card-list{border-top:1px solid var(--ink-color);border-bottom:1px solid var(--ink-color);flex:1;min-height:0;overflow-y:auto;padding:.4rem .8rem .6rem;box-sizing:border-box;scrollbar-width:thin}ul.card-list::-webkit-scrollbar{width:6px;background:transparent}ul.card-list::-webkit-scrollbar-track{margin:.4rem 0}ul.card-list::-webkit-scrollbar-thumb{background:#888;border-radius:6px}.card-list-autofill{list-style:none;padding:.15rem 0 .2rem}.card-list-autofill-btn{width:100%;background:none;border:1px dashed var(--ink-color);color:inherit;opacity:.65;font-family:Cardo,serif;font-size:.8rem;letter-spacing:.08em;padding:.35rem 0;cursor:pointer;transition:opacity .15s}.card-list-autofill-btn:hover:not(:disabled){opacity:.85}.card-list-autofill-btn:disabled{cursor:default}.card-wrapper.editing-mode{position:relative}.card-copies-indicator{position:absolute;top:-25px;left:50%;transform:translate(-50%);display:flex;z-index:2}.blokken{background-color:#fff;box-shadow:-.5rem .5rem 1rem #0000004d;font-size:2rem;background-image:linear-gradient(to bottom,#fff calc(1em - 1px),#ccc calc(1em - 1px) 1em,#fff 1em);background-position:0% 1em;background-size:100% 1em;background-repeat:repeat-y;color:var(--ink-color)!important;font-family:Cardo,serif!important;overflow:visible;transform:rotate(-1deg)}.blokken:before,.blokken:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;box-shadow:-.5rem .5rem 1rem #0000001a}.blokken:before{transform:rotate(0);z-index:-1}.blokken:after{transform:rotate(2deg);z-index:-2}.pie-chart-sector{--s: 30deg;--p: 240deg;--c: purple;height:200px;aspect-ratio:1;border-radius:50%;background-color:var(--c);-webkit-mask:conic-gradient(from var(--s),#0000,#000 1deg var(--p),#0000 calc(var(--p) + 1deg));mask:conic-gradient(from var(--s),#0000,#000 1deg var(--p),#0000 calc(var(--p) + 1deg))}.type-animate{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;animation:type 1s steps(80,end) forwards}@keyframes type{0%{max-width:0}to{max-width:100vw}}:root{--prof-cont-dim: 3rem;--prof-cont-dim-sm: 2.5rem}.loading-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:gray}.loading-container{display:flex;flex-direction:column;padding:1rem 2rem;justify-content:center;align-items:center;z-index:2;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0003;border:2px solid #d3a94f}.loading-page h1{font-size:3rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:3px;margin-bottom:2rem}.loading-page p{font-size:1.5rem;color:#fff;margin-bottom:2rem}.loading-spinner{width:30px;height:30px;border:6px solid #fff;border-top:6px solid #e9c76a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-loading{margin:1rem;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;color:#333;background:#00000059;border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.button-loading:hover{border-color:#f1c461}.homepage{display:flex;min-height:100dvh;width:100vw;justify-content:center;align-items:center;position:relative}.bg-stack{min-height:100dvh;height:100%;width:100vw;background:transparent!important;position:fixed;top:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bg{position:absolute;width:100%;height:100%;top:0;left:0}.bg-homepage{--s: 60px;--c1: #b09f79;--c2: #223353;--_g: #0000 83%, var(--c1) 85% 99%, #0000 101%;background:radial-gradient(27% 29% at right,var(--_g)) calc(var(--s) / 2) var(--s),radial-gradient(27% 29% at left,var(--_g)) calc(var(--s) / -2) var(--s),radial-gradient(29% 27% at top,var(--_g)) 0 calc(var(--s) / 2),radial-gradient(29% 27% at bottom,var(--_g)) 0 calc(var(--s) / -2) var(--c2);background-size:calc(2 * var(--s)) calc(2 * var(--s))}.bg-linear-filter{background:repeating-linear-gradient(0deg,#232526 0px 4px,#393b40 4px 12px);opacity:.4}.left-menu{width:100%;max-width:480px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;z-index:2;margin-top:-6rem;min-height:0}.role-badge{display:inline-block;padding:.15em .6em;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.role-badge--user{background:#ffffff1a;color:#aaa}.role-badge--tester{background:#001020;color:#7ab4ff;border:1px solid #7ab4ff}.role-badge--admin{background:#1a1200;color:#d3a94f;border:1px solid #d3a94f}.app-version{position:fixed;bottom:1rem;right:1rem;font-size:.8rem;color:#fff9;letter-spacing:.05em;z-index:10}@media(max-width:1200px){.left-menu{width:100%}}@media(max-width:768px){.left-menu{margin-top:0;padding:3.5rem 1.5rem 1.5rem;justify-content:flex-start;overflow-y:auto;max-height:100dvh}.left-menu svg{width:180px;height:auto}.menu-button{padding:.7rem 1.5rem!important;font-size:1.1rem}.main-menu{gap:.6rem}}.menu-title{font-size:3rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:3px;margin:0;margin-bottom:3rem}.main-menu-logo{margin:2rem auto}.main-menu{display:flex;flex-direction:column;gap:1rem;background:transparent;width:100%;max-width:400px;align-items:center}.main-menu-title{width:90%;color:#2b374c;font-size:1.6rem;font-weight:600;background:#fff;padding:1.4rem 0;text-transform:uppercase;text-align:center;margin:0;margin-bottom:1rem}.fan{background:conic-gradient(from 45deg at left,var(--c) 25%,#0000 0) 0,conic-gradient(from -135deg at right,var(--c) 25%,#0000 0) 100%}.fancy{--b: 2px;--w: 5rem;--g: 1rem;--c: #ffffff;background:conic-gradient(from 45deg at left,var(--c) 25%,#0000 0) 0,conic-gradient(from -135deg at right,var(--c) 25%,#0000 0) 100%;background-size:51% 100%;background-repeat:no-repeat;-o-border-image:linear-gradient(#0000 calc(50% - var(--b) / 2),var(--c) 0 calc(50% + var(--b) / 2),#0000 0) 1 / 0 var(--w) / calc(var(--w) + var(--g));border-image:linear-gradient(#0000 calc(50% - var(--b) / 2),var(--c) 0 calc(50% + var(--b) / 2),#0000 0) 1 / 0 var(--w) / calc(var(--w) + var(--g))}.menu-button{width:100%;padding:1.25rem 2rem!important;font-size:1.3rem;font-weight:600;color:#fff;background:#00000059;outline:5px double #fff;border-radius:0;cursor:pointer;transition:all .3s ease;text-transform:uppercase;text-align:center;letter-spacing:1px}.menu-button:hover{background:#fff;background:radial-gradient(circle,#fff 22%,#e0e0e0 60%);color:#3a3a3a;transform:scale(1.05);border:2px solid #9c864a}.menu-button-logout:hover{background:#d41212;background:radial-gradient(circle,#ce1919 22%,#b40b0b 70%);color:#000;transform:scale(1.05);border:2px solid #000000;outline:5px double #ce1919}.mini-button{position:absolute;left:2rem;width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;display:flex;align-items:center;justify-content:center;background:#fff;color:#fff;border:2px solid gray;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s;z-index:10}.mini-button:hover{background:#851f1f;color:#222;border:none;box-shadow:0 4px 16px #00000040;transform:scale(1.08)}.collection-header:has(.mini-button:hover),.decks-header:has(.mini-button:hover){background-color:var(--bonfire-fire)}@media(max-width:768px){.mini-button{left:1.5rem;width:40px;height:40px}}.right-content{width:15%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:2rem;margin:auto calc(6vw - 1rem) auto 10vw}.card-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.line-decoration:before,.line-decoration:after{margin:0 1.25rem 0 1rem;content:"----";color:#fff;letter-spacing:-3px}.card-flip-container{perspective:1200px;display:flex;justify-content:center;align-items:center}.card-flip-inner{position:relative;width:280px;height:400px;transition:transform .6s cubic-bezier(.4,2,.6,1);transform-style:preserve-3d}.card-flip-container.flipping .card-flip-inner{transform:rotateY(180deg)}.card-flip-front,.card-flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card-flip-back{background:transparent;background-repeat:no-repeat;background-size:contain;transform:rotateY(180deg)}.page-title{text-align:center;color:#fff;margin:.4rem auto;letter-spacing:2px;font-size:clamp(1.4rem,2.5vw,2.2rem)}@media(max-width:600px){.card-flip-inner{width:90vw;height:60vw;min-width:180px;min-height:260px}}.profile-box-main{box-sizing:border-box!important;position:absolute;top:1rem;right:1rem;width:calc(6 * var(--prof-cont-dim));height:var(--prof-cont-dim);display:flex;align-items:center;gap:.5rem;z-index:10}.profile-button{box-sizing:content-box;height:100%;flex:1 1 auto;background:#ffffff9c;cursor:pointer;display:flex;align-items:center;transition:all .3s ease;border:2px solid transparent}.profile-button:hover{border:2px solid var(--gold-border)}.profile-icon{color:transparent;background-color:var(--bonfire-night);box-sizing:border-box;width:var(--prof-cont-dim);height:var(--prof-cont-dim);-o-object-fit:cover;object-fit:cover}.profile-name{font-size:1rem;font-weight:600;padding-left:.75rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-button button{border-radius:4px;margin-left:auto;width:calc(var(--prof-cont-dim) + 4px);height:calc(var(--prof-cont-dim) + 4px);background:#490b0b!important;display:flex;align-items:center;justify-content:center}.settings-button button:hover{background-color:var(--gold-border)!important}.settings-button .dropdown-admin-btn{width:100%!important;height:auto!important;border-radius:0!important;margin-left:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:#0009!important;color:#fff!important;border:none!important;padding:.75rem 1rem!important;font-size:.875rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;cursor:pointer!important}.settings-button .dropdown-admin-btn:hover{background:#50505099!important}.settings-button .dropdown-logout-btn{width:100%!important;height:auto!important;border-radius:0!important;margin-left:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:#8c141480!important;color:#fff!important;border:none!important;padding:.75rem 1rem!important;font-size:.875rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;cursor:pointer!important}.settings-button .dropdown-logout-btn:hover{background:#b41414cc!important}.settings-button svg{width:1.85rem!important;height:1.85rem!important}@media(max-width:1200px){.profile-box-main{width:calc(6 * var(--prof-cont-dim-sm));height:var(--prof-cont-dim-sm)}.profile-icon{width:var(--prof-cont-dim-sm);height:var(--prof-cont-dim-sm)}.settings-button button{width:calc(var(--prof-cont-dim-sm) + 4px);height:calc(var(--prof-cont-dim-sm) + 4px)}.profile-name{padding-left:.8rem;font-size:.95rem}}:root{--book-color: #580909}.decks-page{min-height:100vh;display:flex;flex-direction:column;background-color:gray}.bg-decks-page{--s: 60px;--c1: #c7ab6f;--c2: #5e452a;--_g: #0000 83%, var(--c1) 85% 99%, #0000 101%;background:radial-gradient(27% 29% at right,var(--_g)) calc(var(--s) / 2) var(--s),radial-gradient(27% 29% at left,var(--_g)) calc(var(--s) / -2) var(--s),radial-gradient(29% 27% at top,var(--_g)) 0 calc(var(--s) / 2),radial-gradient(29% 27% at bottom,var(--_g)) 0 calc(var(--s) / -2) var(--c2);background-size:calc(2 * var(--s)) calc(2 * var(--s))}.decks-header{background-color:var(--bonfire-night);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 6px),linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--bonfire-night) max(20rem,30%));display:flex;align-items:center;transition:.3s;z-index:23;border-bottom:2px solid var(--wax-color)}.decks-container{display:flex;flex-direction:column;align-items:center;gap:2rem;flex:1;width:100%;max-width:1400px;margin:0 auto;z-index:2}.create-deck-button{background:#ffffff1a;border:2px solid white;border-radius:10px;padding:1rem;width:200px;height:280px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.create-deck-button:hover{background:#ffffff4d}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:3rem;width:100%;padding:1rem;justify-content:center;place-items:center}.no-decks-message{color:#fff;font-size:1.5rem;text-align:center;font-style:italic;opacity:.7;grid-column:1 / -1}.deck-card{background:#201b18;border:1px solid rgb(49,10,10);border-radius:4px;padding:1rem 1rem 1rem calc(1rem + 16px);width:200px;height:280px;display:flex;flex-direction:column;gap:.25rem;transition:all .3s ease;flex-shrink:0;cursor:pointer;font-family:Cardo,serif;position:relative}.cover{background:linear-gradient(to right,rgb(60,13,20) 3px,rgba(255,255,255,.5) 5px,rgba(255,255,255,.25) 7px,rgba(255,255,255,.25) 8px,transparent 10px,transparent 12px,rgba(255,255,255,.25) 15px,transparent 22px),var(--book-color);box-shadow:2px 2px #330c0c,0 0 5px -1px #000,inset -1px 1px 2px #ffffff80;margin:auto}.deck-card.active .bookmark{background:linear-gradient(90deg,gold,#ffc300 40%,#ffb300 60%,gold);height:40px;position:absolute;top:-1px;right:20px;width:24px;z-index:200}.deck-card.active .bookmark:after{content:"";display:block;border:12px solid transparent;border-bottom-color:var(--book-color);position:absolute;bottom:0}.deck-title{height:35%;display:flex;align-items:flex-end;justify-content:center;text-align:center;margin-bottom:.4rem;font-size:1rem;background:linear-gradient(90deg,gold,#ffc300 40%,#ffb300 60%,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;text-shadow:0 2px 1px rgba(49,47,33,.5),0 0px 2px #bfa14a;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.deck-info-header{background:linear-gradient(90deg,#e0e0e0,#b0b0b0 40%,#f8f8f8 60%,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:1rem;margin:0;text-shadow:0 0 1px #888;text-align:center}.deck-info{font-size:.9rem;background:linear-gradient(90deg,#e0e0e0,#b0b0b0 40%,#f8f8f8 60%,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 1px #888}.deck-actions{display:flex;gap:.75rem;margin-top:auto;justify-content:right}.deck-action-button{font-size:.8rem;font-weight:700;text-transform:uppercase;border:2px solid white;border-radius:5px;cursor:pointer;transition:all .3s ease;padding:0;background:transparent;border:none}.edit-button{background:transparent;color:#fff}.edit-button:hover{background:#fff;color:#000}.duplicate-button{background:transparent;color:#fff;border-color:#fff}.delete-button{background:transparent;border:none}.badge-simpler{display:block;background:#ffd59a;color:#000;border-radius:12px;padding:2px 12px;font-weight:700;font-size:.95rem;margin:0 auto;text-align:center;width:-moz-fit-content;width:fit-content}.badge-customer{display:block;background:#dc143c;color:#1996e1;border-radius:12px;padding:2px 12px;font-weight:700;font-size:.95rem;margin:0 auto;text-align:center;width:-moz-fit-content;width:fit-content}.is-current{color:gold}.is-current:disabled{background-color:green;color:#fff;opacity:1}.action-feed-panel{position:fixed;left:0;top:15%;height:55%;width:300px;background:#0a0a14f5;border-right:1px solid rgba(255,255,255,.1);z-index:50;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column}.action-feed-panel--open{transform:translate(0)}.action-feed-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.action-feed-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff9}.action-feed-close{background:none;border:none;color:#fff6;cursor:pointer;font-size:.85rem;padding:0;line-height:1;transition:color .2s}.action-feed-close:hover{color:#ffffffe6}.action-feed-round-nav{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.action-feed-round-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#ffffff80;font-size:.65rem;font-weight:600;letter-spacing:.05em;padding:.15rem .6rem;cursor:pointer;transition:all .15s}.action-feed-round-btn:hover{color:#ffffffd9;border-color:#ffffff59}.action-feed-round-btn.active{background:#d3a94f33;border-color:#d3a94f99;color:#d3a94f}.action-feed-body{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.action-feed-empty{font-size:.75rem;color:#ffffff40;text-align:center;margin-top:2rem}.action-feed-entry{font-size:.75rem;line-height:1.4;padding:.2rem 2rem .2rem 0;position:relative}.action-feed-entry--info{color:#ffffffd9}.action-feed-entry--debug{color:#ffffff59;font-style:italic}.action-feed-entry--card-play{color:#4ade80}.action-feed-entry--card-discard{color:#fb923c}.action-feed-entry--has-children{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.action-feed-entry--has-children:hover{opacity:.85}.action-feed-collapse-indicator{margin-left:.3em;font-size:.65em;opacity:.6;vertical-align:middle}.action-feed-entry--child{padding-left:1rem;opacity:.85}.action-feed-child-marker{margin-right:.3em;opacity:.4;vertical-align:middle}.action-feed-entry--round{color:#d3a94f;font-weight:600}.action-feed-entry--game{color:#f9fafb;font-weight:700;letter-spacing:.02em}.action-feed-entry--phase{color:#67e8f98c}.action-feed-entry--turn{color:#c084fc8c}.action-feed-entry--resource{color:#86efac8c}.action-feed-entry--debug-action{color:#facc15b3;font-style:italic}.actor-badge{display:inline;padding:.05em .35em;border-radius:3px;font-weight:700;font-style:normal;font-size:.9em;color:#fff}.actor-badge--p1{background:#2563eb}.actor-badge--p2{background:#dc2626}.card-name-badge{font-weight:700;font-style:normal;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:2px}.action-feed-card-tooltip{position:fixed;z-index:200;pointer-events:none;transform:scale(.72);transform-origin:top left}.action-feed-divider{font-size:.65rem;text-align:center;color:#d3a94f99;letter-spacing:.08em;margin:.5rem 0}.action-feed-stat-changes{display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:center;vertical-align:middle}.action-feed-stat-group{display:inline-flex;align-items:center;gap:3px}.action-feed-stat-item{display:inline-flex;align-items:center;gap:2px;font-size:.9em}.action-feed-stat-value{position:relative}.action-feed-stat-item--gain{color:#4ade80;font-weight:700}.action-feed-stat-item--loss{color:#f87171;font-weight:700}.action-feed-stat-item--blocked{color:#888;font-weight:700}.action-feed-stat-target{font-weight:400;font-size:.85em;opacity:.6;margin-right:1px}.action-feed-energy-cost{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:2px;white-space:nowrap;color:#fff;font-size:1em;font-weight:700}.action-feed-energy-cost--original{position:relative;display:inline-block;opacity:.5;margin-right:3px;font-weight:400}.action-feed-energy-cost--original:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transform:translateY(-50%)}.discard-ghost{position:fixed;pointer-events:none;z-index:9999;transform-origin:center bottom}.discard-ghost--self{animation:discard-slip-up .85s forwards}.discard-ghost--opponent{animation:discard-slip-down .85s forwards}@keyframes discard-slip-up{0%{transform:translateY(0);opacity:1;animation-timing-function:ease-out}22%{transform:translateY(-42px);opacity:1;animation-timing-function:ease-in}to{transform:translateY(-290px);opacity:0}}@keyframes discard-slip-down{0%{transform:translateY(0);opacity:1;animation-timing-function:ease-out}22%{transform:translateY(42px);opacity:1;animation-timing-function:ease-in}to{transform:translateY(290px);opacity:0}}:root{--zone-drag-red: #ff2222;--zone-drag-gold: #e0a84e}.peek-backdrop{position:fixed;inset:0;background:#000000bf;z-index:300;display:flex;align-items:center;justify-content:center}.peek-panel{background:#1a1a2e;border:1px solid #3a3a5c;border-radius:8px;padding:1.5rem;max-width:900px;max-height:80vh;overflow-y:auto;scrollbar-gutter:stable both-edges;display:flex;flex-direction:column;gap:1.25rem}.peek-header{display:flex;align-items:center;justify-content:space-between}.peek-title{font-size:1.1rem;font-weight:600;color:#e0c97f;text-transform:uppercase;letter-spacing:.05em}.peek-close{background:none;border:1px solid #3a3a5c;color:#aaa;font-size:.85rem;cursor:pointer;padding:.25rem .75rem;border-radius:4px;transition:color .15s,border-color .15s}.peek-close:hover{color:#fff;border-color:#aaa}.peek-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:calc(3 * (var(--card-base-width) * .6 + 4px) + 2 * .75rem);margin:0 auto}.peek-card-slot{--card-scale: .6;--card-width: calc(var(--card-base-width) * .6);--card-height: calc(var(--card-base-height) * .6);--card-font-scale: .78 ;--card-spacing-scale: .6;border:2px solid transparent;border-radius:8px;padding:0}.peek-card-back{display:block;width:var(--card-width);height:var(--card-height)}.active-effect-entry{position:relative;cursor:default;display:flex;flex-direction:column;gap:.1rem;width:-moz-fit-content;width:fit-content}.active-effect-tooltip{display:none;position:absolute;left:calc(100% + 8px);top:0;z-index:200;pointer-events:none;background:#0f0f19f2;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.5rem .65rem;width:180px;font-size:.72rem;color:#e0e0e0;line-height:1.45;box-shadow:0 4px 16px #0009;white-space:normal}.active-effect-entry:hover .active-effect-tooltip{display:block}@keyframes effect-trigger-glow{0%{text-shadow:none;color:var(--entry-color)}50%{text-shadow:0 0 10px rgba(255,220,100,1);color:#ffe680}to{text-shadow:none;color:var(--entry-color)}}.active-effect-entry--glowing>span:first-child{animation:effect-trigger-glow 1.5s ease-in-out forwards}.stat-item-editable{cursor:pointer;transition:filter .2s ease,color .2s ease;border-radius:4px}.stat-item-editable:hover{filter:drop-shadow(0 0 6px rgba(255,234,0,.9));color:#ffea00}.stat-edit-input{width:3rem;background:#0009;border:1px solid #ffea00;border-radius:3px;color:#ffea00;font-size:inherit;font-weight:700;text-align:center;padding:0 2px;outline:none;box-shadow:0 0 6px #ffea0080}.stat-item-deck-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:inherit;color:inherit;font:inherit;transition:filter .2s ease,text-shadow .2s ease}.stat-item-deck-btn:hover{filter:drop-shadow(0 0 6px rgba(255,234,0,.9));color:#ffea00}.debug-clickable{cursor:pointer;transition:filter .2s ease}.debug-clickable:hover{filter:drop-shadow(0 0 6px rgba(255,234,0,.9))}@keyframes pile-ghost-exit{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(40px) rotate(-6deg)}}.pile-ghost-exit{animation:pile-ghost-exit .4s ease-in forwards;pointer-events:none}.pile-zone,.records-zone{--card-scale: .72;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pile-zone .card,.records-zone .card{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:768px){.pile-zone,.records-zone{--card-width: min(30vw, 200px);--card-height: calc(min(30vw, 200px) * 10 / 7)}}@media(max-width:500px){.pile-zone,.records-zone{--card-width: min(36vw, 150px);--card-height: calc(min(36vw, 150px) * 10 / 7)}}html,body{height:100%}.floating-card-preview{position:absolute;left:1rem;top:50%;margin-top:-3.5rem;transform:translateY(-50%);z-index:1002;width:var(--card-base-width);pointer-events:none}.preview-card{box-shadow:0 4px 24px #0000004d;transform:scale(1.2);background:#fff;border-radius:16px;padding:16px}.preview-image{font-size:64px;text-align:center;margin:1rem 0}.zone-label-vertical{writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase;white-space:nowrap;font-weight:700;font-size:1.1rem;color:#fff9;letter-spacing:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.board-page{height:100%;min-height:100vh;display:flex;overflow:hidden;background:gray}.board-main{position:relative;flex:1;height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease}.opponent-area{flex:0 0 calc(clamp(8vh,2vw + 6vh,10vh) + 2rem);display:flex;align-items:flex-start;justify-content:center;padding:0;position:relative;overflow:visible}.player-area{flex-grow:0;flex-shrink:0;flex-basis:calc(20vh + 4rem);min-height:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:20;pointer-events:none}.play-area{flex:1;border-top:2px solid rgba(255,255,255,.3);border-bottom:2px solid rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.5rem,6vh,3rem) clamp(.5rem,2vw,2rem);gap:1rem;position:relative}.play-area-zones{position:relative;display:flex;gap:clamp(1rem,2vw,3rem);align-items:center;justify-content:center}.active-effects-anchor{position:absolute;left:calc(100% + 1.5rem);top:50%;transform:translateY(-50%)}.card-zone{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;position:relative;min-height:200px}.zone-label{color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}.zone-content{position:relative;min-width:130px;min-height:100px;background:#2d2d2dcc;border:2px dashed rgba(255,255,255,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:.4rem;margin-top:1rem;margin-bottom:1rem}.zone-content.clickable-zone{cursor:pointer;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}.zone-content.clickable-zone:hover{background:#00000080;border-color:#ffffff80;box-shadow:0 0 12px #ffffff26;transform:scale(1.02)}.zone-content.drop-zone--dragging{transition:none;border-color:#e0a84e66}.zone-content.clickable-zone.drop-zone--dragging:hover{background:#2d2d2dcc;border-color:#ffffff4d;box-shadow:none;transform:none}.zone-empty{color:#ffffff4d;font-size:.9rem;font-style:italic}.card-stack-back{position:absolute;width:var(--card-width);height:var(--card-height);background:linear-gradient(145deg,#1a1a2e,#0d0d1a);border:1px solid rgba(156,134,74,.4);border-radius:calc(16px * var(--card-scale, 1))}.zone-card-stack{display:flex;align-items:center;justify-content:center;margin:-2rem -1rem}.player-info-container.is-active .player-stats-extension,.opponent-info-container.is-active .player-stats-extension{border-color:#22c55e;box-shadow:0 0 14px #22c55e8c;transition:border-color .3s ease,box-shadow .3s ease}.play-area-opponent-frame{position:absolute;top:1.5rem;right:1.5rem;z-index:10}.play-area-player-frame{position:absolute;bottom:1.5rem;left:1.5rem;z-index:10}.play-area-info-panel{position:absolute;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.2rem;align-items:flex-end;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1rem;text-transform:uppercase;letter-spacing:.06em}.info-panel-round{color:#ffffff80;letter-spacing:.03em}.info-panel-sep{color:#ffffff4d}.info-panel-pips{display:inline-flex;align-items:center;gap:.2em;margin-left:.5em}.pip{font-size:.55em;line-height:1}.pip--p1{color:#2563eb}.pip--p2{color:#dc2626}.pip--empty{color:#ffffff26}.pip-sep{color:#fff3;margin:0 .1em;font-size:.55em}.turn-counter{display:flex;flex-direction:row;align-items:center;gap:.7rem}.counter-label{color:#fff9;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.counter-value{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5)}.counter-value--phase{text-transform:capitalize}.turn-separator{color:#ffffff4d;font-size:1.5rem}.field-effects-indicator,.aura-effects-indicator{background:#000000b3;border-radius:8px;padding:.8rem 1rem;max-width:200px;margin-top:1rem;transition:box-shadow .2s}.field-effects-indicator{border:2px solid rgba(255,215,0,.5)}.aura-effects-indicator{border:2px solid rgba(199,20,190,.5)}.field-effects-glow{animation:fieldEffectsGlow .8s}@keyframes fieldEffectsGlow{0%{box-shadow:0 0 #ffe674,0 2px 8px #0000001f}40%{box-shadow:0 0 16px 8px #ffb835,0 2px 8px #0000001f}to{box-shadow:0 0 #f8d23a,0 2px 8px #0000001f}}.field-effects-title,.aura-effects-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;text-align:center}.field-effects-title{color:#ffd700e6}.aura-effects-title{color:#c714bee6}.field-effects-list,.aura-effects-list{display:flex;flex-direction:column;gap:.4rem}.field-effect-item,.aura-effect-item{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;background:#ffffff0d;border-radius:4px;font-size:.8rem}.field-effect-item.field-effect-player,.aura-effect-item.aura-effect-player{border-left:3px solid rgb(34,197,94)}.field-effect-item.field-effect-opponent,.aura-effect-item.aura-effect-opponent{border-left:3px solid rgb(239,68,68)}.field-effect-icon,.aura-effect-icon{font-size:1rem}.field-effect-name,.aura-effect-name{color:#fff;font-weight:700;flex:1}.field-effect-owner,.aura-effect-owner{color:#ffffff80;font-size:.7rem;font-style:italic}.area-label{position:absolute;left:1rem;color:#fff9;font-size:2rem;text-transform:uppercase;letter-spacing:2px;margin:0}.opponent-header,.player-header{width:10rem;margin-left:1rem;display:flex;flex-direction:column}.opponent-avatar,.player-avatar{width:6.5rem;height:6.5rem;border-radius:50%;background:#444;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:3rem;color:#bbb;border:2px solid #888}.opponent-avatar span,.player-avatar span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:3rem}.player-name{flex:1;text-align:center;font-size:2rem;text-transform:none;margin:0}.opponent-header .player-name{color:#5e1175;filter:drop-shadow(1px 1px 1px rgb(0 0 0 / .6))}.player-header .player-name{color:#8ada22;filter:drop-shadow(1px 1px 1px rgb(0 0 0 / .6))}.player-info-container,.opponent-info-container,.player-stats-extension{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;transform:translate(-50%);z-index:10}.opponent-info-container{top:0;margin-top:-2px}.player-info-container{bottom:0;margin-bottom:-2px}.player-stats-extension{position:absolute;width:20rem;aspect-ratio:10 / 1;border:rgba(255,255,255,.3) solid 2px;background:#fafafa;background:radial-gradient(circle,#fafafa,#cfcfcf 80%,#a8a8a8);z-index:-1}.player-info-container .player-stats-extension{bottom:0}.player-stats{display:flex;padding:0rem 2rem}.stats-icon,.stat-item{display:flex;align-items:center;font-size:1.4rem;font-weight:700;filter:drop-shadow(1px 1px 1px rgb(0 0 0 / .4))}.deck-display{display:flex;align-items:center;gap:1rem;background:#00000080;padding:1rem 1.4rem;border-radius:12px;border:2px solid white}.deck-icon{margin-bottom:-1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.deck-count{color:#fff;font-size:1.5rem;font-weight:700}.stat-value{min-width:2rem;text-align:center}@keyframes deck-low-pulse{0%{color:inherit;transform:scale(1)}20%{color:#ef4444;transform:scale(1.5);text-shadow:0 0 8px rgba(239,68,68,.8)}60%{color:#ef4444;transform:scale(1.1);text-shadow:0 0 4px rgba(239,68,68,.5)}to{color:#ef4444;transform:scale(1);text-shadow:none}}.deck-count--pulse{animation:deck-low-pulse .7s ease-out forwards}.deck-count--critical{color:#ef4444}.sidebar-container{flex-basis:360px;min-width:0;transition:flex-basis .3s ease,transform .3s ease,opacity .3s ease;position:relative;height:100%;display:flex;flex-direction:column;z-index:1001}.sidebar-container.hidden{flex-basis:0;transform:translate(350px);opacity:0;pointer-events:none}.sidebar-container.visible{flex-basis:360px;transform:translate(0);opacity:1;pointer-events:auto}.sidebar-toggle-btn{position:fixed;right:360px;top:44%;transform:translateY(-50%);width:30px;height:70px;background:#505050;border:none;border-radius:8px 0 0 8px/8px 0px 0px 8px;color:#fff;font-size:1.5rem;cursor:pointer;z-index:1000;transition:right .3s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn.hidden{right:0}.sidebar-toggle-btn:hover{background:#646464}.board-sidebar{width:330px;height:100vh;background-color:#505050;padding:0 1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.game-tracker{flex:1;display:flex;flex-direction:column;gap:1rem}.tracker-title{font-size:1.3rem;text-transform:uppercase;letter-spacing:1px}.tracker-title-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.9);margin-bottom:.3rem}.game-info{display:flex;flex-direction:column;gap:.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{color:#fff9;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.info-value{color:#fff;font-size:1rem;font-weight:700}.rounds-history{flex:1;display:flex;flex-direction:column}.rounds-title{color:#fff;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid rgba(255,255,255,.3)}.rounds-list{flex:1;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;overflow-y:auto;max-height:400px}.no-rounds{color:#ffffff80;font-style:italic;font-size:.9rem;text-align:center;margin:1rem 0}.chat-container{flex:1;display:flex;flex-direction:column}.chat-messages{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.no-messages{color:#ffffff80;font-style:italic;text-align:center}.game-logs{display:flex;flex-direction:column;gap:1rem;height:100%}.logs-container{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding:.5rem;margin-bottom:1rem;background:#0003;border-radius:8px}.log-entry{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#0000004d;border-radius:6px;border-left:3px solid transparent;font-size:.9rem;transition:all .2s ease}.log-entry:hover{background:#0006}.log-entry.log-player{border-left-color:#3b82f6}.log-entry.log-opponent{border-left-color:#ef4444}.log-entry.log-system{border-left-color:#a855f7}.log-entry.log-error{border-left-color:#ef4444;background:#ef44441a}.log-entry.log-error .log-message{color:#ef4444}.log-entry.log-info{border-left-color:#3b82f6;background:#3b82f61a}.log-entry.log-info .log-message{color:#3b82f6}.log-time{color:#ffffff80;font-size:.8rem;font-family:monospace;flex-shrink:0}.log-message{color:#fff;flex:1}.log-entry.log-player .log-message{color:#22c55e}.card[draggable=true]{cursor:grab!important}.card[draggable=true]:active{cursor:grabbing!important;opacity:.5}.drop-zone{transition:all .3s ease}.drop-hover{border-color:#e0a84e!important;box-shadow:0 0 14px #e0a84e80;transform:scale(1.02);background:#00000080}@keyframes card-drop-in{0%{transform:perspective(600px) rotateX(-3deg);opacity:.8;filter:drop-shadow(0px 30px 20px rgba(0,0,0,.6));animation-timing-function:cubic-bezier(.7,0,1,1)}72%{transform:perspective(600px) rotateX(1deg);opacity:1;filter:drop-shadow(0px 0px 2px rgba(0,0,0,.9));animation-timing-function:ease-out}88%{transform:perspective(600px) rotateX(-1deg);filter:drop-shadow(0px 6px 6px rgba(0,0,0,.5))}to{transform:perspective(600px) rotateX(0);filter:drop-shadow(0px 5px 9px rgba(0,0,0,.4))}}.card-drop-in{animation:card-drop-in .42s linear both;transform-origin:center bottom}.zone-drag-hint{position:absolute;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;letter-spacing:.2em;color:#ffffff80;text-shadow:0 0 8px rgba(0,0,0,.8);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zone-drag-hint--over{color:#e0a84ee6;text-shadow:0 0 12px rgba(224,168,78,.4)}.zone-drag-hint--blocked{color:color-mix(in srgb,var(--zone-drag-red) 95%,transparent);text-shadow:0 0 12px color-mix(in srgb,var(--zone-drag-red) 60%,transparent)}.drop-zone:has(~*){border-color:#ffffff73!important}.zone-content.drop-zone{position:relative}.zone-content.drop-zone:hover:after{border-color:#ffffff73;background:#ffffff0a}.round-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:5px;background:#0000004d;border-left:3px solid}.round-item.win{border-left-color:#22c55e;background:#22c55e1a}.round-item.lose{border-left-color:#ef4444;background:#ef44441a}.round-item.draw{border-left-color:#eab308;background:#eab3081a}.round-number{color:#fff;font-weight:700;font-size:.9rem}.round-result{color:#fff;font-weight:700;font-size:.85rem}.round-time{color:#fff9;font-size:.75rem}.pass-turn-button{width:100%;padding:.75rem 1rem;margin-bottom:-.5rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#3b82f64d;border:2px solid rgb(59,130,246);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.pass-turn-button:hover{background:#3b82f6;border:2px solid rgb(59,130,246);transform:scale(1.05)}.pass-turn-button:active{transform:translateY(0)}.game-result-buttons{display:flex;flex-direction:row;gap:.5rem;width:100%}.result-button{padding:.75rem 1rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid white;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#fff;width:100%}.result-button.win{background:#22c55e4d;border-color:#22c55e}.result-button.win:hover{background:#22c55e;transform:scale(1.05)}.result-button.lose{background:#ef44444d;border-color:#ef4444}.result-button.lose:hover{background:#ef4444;transform:scale(1.05)}.result-button.draw{background:#eab3084d;border-color:#eab308}.result-button.draw:hover{background:#eab308;color:#000;transform:scale(1.05)}.game-over{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:3rem}.game-over-title{font-size:4rem;text-transform:uppercase;letter-spacing:4px;margin:0;text-shadow:0 0 20px currentColor}.game-over-title.victory{color:#22c55e}.game-over-title.defeat{color:#ef4444}.game-over-message{color:#fff;font-size:2rem;margin:0}.game-over-buttons{display:flex;gap:1.5rem;margin-top:1rem}.new-game-button{padding:1rem 2.5rem;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#fff;color:#000;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.new-game-button:hover{transform:scale(1.05);box-shadow:0 0 20px #ffffff80}.return-menu-button{padding:1rem 2.5rem;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#fff;color:#000;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.return-menu-button:hover{transform:scale(1.05);box-shadow:0 0 20px #ffffff80}.score-display{display:flex;align-items:center;gap:.5rem;font-size:1.5rem}.player-score{color:#22c55e}.opponent-score{color:#ef4444}.score-separator{color:#ffffff80}.hand-container{display:flex;align-items:center;justify-content:center;overflow-x:visible;padding:.5rem;max-width:120vh;margin:-2.25rem auto}.hand-card{height:clamp(8vh,2vw + 6vh,10vh);width:calc(clamp(8vh,2vw + 6vh,10vh) * 7 / 10);background:linear-gradient(135deg,#4299e1cc,#3182cecc);border:2px solid rgba(255,255,255,.5);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}.opponent-hand{--opp-hand-scale: .34;--hand-overlap: -.44;--card-width: max(calc(var(--card-base-width) * var(--opp-hand-scale)), 8.4vh );overflow:visible!important;gap:0;z-index:15;width:min(1200px,calc(100% - 100px));max-width:1200px;padding:0 50px;margin-top:calc(var(--card-base-height) * -.025);transform:none!important}.opponent-hand .hand-card-wrapper{margin:0 calc(var(--card-width) * var(--hand-overlap, -.3))}.opponent-hand .hand-container{overflow:visible!important}.opponent-hand .hand-card{overflow:visible!important;z-index:15;height:max(calc(var(--card-base-height) * var(--opp-hand-scale, .34)),12vh);width:max(calc(var(--card-base-width) * var(--opp-hand-scale, .34)),8.4vh);aspect-ratio:unset}.hand-card-wrapper.opponent-card-wrapper:hover{transform:translateY(1.5rem);z-index:100}.player-hand.hand-container{--player-hand-scale: .6;--card-scale: var(--player-hand-scale);--hand-overlap: -.44;--card-width: 17.5vh ;--card-height: 25vh;--card-font-scale: calc(1.3 * var(--player-hand-scale));--card-spacing-scale: var(--player-hand-scale);--hand-pad: max(50px, calc(var(--card-width) * .44 + 40px));width:min(1200px,calc(100% - 2 * var(--hand-pad)));max-width:1200px;margin:1rem auto 0;padding:0 var(--hand-pad);z-index:15}.player-hand .hand-card-wrapper{margin:0 calc(var(--card-width) * var(--hand-overlap, -.4));pointer-events:none}.player-hand .hand-card-wrapper .card{pointer-events:auto}.player-hand .hand-card-wrapper:has(.card:hover){transform:rotate(0) translateY(-.5rem) scale(1.15);z-index:100}.player-hand .card{height:var(--card-height)}.hand-card-wrapper{transform:translateY(var(--y-offset, 0px)) rotate(var(--rotation, 0deg));transform-origin:bottom center;transition:transform .2s ease;position:relative;z-index:1}.hand-card-wrapper:hover{transform:rotate(0) translateY(-2.2rem) scale(1.1);z-index:100}.opponent-card-wrapper{transform-origin:top center;transform:translateY(calc(-1 * var(--y-offset, 0px))) rotate(calc(-1 * var(--rotation, 0deg)));transition:transform .3s ease}.hand-card:hover{transform:translateY(-8px);box-shadow:0 8px 12px #00000080}.card-back-svg{height:max(calc(var(--card-base-height) * var(--opp-hand-scale, .34)),12vh);width:auto;cursor:default;display:block}.pacifism-blocked-wrapper{position:relative}.pacifism-blocked-wrapper .card{--category-color: 90, 90, 90;box-shadow:0 0 14px 5px #dc1e1ee6,0 calc(10px * var(--card-scale)) calc(30px * var(--card-scale)) #00000080,inset 0 calc(1px * var(--card-scale)) 0 #ffffff1a!important}.pacifism-card-overlay{position:absolute;inset:0;border-radius:12px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;pointer-events:none;z-index:10}.pacifism-lock{font-size:1.1rem;line-height:1;filter:drop-shadow(0 0 4px rgba(220,30,30,.8))}.pacifism-card-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#faa;background:#000000b3;padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(220,30,30,.6)}.opponent-card-revealed{--card-scale: var(--opp-hand-scale, .34);--card-width: max(calc(var(--card-base-width) * var(--opp-hand-scale, .34)), 8.4vh );--card-height: max(calc(var(--card-base-height) * var(--opp-hand-scale, .34)), 12vh);--card-font-scale: calc(1.3 * var(--opp-hand-scale, .34));--card-spacing-scale: var(--opp-hand-scale, .34)}.card-back-svg:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.hand-card-preview{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:.75rem;width:100%;height:100%;gap:.5rem}.card-header{display:flex;justify-content:space-between;width:100%;margin-bottom:.25rem}.card-cost-badge{background:gold!important;color:#000!important;font-size:1.2rem;font-weight:700;padding:.25rem .5rem!important;border-radius:50%!important;min-width:30px;text-align:center;box-shadow:0 2px 4px #0000004d;border:none}.card-type-badge{background:#0006;color:#fff;font-size:.9rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.card-name{color:#fff;font-size:1rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:left;width:100%}.card-category{color:#fffc;text-transform:uppercase;letter-spacing:.5px;text-align:left;width:100%}.card-description{color:#fff;line-height:1.3;text-align:left;flex:1;overflow-y:auto;width:100%}.card-cost-small{color:gold;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.empty-hand{color:#ffffff4d;font-style:italic;font-size:1rem}.zone-card-owner{padding:2px 8px;border-radius:8px}.debug-inject-block select{width:100%;min-width:220px;max-width:100%;padding:.5rem 1rem;border-radius:6px;border:1px solid #aaa;font-size:.9rem;background:#f8f8fa;color:#333;box-shadow:0 1px 4px #00000012;outline:none;transition:border-color .2s}.debug-inject-button{width:100%;min-width:220px;max-width:100%;padding:.6rem 1.2rem;background:linear-gradient(90deg,#2196f3 60%,#1976d2);transition:background .2s,box-shadow .2s;color:#fff;border-radius:8px;font-weight:700;font-size:1.1rem;letter-spacing:.04em;box-shadow:0 2px 8px #2196f31f;cursor:pointer}.board-perspective{transition:all .6s ease}.counter-turn-owner{font-weight:700;color:#b2c9ff;transition:color .3s ease}.play-area-info-panel--mine .counter-turn-owner{color:#d3a94f}.play-area-info-panel--targeting .counter-turn-owner{color:#93c5fd}.play-area-info-panel--mine{animation:info-panel-pulse .6s ease-out both}@keyframes info-panel-pulse{0%{text-shadow:none}40%{text-shadow:0 0 14px rgba(211,169,79,.7)}to{text-shadow:none}}@media(max-width:768px){.play-area{padding:clamp(.5rem,2vh,1rem) clamp(.5rem,2vw,2rem)}.play-area-zones{width:100%;gap:.75rem}.card-zone{flex-direction:column;align-items:center;min-height:unset;gap:.25rem}.zone-content{order:1;width:-moz-fit-content;width:fit-content;margin-top:0;margin-bottom:0}.zone-label-vertical{writing-mode:initial;transform:none;order:2;font-size:.8rem;letter-spacing:.6px;margin-top:.25rem}}.game-over-backdrop{position:fixed;inset:0;background:#05050fe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;display:flex;align-items:center;justify-content:center;animation:game-over-backdrop-in .45s ease both}.game-over-backdrop--leaving{animation:game-over-backdrop-out .45s ease both}.game-over-backdrop--leaving .game-over-panel{animation:game-over-panel-out .4s cubic-bezier(.4,0,.8,1) both}@keyframes game-over-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes game-over-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes game-over-panel-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.94) translateY(12px)}}.game-over-panel{background:#0d0d1f;border:1px solid rgba(255,255,255,.08);outline:3px double rgba(255,255,255,.2);padding:3rem 4rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;min-width:480px;max-width:640px;width:90%;animation:game-over-enter .5s cubic-bezier(.22,1,.36,1) both}@keyframes game-over-enter{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-over-headline{font-size:4rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;line-height:1}.game-over-victory{color:#d3a94f;text-shadow:0 0 40px rgba(211,169,79,.7),0 0 80px rgba(211,169,79,.35)}.game-over-defeat{color:#dc2626;text-shadow:0 0 40px rgba(220,38,38,.6),0 0 80px rgba(220,38,38,.3)}.game-over-draw{color:#94a3b8;text-shadow:0 0 30px rgba(148,163,184,.4)}.game-over-winner-label{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;margin-top:-.75rem}.game-over-players{display:flex;gap:1.25rem;width:100%}.game-over-player-card{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.07);padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}.game-over-player-card--self{border-color:#d3a94f40}.game-over-player-card--winner{border-color:#d3a94f80;background:#d3a94f0d}.game-over-player-name{font-size:.85rem;font-weight:700;letter-spacing:.08em;color:#fff;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-over-you-badge{font-size:.68rem;color:#ffffff59;font-weight:400;text-transform:lowercase;letter-spacing:0}.game-over-player-row{display:flex;align-items:center;gap:.875rem}.game-over-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.game-over-stat-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d}.game-over-stat-value{font-size:1.6rem;font-weight:700;color:#fff;line-height:1}.game-over-stat-divider{color:#ffffff1f;font-size:1.25rem;align-self:center;padding-bottom:.25rem}.game-over-btn{margin-top:.25rem;padding:.75rem 2.5rem;background:transparent;color:#d3a94f;border:none;outline:3px double #d3a94f;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,outline-color .2s}.game-over-btn:hover{background:#d3a94f1f;color:#e8c36a;outline-color:#e8c36a}.game-over-actions{display:flex;gap:1rem;margin-top:.25rem}.game-over-btn--secondary{color:#888;outline-color:#555}.game-over-btn--secondary:hover{background:#8888881a;color:#aaa;outline-color:#888}.game-over-countdown{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.game-over-countdown-bar{height:2px;background:#d3a94f73;transition:width 1s linear}.game-over-countdown-text{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#fff3;align-self:center}.zone-viewer-backdrop{position:fixed;inset:0;background:#000000bf;z-index:100;display:flex;align-items:center;justify-content:center}.zone-viewer-panel{background:#1a1a2e;border:1px solid #3a3a5c;border-radius:8px;padding:1.5rem;width:min(640px,90vw);display:flex;flex-direction:column;gap:1.25rem}.zone-viewer-header{display:flex;align-items:center;justify-content:space-between}.zone-viewer-header-text{display:flex;flex-direction:column;gap:.2rem}.zone-viewer-subtitle{font-size:.75rem;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.zone-viewer-subtitle em{font-weight:400;font-style:italic;color:#fff6}.zone-viewer-title{font-size:1.1rem;font-weight:600;color:#e0c97f;text-transform:uppercase;letter-spacing:.05em}.zone-viewer-title-step{font-weight:400;color:#e0c97f80;font-size:.9rem}.zone-viewer-close{background:none;border:1px solid #3a3a5c;color:#aaa;padding:.25rem .75rem;cursor:pointer;border-radius:4px;font-size:.85rem}.zone-viewer-close:hover{color:#fff;border-color:#aaa}.zone-viewer-empty{color:#666;text-align:center;padding:2rem}.zone-viewer-carousel{--viewer-card-scale: .8;--card-scale: var(--viewer-card-scale);--card-width: calc(280px * var(--viewer-card-scale));--card-height: calc(280px * 10 / 7 * var(--viewer-card-scale));--card-font-scale: calc(1.3 * var(--viewer-card-scale));--card-spacing-scale: var(--viewer-card-scale);position:relative;height:360px;overflow:hidden}.zone-viewer-card-wrapper{position:absolute;top:50%;left:50%;transform-origin:center center;transition:transform .3s ease,opacity .3s ease;cursor:pointer}.zone-viewer-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.zone-viewer-nav{background:none;border:1px solid #3a3a5c;color:#e0c97f;width:2.25rem;height:2.25rem;border-radius:4px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,color .15s}.zone-viewer-nav:hover:not(:disabled){border-color:#e0c97f;color:#fff}.zone-viewer-nav:disabled{opacity:.3;cursor:not-allowed}.zone-viewer-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.zone-viewer-counter{font-size:.85rem;color:#888}.zone-viewer-card-owner{font-size:.75rem;font-weight:700;color:#e0c97f;font-style:normal}.zone-viewer-card-owner em{color:#c9a84c;font-style:italic;font-weight:400}.zone-viewer-select-row{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}.zone-viewer-cancel{background:none;border:1px solid #555;color:#aaa;padding:.35rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer}.zone-viewer-cancel:hover{border-color:#aaa;color:#fff}.zone-viewer-select{background:#e0c97f;border:none;color:#0a0a0a;padding:.35rem 1.25rem;border-radius:4px;font-size:.9rem;font-weight:700;cursor:pointer;letter-spacing:.05em}.zone-viewer-select:hover{background:#f0d98f}.round-end-backdrop{position:fixed;inset:0;background:#05050fb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:250;display:flex;align-items:center;justify-content:center;animation:round-end-in .35s ease both}.round-end-backdrop--leaving{animation:round-end-out .4s ease both}@keyframes round-end-in{0%{opacity:0}to{opacity:1}}@keyframes round-end-out{0%{opacity:1}to{opacity:0}}.round-end-panel{background:#0d0d1f;border:1px solid rgba(255,255,255,.08);outline:3px double rgba(255,255,255,.2);padding:2rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;min-width:340px;max-width:520px;width:90%;animation:round-end-panel-in .4s cubic-bezier(.22,1,.36,1) both}@keyframes round-end-panel-in{0%{opacity:0;transform:scale(.93) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.round-end-header{display:flex;flex-direction:column;align-items:center;gap:.3rem}.round-end-round-label{font-size:1.1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ffffffbf}.round-end-winner-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff59}.round-end-players{display:flex;gap:1.25rem;width:100%}.round-end-player{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.07);padding:1.1rem 1rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.round-end-player--self{border-color:#ffffff24}.round-end-player--winner{border-color:#d3a94f73;background:#d3a94f0d}.round-end-player-name{font-size:.78rem;font-weight:700;letter-spacing:.07em;color:#fff;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.round-end-pips{display:flex;gap:.5rem;align-items:center}.round-end-pip{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);background:transparent}.round-end-pip--filled{background:#d3a94f;border-color:#d3a94f;box-shadow:0 0 6px #d3a94f66}.round-end-pip--new{animation:pip-appear .4s cubic-bezier(.22,1,.36,1) .45s both}@keyframes pip-appear{0%{transform:scale(.3);opacity:0;box-shadow:none}to{transform:scale(1);opacity:1;box-shadow:0 0 10px #d3a94fb3}}:root{--electric-border-color: #dd8448;--electric-light-color: oklch(from var(--electric-border-color) l c h);--gradient-color: oklch(from var(--electric-border-color) .3 calc(c/2) h / .4)}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.svg-container{position:absolute}.card-container{padding:2px;border-radius:24px;position:relative;background:linear-gradient(-30deg,var(--gradient-color),transparent,var(--gradient-color)),linear-gradient(to bottom,var(--color-neutral-900),var(--color-neutral-900))}.inner-container{position:relative}.border-outer{border:2px solid rgba(221,132,72,.5);border-radius:24px;padding-right:4px;padding-bottom:4px}.main-card{width:350px;height:500px;border-radius:24px;border:2px solid var(--electric-border-color);margin-top:-4px;margin-left:-4px;filter:url(#turbulent-displace)}.glow-layer-1{border:2px solid rgba(221,132,72,.6);border-radius:24px;width:100%;height:100%;position:absolute;inset:0;filter:blur(1px)}.glow-layer-2{border:2px solid var(--electric-light-color);border-radius:24px;width:100%;height:100%;position:absolute;inset:0;filter:blur(4px)}.overlay-1{position:absolute;width:100%;height:100%;inset:0;border-radius:24px;opacity:1;mix-blend-mode:overlay;transform:scale(1.1);filter:blur(16px);background:linear-gradient(-30deg,white,transparent 30%,transparent 70%,white)}.overlay-2{position:absolute;width:100%;height:100%;inset:0;border-radius:24px;opacity:.5;mix-blend-mode:overlay;transform:scale(1.1);filter:blur(16px);background:linear-gradient(-30deg,white,transparent 30%,transparent 70%,white)}.background-glow{position:absolute;width:100%;height:100%;inset:0;border-radius:24px;filter:blur(32px);transform:scale(1.1);opacity:.3;z-index:-1;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color))}.content-container{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column}.float-animation{animation:float 3s ease-in-out infinite}@keyframes float{0%{box-shadow:0 5px 5px #0009;transform:translatey(0)}50%{box-shadow:0 25px 10px #0003;transform:translatey(-10px)}to{box-shadow:0 5px 5px #0009;transform:translatey(0)}}