Deploy mirror + built React game (Gemma 3 4B, PORT=7860)

.gitattributes

@@ -33,3 +33,6 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+3d-game/dist/models/characters/robot_expressive.glb filter=lfs diff=lfs merge=lfs -text
+3d-game/dist/models/characters/soldier.glb filter=lfs diff=lfs merge=lfs -text
+3d-game/dist/models/characters/xbot.glb filter=lfs diff=lfs merge=lfs -text

3d-game/dist/assets/index-COcwujCt.css

@@ -0,0 +1 @@
+@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(./cinzel-latin-ext-400-normal-XQK_CSAr.woff2)format("woff2"),url(./cinzel-latin-ext-400-normal-DJ0Lq8y-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(./cinzel-latin-400-normal-DnUIPmzd.woff2)format("woff2"),url(./cinzel-latin-400-normal-C8jUSQqm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(./cinzel-latin-ext-700-normal-CORa-yIv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-latin-ext-900-normal-CWXxiu5r.woff2)format("woff2"),url(./cinzel-latin-ext-900-normal-BlZZvP7K.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-latin-900-normal-BI3z7Tow.woff2)format("woff2"),url(./cinzel-latin-900-normal-t_fSDEbn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-decorative-latin-ext-700-normal-Dul5pKgq.woff2)format("woff2"),url(./cinzel-decorative-latin-ext-700-normal-BaOC-94C.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-decorative-latin-700-normal-CnX1aK6s.woff2)format("woff2"),url(./cinzel-decorative-latin-700-normal-ov6XPGpn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-decorative-latin-ext-900-normal-BhxIA4xV.woff2)format("woff2"),url(./cinzel-decorative-latin-ext-900-normal-CTiVNQCf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-decorative-latin-900-normal-MnIZQgjg.woff2)format("woff2"),url(./cinzel-decorative-latin-900-normal-BBdTCSMn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Almendra;font-style:normal;font-display:swap;font-weight:400;src:url(./almendra-latin-ext-400-normal-CuH8qsFK.woff2)format("woff2"),url(./almendra-latin-ext-400-normal-Cy7PBgqb.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Almendra;font-style:normal;font-display:swap;font-weight:400;src:url(./almendra-latin-400-normal-CLadfHti.woff2)format("woff2"),url(./almendra-latin-400-normal-1m0mD8kt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Almendra;font-style:normal;font-display:swap;font-weight:700;src:url(data:font/woff2;base64,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)format("woff2"),url(data:font/woff;base64,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)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Almendra;font-style:normal;font-display:swap;font-weight:700;src:url(./almendra-latin-700-normal-CcSzIg09.woff2)format("woff2"),url(./almendra-latin-700-normal-Kc8Sb4gi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jim Nightshade;font-style:normal;font-display:swap;font-weight:400;src:url(./jim-nightshade-latin-ext-400-normal-CBRHjeH7.woff2)format("woff2"),url(./jim-nightshade-latin-ext-400-normal-MG59TXRF.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jim Nightshade;font-style:normal;font-display:swap;font-weight:400;src:url(./jim-nightshade-latin-400-normal-BWmRK4d7.woff2)format("woff2"),url(./jim-nightshade-latin-400-normal-igVHAMgk.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-200:oklch(92.4% .12 95.746);--color-black:#000;--spacing:.25rem;--container-2xl:42rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--drop-shadow-md:0 3px 3px #0000001f;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink-900:#05040a;--color-ink-800:#0b0912;--color-ink-700:#181325;--color-ink-600:#251e32;--color-parchment:#f0e6d2;--color-parchment-dim:#b8a88a;--color-parchment-dark:#8a7b63;--color-aged-paper:#d1bfa0;--color-gold:#d4af37;--color-gold-dim:#8a6e20;--color-gold-bright:#f9d76c;--color-player:#2ec4b6;--color-player-deep:#0b4f6c;--color-enemy:#e71d36;--color-enemy-deep:#590d22;--color-mana:#7b68ee;--color-stamina:#f4a261;--color-stamina-exhausted:#c53030;--color-crit:gold;--font-fantasy:"Cinzel", "Cinzel Decorative", "Georgia", "Times New Roman", serif;--font-title:"Cinzel Decorative", "Cinzel", "Georgia", serif;--font-body:"Almendra", "Georgia", "Times New Roman", serif;--font-brush:"Jim Nightshade", "Brush Script MT", cursive;--shadow-gold:0 0 12px 2px #d4af3773, 0 0 4px 1px #d4af37b3;--animate-pulse-glow:pulse-glow 2.5s ease-in-out infinite;--animate-flame:flame .8s ease-in-out infinite alternate}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-1{inset:var(--spacing)}.inset-x-0{inset-inline:0}.-top-3{top:calc(var(--spacing) * -3)}.-top-\[2px\]{top:-2px}.-top-px{top:-1px}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.-right-12{right:calc(var(--spacing) * -12)}.-right-\[2px\]{right:-2px}.-right-px{right:-1px}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.-bottom-3{bottom:calc(var(--spacing) * -3)}.-bottom-7{bottom:calc(var(--spacing) * -7)}.-bottom-\[2px\]{bottom:-2px}.-bottom-px{bottom:-1px}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-20{bottom:calc(var(--spacing) * 20)}.-left-\[2px\]{left:-2px}.-left-px{left:-1px}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.left-6{left:calc(var(--spacing) * 6)}.left-\[1\.35rem\]{left:1.35rem}.left-\[2px\]{left:2px}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[24\]{z-index:24}.z-\[25\]{z-index:25}.z-\[35\]{z-index:35}.z-\[90\]{z-index:90}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.z-\[120\]{z-index:120}.z-\[150\]{z-index:150}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-auto{margin-block:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-6{margin-left:calc(var(--spacing) * 6)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-32{height:calc(var(--spacing) * 32)}.h-44{height:calc(var(--spacing) * 44)}.h-72{height:calc(var(--spacing) * 72)}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[460px\]{height:460px}.h-\[520px\]{height:520px}.h-\[min\(85vh\,720px\)\]{height:min(85vh,720px)}.h-full{height:100%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[1px\]{width:1px}.w-\[3px\]{width:3px}.w-\[520px\]{width:520px}.w-\[min\(92vw\,1100px\)\]{width:min(92vw,1100px)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.min-w-0{min-width:0}.min-w-\[1\.4rem\]{min-width:1.4rem}.min-w-\[1\.6rem\]{min-width:1.6rem}.min-w-\[2ch\]{min-width:2ch}.min-w-\[260px\]{min-width:260px}.flex-1{flex:1}.flex-\[1\.6\]{flex:1.6}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.-scale-100{--tw-scale-x:calc(100% * -1);--tw-scale-y:calc(100% * -1);--tw-scale-z:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.-scale-x-100{--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-scale-y-100{--tw-scale-y:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.text-glow-gold-sheen{color:#0000;text-shadow:0 4px 24px #000000e6;filter:drop-shadow(0 0 10px #d4af3759);background:linear-gradient(100deg,#8a6e20 0%,#d4af37 22%,#f9d76c 48%,#d4af37 72%,#8a6e20 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite gold-sheen}.animate-flame{animation:var(--animate-flame)}.animate-pulse-glow{animation:var(--animate-pulse-glow)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-l-sm{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#6c8e6a\]\/60{border-color:oklab(61.0859% -.0527358 .0392579/.6)}.border-\[\#8a6e20\]{border-color:#8a6e20}.border-\[\#8a6e20\]\/60{border-color:oklab(55.1309% .00315212 .0994465/.6)}.border-\[\#8a7b63\]\/40{border-color:oklab(59.0067% .00723079 .038814/.4)}.border-\[\#8c1a1a\]{border-color:#8c1a1a}.border-\[\#d4af37\]{border-color:#d4af37}.border-\[rgba\(138\,110\,32\,0\.3\)\]{border-color:#8a6e204d}.border-\[rgba\(138\,110\,32\,0\.4\)\]{border-color:#8a6e2066}.border-\[rgba\(138\,110\,32\,0\.6\)\]{border-color:#8a6e2099}.border-\[rgba\(138\,110\,32\,0\.25\)\]{border-color:#8a6e2040}.border-\[rgba\(138\,110\,32\,0\.35\)\]{border-color:#8a6e2059}.border-\[rgba\(138\,110\,32\,0\.45\)\]{border-color:#8a6e2073}.border-\[rgba\(138\,110\,32\,0\.55\)\]{border-color:#8a6e208c}.border-\[rgba\(212\,175\,55\,0\.75\)\]{border-color:#d4af37bf}.border-crit\/60{border-color:#ffd70099}@supports (color:color-mix(in lab, red, red)){.border-crit\/60{border-color:color-mix(in oklab, var(--color-crit) 60%, transparent)}}.border-gold{border-color:var(--color-gold)}.border-gold\/10{border-color:#d4af371a}@supports (color:color-mix(in lab, red, red)){.border-gold\/10{border-color:color-mix(in oklab, var(--color-gold) 10%, transparent)}}.border-gold\/15{border-color:#d4af3726}@supports (color:color-mix(in lab, red, red)){.border-gold\/15{border-color:color-mix(in oklab, var(--color-gold) 15%, transparent)}}.border-gold\/20{border-color:#d4af3733}@supports (color:color-mix(in lab, red, red)){.border-gold\/20{border-color:color-mix(in oklab, var(--color-gold) 20%, transparent)}}.border-gold\/25{border-color:#d4af3740}@supports (color:color-mix(in lab, red, red)){.border-gold\/25{border-color:color-mix(in oklab, var(--color-gold) 25%, transparent)}}.border-gold\/30{border-color:#d4af374d}@supports (color:color-mix(in lab, red, red)){.border-gold\/30{border-color:color-mix(in oklab, var(--color-gold) 30%, transparent)}}.border-gold\/40{border-color:#d4af3766}@supports (color:color-mix(in lab, red, red)){.border-gold\/40{border-color:color-mix(in oklab, var(--color-gold) 40%, transparent)}}.border-gold\/45{border-color:#d4af3773}@supports (color:color-mix(in lab, red, red)){.border-gold\/45{border-color:color-mix(in oklab, var(--color-gold) 45%, transparent)}}.border-gold\/50{border-color:#d4af3780}@supports (color:color-mix(in lab, red, red)){.border-gold\/50{border-color:color-mix(in oklab, var(--color-gold) 50%, transparent)}}.border-gold\/55{border-color:#d4af378c}@supports (color:color-mix(in lab, red, red)){.border-gold\/55{border-color:color-mix(in oklab, var(--color-gold) 55%, transparent)}}.border-gold\/60{border-color:#d4af3799}@supports (color:color-mix(in lab, red, red)){.border-gold\/60{border-color:color-mix(in oklab, var(--color-gold) 60%, transparent)}}.border-gold\/70{border-color:#d4af37b3}@supports (color:color-mix(in lab, red, red)){.border-gold\/70{border-color:color-mix(in oklab, var(--color-gold) 70%, transparent)}}.border-gold\/80{border-color:#d4af37cc}@supports (color:color-mix(in lab, red, red)){.border-gold\/80{border-color:color-mix(in oklab, var(--color-gold) 80%, transparent)}}.border-parchment-dark\/35{border-color:#8a7b6359}@supports (color:color-mix(in lab, red, red)){.border-parchment-dark\/35{border-color:color-mix(in oklab, var(--color-parchment-dark) 35%, transparent)}}.border-parchment-dark\/40{border-color:#8a7b6366}@supports (color:color-mix(in lab, red, red)){.border-parchment-dark\/40{border-color:color-mix(in oklab, var(--color-parchment-dark) 40%, transparent)}}.bg-\[\#3a0a0a\]\/70{background-color:oklab(23.4013% .0680873 .0319487/.7)}.bg-\[\#6c8e6a\]{background-color:#6c8e6a}.bg-\[\#6c8e6a\]\/10{background-color:oklab(61.0859% -.0527358 .0392579/.1)}.bg-\[rgba\(5\,4\,10\,0\.55\)\]{background-color:#05040a8c}.bg-\[rgba\(138\,110\,32\,0\.1\)\]{background-color:#8a6e201a}.bg-\[rgba\(138\,110\,32\,0\.3\)\]{background-color:#8a6e204d}.bg-\[rgba\(209\,191\,160\,0\.5\)\]{background-color:#d1bfa080}.bg-\[rgba\(209\,191\,160\,0\.6\)\]{background-color:#d1bfa099}.bg-\[rgba\(209\,191\,160\,0\.7\)\]{background-color:#d1bfa0b3}.bg-\[rgba\(209\,191\,160\,0\.8\)\]{background-color:#d1bfa0cc}.bg-\[rgba\(212\,175\,55\,0\.18\)\]{background-color:#d4af372e}.bg-\[rgba\(240\,230\,210\,0\.6\)\]{background-color:#f0e6d299}.bg-\[rgba\(240\,230\,210\,0\.7\)\]{background-color:#f0e6d2b3}.bg-\[rgba\(240\,230\,210\,0\.55\)\]{background-color:#f0e6d28c}.bg-\[rgba\(240\,230\,210\,0\.65\)\]{background-color:#f0e6d2a6}.bg-\[rgba\(240\,230\,210\,0\.85\)\]{background-color:#f0e6d2d9}.bg-\[rgba\(240\,230\,210\,0\.95\)\]{background-color:#f0e6d2f2}.bg-crit{background-color:var(--color-crit)}.bg-crit\/10{background-color:#ffd7001a}@supports (color:color-mix(in lab, red, red)){.bg-crit\/10{background-color:color-mix(in oklab, var(--color-crit) 10%, transparent)}}.bg-gold-bright{background-color:var(--color-gold-bright)}.bg-gold\/20{background-color:#d4af3733}@supports (color:color-mix(in lab, red, red)){.bg-gold\/20{background-color:color-mix(in oklab, var(--color-gold) 20%, transparent)}}.bg-gold\/30{background-color:#d4af374d}@supports (color:color-mix(in lab, red, red)){.bg-gold\/30{background-color:color-mix(in oklab, var(--color-gold) 30%, transparent)}}.bg-gold\/40{background-color:#d4af3766}@supports (color:color-mix(in lab, red, red)){.bg-gold\/40{background-color:color-mix(in oklab, var(--color-gold) 40%, transparent)}}.bg-ink-600\/40{background-color:#251e3266}@supports (color:color-mix(in lab, red, red)){.bg-ink-600\/40{background-color:color-mix(in oklab, var(--color-ink-600) 40%, transparent)}}.bg-ink-800\/40{background-color:#0b091266}@supports (color:color-mix(in lab, red, red)){.bg-ink-800\/40{background-color:color-mix(in oklab, var(--color-ink-800) 40%, transparent)}}.bg-ink-800\/60{background-color:#0b091299}@supports (color:color-mix(in lab, red, red)){.bg-ink-800\/60{background-color:color-mix(in oklab, var(--color-ink-800) 60%, transparent)}}.bg-ink-800\/80{background-color:#0b0912cc}@supports (color:color-mix(in lab, red, red)){.bg-ink-800\/80{background-color:color-mix(in oklab, var(--color-ink-800) 80%, transparent)}}.bg-ink-900{background-color:var(--color-ink-900)}.bg-ink-900\/30{background-color:#05040a4d}@supports (color:color-mix(in lab, red, red)){.bg-ink-900\/30{background-color:color-mix(in oklab, var(--color-ink-900) 30%, transparent)}}.bg-ink-900\/60{background-color:#05040a99}@supports (color:color-mix(in lab, red, red)){.bg-ink-900\/60{background-color:color-mix(in oklab, var(--color-ink-900) 60%, transparent)}}.bg-ink-900\/70{background-color:#05040ab3}@supports (color:color-mix(in lab, red, red)){.bg-ink-900\/70{background-color:color-mix(in oklab, var(--color-ink-900) 70%, transparent)}}.bg-ink-900\/80{background-color:#05040acc}@supports (color:color-mix(in lab, red, red)){.bg-ink-900\/80{background-color:color-mix(in oklab, var(--color-ink-900) 80%, transparent)}}.bg-ink-900\/85{background-color:#05040ad9}@supports (color:color-mix(in lab, red, red)){.bg-ink-900\/85{background-color:color-mix(in oklab, var(--color-ink-900) 85%, transparent)}}.bg-ink-900\/95{background-color:#05040af2}@supports (color:color-mix(in lab, red, red)){.bg-ink-900\/95{background-color:color-mix(in oklab, var(--color-ink-900) 95%, transparent)}}.bg-parchment-dim\/70{background-color:#b8a88ab3}@supports (color:color-mix(in lab, red, red)){.bg-parchment-dim\/70{background-color:color-mix(in oklab, var(--color-parchment-dim) 70%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(90deg\,\#8a6e20\,\#d4af37\,\#f1c232\)\]{background-image:linear-gradient(90deg,#8a6e20,#d4af37,#f1c232)}.bg-\[linear-gradient\(90deg\,\#b8860b\,\#d4af37\)\]{background-image:linear-gradient(90deg,#b8860b,#d4af37)}.bg-\[linear-gradient\(135deg\,\#fff8e1\,\#d4af37\)\]{background-image:linear-gradient(135deg,#fff8e1,#d4af37)}.bg-\[linear-gradient\(135deg\,\#fff8e1\,\#f1c232\)\]{background-image:linear-gradient(135deg,#fff8e1,#f1c232)}.bg-\[linear-gradient\(135deg\,rgba\(240\,230\,210\,0\.97\)\,rgba\(209\,191\,160\,0\.94\)\)\]{background-image:linear-gradient(135deg,#f0e6d2f7,#d1bfa0f0)}.from-aged-paper\/90{--tw-gradient-from:#d1bfa0e6}@supports (color:color-mix(in lab, red, red)){.from-aged-paper\/90{--tw-gradient-from:color-mix(in oklab, var(--color-aged-paper) 90%, transparent)}}.from-aged-paper\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-aged-paper\/95{--tw-gradient-from:#d1bfa0f2}@supports (color:color-mix(in lab, red, red)){.from-aged-paper\/95{--tw-gradient-from:color-mix(in oklab, var(--color-aged-paper) 95%, transparent)}}.from-aged-paper\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gold\/20{--tw-gradient-from:#d4af3733}@supports (color:color-mix(in lab, red, red)){.from-gold\/20{--tw-gradient-from:color-mix(in oklab, var(--color-gold) 20%, transparent)}}.from-gold\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gold\/40{--tw-gradient-from:#d4af3766}@supports (color:color-mix(in lab, red, red)){.from-gold\/40{--tw-gradient-from:color-mix(in oklab, var(--color-gold) 40%, transparent)}}.from-gold\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-ink-700\/95{--tw-gradient-from:#181325f2}@supports (color:color-mix(in lab, red, red)){.from-ink-700\/95{--tw-gradient-from:color-mix(in oklab, var(--color-ink-700) 95%, transparent)}}.from-ink-700\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-ink-800\/40{--tw-gradient-from:#0b091266}@supports (color:color-mix(in lab, red, red)){.from-ink-800\/40{--tw-gradient-from:color-mix(in oklab, var(--color-ink-800) 40%, transparent)}}.from-ink-800\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-ink-800\/70{--tw-gradient-from:#0b0912b3}@supports (color:color-mix(in lab, red, red)){.from-ink-800\/70{--tw-gradient-from:color-mix(in oklab, var(--color-ink-800) 70%, transparent)}}.from-ink-800\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-ink-800\/95{--tw-gradient-from:#0b0912f2}@supports (color:color-mix(in lab, red, red)){.from-ink-800\/95{--tw-gradient-from:color-mix(in oklab, var(--color-ink-800) 95%, transparent)}}.from-ink-800\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[rgba\(173\,255\,47\,0\.35\)\]{--tw-gradient-via:#adff2f59;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[rgba\(231\,29\,54\,0\.18\)\]{--tw-gradient-via:#e71d362e;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gold{--tw-gradient-via:var(--color-gold);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gold\/15{--tw-gradient-via:#d4af3726}@supports (color:color-mix(in lab, red, red)){.via-gold\/15{--tw-gradient-via:color-mix(in oklab, var(--color-gold) 15%, transparent)}}.via-gold\/15{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gold\/30{--tw-gradient-via:#d4af374d}@supports (color:color-mix(in lab, red, red)){.via-gold\/30{--tw-gradient-via:color-mix(in oklab, var(--color-gold) 30%, transparent)}}.via-gold\/30{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gold\/60{--tw-gradient-via:#d4af3799}@supports (color:color-mix(in lab, red, red)){.via-gold\/60{--tw-gradient-via:color-mix(in oklab, var(--color-gold) 60%, transparent)}}.via-gold\/60{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gold\/70{--tw-gradient-via:#d4af37b3}@supports (color:color-mix(in lab, red, red)){.via-gold\/70{--tw-gradient-via:color-mix(in oklab, var(--color-gold) 70%, transparent)}}.via-gold\/70{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-parchment-dark\/50{--tw-gradient-via:#8a7b6380}@supports (color:color-mix(in lab, red, red)){.via-parchment-dark\/50{--tw-gradient-via:color-mix(in oklab, var(--color-parchment-dark) 50%, transparent)}}.via-parchment-dark\/50{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-parchment\/10{--tw-gradient-via:#f0e6d21a}@supports (color:color-mix(in lab, red, red)){.via-parchment\/10{--tw-gradient-via:color-mix(in oklab, var(--color-parchment) 10%, transparent)}}.via-parchment\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-gold\/5{--tw-gradient-to:#d4af370d}@supports (color:color-mix(in lab, red, red)){.to-gold\/5{--tw-gradient-to:color-mix(in oklab, var(--color-gold) 5%, transparent)}}.to-gold\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-ink-800\/95{--tw-gradient-to:#0b0912f2}@supports (color:color-mix(in lab, red, red)){.to-ink-800\/95{--tw-gradient-to:color-mix(in oklab, var(--color-ink-800) 95%, transparent)}}.to-ink-800\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-ink-900\/60{--tw-gradient-to:#05040a99}@supports (color:color-mix(in lab, red, red)){.to-ink-900\/60{--tw-gradient-to:color-mix(in oklab, var(--color-ink-900) 60%, transparent)}}.to-ink-900\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-ink-900\/80{--tw-gradient-to:#05040acc}@supports (color:color-mix(in lab, red, red)){.to-ink-900\/80{--tw-gradient-to:color-mix(in oklab, var(--color-ink-900) 80%, transparent)}}.to-ink-900\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-ink-900\/95{--tw-gradient-to:#05040af2}@supports (color:color-mix(in lab, red, red)){.to-ink-900\/95{--tw-gradient-to:color-mix(in oklab, var(--color-ink-900) 95%, transparent)}}.to-ink-900\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-parchment-dark\/30{--tw-gradient-to:#8a7b634d}@supports (color:color-mix(in lab, red, red)){.to-parchment-dark\/30{--tw-gradient-to:color-mix(in oklab, var(--color-parchment-dark) 30%, transparent)}}.to-parchment-dark\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-parchment\/90{--tw-gradient-to:#f0e6d2e6}@supports (color:color-mix(in lab, red, red)){.to-parchment\/90{--tw-gradient-to:color-mix(in oklab, var(--color-parchment) 90%, transparent)}}.to-parchment\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-body{font-family:var(--font-body)}.font-brush{font-family:var(--font-brush)}.font-title{font-family:var(--font-title)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[2\.1rem\]{font-size:2.1rem}.text-\[2\.5rem\]{font-size:2.5rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[clamp\(1rem\,2\.5vw\,1\.5rem\)\]{font-size:clamp(1rem,2.5vw,1.5rem)}.text-\[clamp\(3rem\,12vw\,10rem\)\]{font-size:clamp(3rem,12vw,10rem)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.tracking-\[0\.5em\]{--tw-tracking:.5em;letter-spacing:.5em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.tracking-\[0\.35em\]{--tw-tracking:.35em;letter-spacing:.35em}.tracking-\[0\.45em\]{--tw-tracking:.45em;letter-spacing:.45em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#3a2e1a\]{color:#3a2e1a}.text-\[\#5c4d3c\]{color:#5c4d3c}.text-\[\#6c8e6a\]{color:#6c8e6a}.text-\[\#8a6e20\]{color:#8a6e20}.text-\[\#8a7b63\]{color:#8a7b63}.text-\[\#05040a\]{color:#05040a}.text-\[\#a89878\]{color:#a89878}.text-\[\#b8a88a\]{color:#b8a88a}.text-\[\#d4af37\]{color:#d4af37}.text-\[\#d9a3a3\]{color:#d9a3a3}.text-\[\#e71d36\]{color:#e71d36}.text-\[var\(--color-parchment\)\]{color:var(--color-parchment)}.text-\[var\(--color-parchment-dim\)\]{color:var(--color-parchment-dim)}.text-amber-200{color:var(--color-amber-200)}.text-crit{color:var(--color-crit)}.text-enemy{color:var(--color-enemy)}.text-gold{color:var(--color-gold)}.text-gold-bright{color:var(--color-gold-bright)}.text-gold-dim{color:var(--color-gold-dim)}.text-gold\/30{color:#d4af374d}@supports (color:color-mix(in lab, red, red)){.text-gold\/30{color:color-mix(in oklab, var(--color-gold) 30%, transparent)}}.text-gold\/35{color:#d4af3759}@supports (color:color-mix(in lab, red, red)){.text-gold\/35{color:color-mix(in oklab, var(--color-gold) 35%, transparent)}}.text-gold\/55{color:#d4af378c}@supports (color:color-mix(in lab, red, red)){.text-gold\/55{color:color-mix(in oklab, var(--color-gold) 55%, transparent)}}.text-gold\/60{color:#d4af3799}@supports (color:color-mix(in lab, red, red)){.text-gold\/60{color:color-mix(in oklab, var(--color-gold) 60%, transparent)}}.text-ink-700{color:var(--color-ink-700)}.text-ink-900{color:var(--color-ink-900)}.text-parchment{color:var(--color-parchment)}.text-parchment-dark{color:var(--color-parchment-dark)}.text-parchment-dark\/35{color:#8a7b6359}@supports (color:color-mix(in lab, red, red)){.text-parchment-dark\/35{color:color-mix(in oklab, var(--color-parchment-dark) 35%, transparent)}}.text-parchment-dark\/70{color:#8a7b63b3}@supports (color:color-mix(in lab, red, red)){.text-parchment-dark\/70{color:color-mix(in oklab, var(--color-parchment-dark) 70%, transparent)}}.text-parchment-dim{color:var(--color-parchment-dim)}.text-parchment\/80{color:#f0e6d2cc}@supports (color:color-mix(in lab, red, red)){.text-parchment\/80{color:color-mix(in oklab, var(--color-parchment) 80%, transparent)}}.text-parchment\/90{color:#f0e6d2e6}@supports (color:color-mix(in lab, red, red)){.text-parchment\/90{color:color-mix(in oklab, var(--color-parchment) 90%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.opacity-\[0\.08\]{opacity:.08}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_6px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow:0 0 6px var(--tw-shadow-color,#00000073);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(212\,175\,55\,0\.5\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#d4af3780);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(212\,175\,55\,0\.25\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#d4af3740);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(212\,175\,55\,0\.55\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#d4af378c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(140\,26\,26\,0\.6\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#8c1a1a99);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(212\,175\,55\,0\.55\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#d4af378c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_14px_rgba\(212\,175\,55\,0\.6\)\]{--tw-shadow:0 0 14px var(--tw-shadow-color,#d4af3799);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_24px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 0 24px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_50px_rgba\(0\,0\,0\,0\.55\)\]{--tw-shadow:0 12px 50px var(--tw-shadow-color,#0000008c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.7\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.25\)\]{--tw-shadow:0 24px 80px var(--tw-shadow-color,#000000b3), inset 0 1px 0 var(--tw-shadow-color,#ffffff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.75\)\]{--tw-shadow:0 24px 80px var(--tw-shadow-color,#000000bf);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_2px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:inset 0 1px 2px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-black\/70{--tw-shadow-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.shadow-black\/70{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 70%, transparent) var(--tw-shadow-alpha), transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_18px_rgba\(212\,175\,55\,0\.7\)\]{--tw-drop-shadow-size:drop-shadow(0 0 18px var(--tw-drop-shadow-color,#d4af37b3));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_18px_rgba\(231\,29\,54\,0\.7\)\]{--tw-drop-shadow-size:drop-shadow(0 0 18px var(--tw-drop-shadow-color,#e71d36b3));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\]{transition-property:background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.text-glow-enemy{text-shadow:0 0 12px #e71d36b3,0 0 24px #e71d3666}.text-glow-exhausted{text-shadow:0 0 10px #c53030d9,0 0 22px #c5303080,0 2px 6px #000000f2}.text-glow-gold{text-shadow:0 0 6px #d4af37d9,0 0 22px #d4af3780,0 0 48px #d4af3733,0 4px 24px #000000e6}.text-glow-player{text-shadow:0 0 12px #2ec4b6b3,0 0 24px #2ec4b666}.text-glow-stamina{text-shadow:0 0 10px #f4a261b3,0 0 22px #f4a26166,0 2px 6px #000000e6}@media (hover:hover){.group-hover\:translate-x-full:is(:where(.group):hover *){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-x-100:is(:where(.group):hover *){--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:border-\[\#8a7b63\]\/70:is(:where(.group):hover *){border-color:oklab(59.0067% .00723079 .038814/.7)}.group-hover\:border-gold:is(:where(.group):hover *){border-color:var(--color-gold)}.group-hover\:border-parchment-dim\/70:is(:where(.group):hover *){border-color:#b8a88ab3}@supports (color:color-mix(in lab, red, red)){.group-hover\:border-parchment-dim\/70:is(:where(.group):hover *){border-color:color-mix(in oklab, var(--color-parchment-dim) 70%, transparent)}}.group-hover\:from-ink-700\/60:is(:where(.group):hover *){--tw-gradient-from:#18132599}@supports (color:color-mix(in lab, red, red)){.group-hover\:from-ink-700\/60:is(:where(.group):hover *){--tw-gradient-from:color-mix(in oklab, var(--color-ink-700) 60%, transparent)}}.group-hover\:from-ink-700\/60:is(:where(.group):hover *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.group-hover\:from-ink-700\/80:is(:where(.group):hover *){--tw-gradient-from:#181325cc}@supports (color:color-mix(in lab, red, red)){.group-hover\:from-ink-700\/80:is(:where(.group):hover *){--tw-gradient-from:color-mix(in oklab, var(--color-ink-700) 80%, transparent)}}.group-hover\:from-ink-700\/80:is(:where(.group):hover *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.group-hover\:to-ink-800\/60:is(:where(.group):hover *){--tw-gradient-to:#0b091299}@supports (color:color-mix(in lab, red, red)){.group-hover\:to-ink-800\/60:is(:where(.group):hover *){--tw-gradient-to:color-mix(in oklab, var(--color-ink-800) 60%, transparent)}}.group-hover\:to-ink-800\/60:is(:where(.group):hover *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.group-hover\:to-ink-800\/80:is(:where(.group):hover *){--tw-gradient-to:#0b0912cc}@supports (color:color-mix(in lab, red, red)){.group-hover\:to-ink-800\/80:is(:where(.group):hover *){--tw-gradient-to:color-mix(in oklab, var(--color-ink-800) 80%, transparent)}}.group-hover\:to-ink-800\/80:is(:where(.group):hover *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.group-hover\:text-\[\#5c4d3c\]:is(:where(.group):hover *){color:#5c4d3c}.group-hover\:text-gold-bright:is(:where(.group):hover *){color:var(--color-gold-bright)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-\[0_0_16px_2px_rgba\(184\,168\,138\,0\.18\)\]:is(:where(.group):hover *){--tw-shadow:0 0 16px 2px var(--tw-shadow-color,#b8a88a2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-hover\:shadow-\[0_0_24px_2px_rgba\(212\,175\,55\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 0 24px 2px var(--tw-shadow-color,#d4af3759);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-hover\:\[text-shadow\:0_0_8px_rgba\(184\,168\,138\,0\.45\)\]:is(:where(.group):hover *){text-shadow:0 0 8px #b8a88a73}.group-hover\:\[text-shadow\:0_0_10px_rgba\(212\,175\,55\,0\.7\)\]:is(:where(.group):hover *){text-shadow:0 0 10px #d4af37b3}.group-hover\:\[text-shadow\:0_0_14px_rgba\(212\,175\,55\,0\.9\)\,0_0_28px_rgba\(212\,175\,55\,0\.5\)\]:is(:where(.group):hover *){text-shadow:0 0 14px #d4af37e6,0 0 28px #d4af3780}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[rgba\(138\,110\,32\,0\.75\)\]:hover{border-color:#8a6e20bf}.hover\:border-\[rgba\(138\,110\,32\,0\.85\)\]:hover{border-color:#8a6e20d9}.hover\:border-gold:hover{border-color:var(--color-gold)}.hover\:border-gold\/50:hover{border-color:#d4af3780}@supports (color:color-mix(in lab, red, red)){.hover\:border-gold\/50:hover{border-color:color-mix(in oklab, var(--color-gold) 50%, transparent)}}.hover\:border-gold\/70:hover{border-color:#d4af37b3}@supports (color:color-mix(in lab, red, red)){.hover\:border-gold\/70:hover{border-color:color-mix(in oklab, var(--color-gold) 70%, transparent)}}.hover\:bg-\[rgba\(240\,230\,210\,0\.8\)\]:hover{background-color:#f0e6d2cc}.hover\:bg-\[rgba\(240\,230\,210\,0\.9\)\]:hover{background-color:#f0e6d2e6}.hover\:bg-ink-700\/70:hover{background-color:#181325b3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-ink-700\/70:hover{background-color:color-mix(in oklab, var(--color-ink-700) 70%, transparent)}}.hover\:text-\[\#590d22\]:hover{color:#590d22}.hover\:text-\[\#05040a\]:hover{color:#05040a}.hover\:text-gold-bright:hover{color:var(--color-gold-bright)}.hover\:text-parchment:hover{color:var(--color-parchment)}.hover\:shadow-\[0_0_12px_rgba\(212\,175\,55\,0\.45\)\]:hover{--tw-shadow:0 0 12px var(--tw-shadow-color,#d4af3773);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_20px_2px_rgba\(212\,175\,55\,0\.25\)\]:hover{--tw-shadow:0 0 20px 2px var(--tw-shadow-color,#d4af3740);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_20px_2px_rgba\(212\,175\,55\,0\.35\)\]:hover{--tw-shadow:0 0 20px 2px var(--tw-shadow-color,#d4af3759);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.97\]:active{scale:.97}@media (width>=40rem){.sm\:h-52{height:calc(var(--spacing) * 52)}.sm\:h-56{height:calc(var(--spacing) * 56)}.sm\:w-56{width:calc(var(--spacing) * 56)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[1fr\,1fr\]{grid-template-columns:1fr,1fr}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-14{gap:calc(var(--spacing) * 14)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:pt-12{padding-top:calc(var(--spacing) * 12)}.sm\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sm\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (width>=48rem){.md\:grid{display:grid}.md\:h-\[420px\]{height:420px}.md\:h-auto{height:auto}.md\:w-1\/2{width:50%}.md\:w-\[460px\]{width:460px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}@media (width>=64rem){.lg\:w-\[500px\]{width:500px}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 4px #d4af3799)}50%{filter:drop-shadow(0 0 14px #d4af37f2)}}@keyframes sheen{0%{background-position:-200%}to{background-position:200%}}@keyframes flame{0%{opacity:.85;transform:scale(1)rotate(-1deg)}to{opacity:1;transform:scale(1.08)rotate(1deg)}}@keyframes ink-bleed{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-6deg)}15%{opacity:1;transform:translate(-50%,-90%)scale(1.2)rotate(4deg)}to{opacity:0;transform:translate(-50%,-170%)scale(.9)rotate(0)}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-4px,2px)}20%{transform:translate(4px,-2px)}30%{transform:translate(-3px,-3px)}40%{transform:translate(3px,3px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}70%{transform:translate(-1px,-2px)}80%{transform:translate(1px,2px)}}@keyframes page-turn{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes gold-sheen{0%{background-position:0%}to{background-position:200%}}@keyframes drift-ember{0%{opacity:0;transform:translateY(100vh)scale(.6)}10%{opacity:1}85%{opacity:.85}to{transform:translate3d(var(--drift,30px), -12vh, 0) scale(1.2);opacity:0}}@keyframes gold-shower{0%{opacity:0;transform:translateY(-10vh)scale(.4)rotate(0)}10%{opacity:1}90%{opacity:.9}to{transform:translate3d(var(--drift,0), 110vh, 0) scale(1.1) rotate(360deg);opacity:0}}@keyframes rise-laurel{0%{opacity:0;transform:translateY(80px)scale(.85)}60%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ambient-breath{0%,to{opacity:.1}50%{opacity:.22}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes arena-confirm-fade{0%{background:#05040a00}60%{background:var(--arena-accent,#d4af37)}to{background:#05040a}}.gradient-border{position:relative}.gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-gold), var(--color-mana));-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ornate-corner{position:relative}.ornate-corner:before,.ornate-corner:after{content:"";pointer-events:none;border-style:solid;border-color:#d4af3799;width:16px;height:16px;position:absolute}.ornate-corner:before{border-width:2px 0 0 2px;top:-2px;left:-2px}.ornate-corner:after{border-width:0 2px 2px 0;bottom:-2px;right:-2px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-ink-900);width:100%;height:100%;font-family:var(--font-body);color:var(--color-parchment);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.game-container{width:100vw;height:100vh;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#05040a4d}::-webkit-scrollbar-thumb{background:#d4af3766;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4af3799}.gpu-idle *,.gpu-idle :before,.gpu-idle :after{animation-play-state:paused!important}.gpu-idle .ember-layer,.gpu-idle .ember,.gpu-idle .ember-ash,.gpu-idle .ember-defeat,.gpu-idle .ember-victory{display:none!important}.gpu-idle .text-glow-gold-sheen,.gpu-idle .ambient-breath,.gpu-idle .drift-ember,.gpu-idle .gold-shower,.gpu-idle .gold-sheen,.gpu-idle .rise-laurel,.gpu-idle .spin-slow,.gpu-idle .arena-confirm-fade{animation:none!important}.gpu-status{z-index:9999;font-family:var(--font-fantasy);letter-spacing:.18em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-parchment);background:#05040a8c;border:1px solid #d4af3759;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex;position:fixed;top:12px;right:12px;box-shadow:0 4px 12px #0006}.gpu-status .dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px}.gpu-status.is-idle{color:#6c8e6a;border-color:#6c8e6a80}.gpu-status.is-idle .dot{background:#6c8e6a}.gpu-status.is-active{color:var(--color-crit);border-color:#ffd7008c}.gpu-status.is-active .dot{background:var(--color-crit);animation:1.2s ease-in-out infinite gpu-pulse}@keyframes gpu-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.game-container{background:#05040a;width:100vw;height:100vh;position:relative;overflow:hidden}.game-container canvas{display:block;width:100%!important;height:100%!important}.shake-light{animation:.4s ease-out shake-light}.shake-heavy{animation:.55s ease-out shake-heavy}.shake-crit{animation:.6s cubic-bezier(.22,1,.36,1) shake-crit}@keyframes shake-light{0%,to{transform:translate(0)}10%{transform:translate(-3px,1px)}20%{transform:translate(3px,-1px)}30%{transform:translate(-2px,-2px)}40%{transform:translate(2px,2px)}50%{transform:translate(-1px,1px)}60%{transform:translate(1px,-1px)}70%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}}@keyframes shake-heavy{0%,to{transform:translate(0)}8%{transform:translate(-7px,3px)rotate(-.4deg)}18%{transform:translate(7px,-3px)rotate(.3deg)}28%{transform:translate(-6px,-5px)rotate(-.2deg)}38%{transform:translate(6px,5px)rotate(.3deg)}48%{transform:translate(-4px,3px)rotate(-.2deg)}58%{transform:translate(4px,-3px)rotate(.2deg)}68%{transform:translate(-3px,-4px)}78%{transform:translate(3px,4px)}88%{transform:translate(-2px,2px)}}@keyframes shake-crit{0%,to{transform:translate(0)scale(1)}10%{transform:translate(-10px,5px)scale(1.005)}20%{transform:translate(10px,-5px)scale(1.01)}30%{transform:translate(-8px,-6px)scale(1.005)}40%{transform:translate(8px,6px)scale(1.01)}50%{transform:translate(-5px,4px)scale(1.005)}60%{transform:translate(5px,-4px)}70%{transform:translate(-4px,-5px)}80%{transform:translate(4px,5px)}90%{transform:translate(-2px,2px)}}.crit-flash-base{animation:.22s ease-out forwards crit-flash-base}.crit-flash-radial{animation:.35s ease-out forwards crit-flash-radial}.crit-flash-vignette{background:radial-gradient(#0000 25%,#000000d9 95%);animation:.5s ease-in-out forwards crit-flash-vignette}.crit-ember-burst{animation:.65s ease-out forwards crit-ember-burst}@keyframes crit-flash-base{0%{opacity:.9}to{opacity:0}}@keyframes crit-flash-radial{0%{opacity:0;transform:scale(.4)}35%{opacity:.95}to{opacity:0;transform:scale(1.4)}}@keyframes crit-flash-vignette{0%{opacity:0}18%{opacity:.7}to{opacity:0}}@keyframes crit-ember-burst{0%{opacity:0;transform:scale(.4)rotate(0)}35%{opacity:1;transform:scale(1.15)rotate(20deg)}to{opacity:0;transform:scale(1.6)rotate(40deg)}}.lantern-pulse{animation:.6s ease-in-out infinite lantern-pulse}@keyframes lantern-pulse{0%,to{filter:drop-shadow(0 0 4px #d4af378c)drop-shadow(0 0 1px #ffffff4d)}50%{filter:drop-shadow(0 0 12px #e73c3cd9)drop-shadow(0 0 2px #ffc8508c)}}.lantern-pulse path.lantern-frame{animation:.6s ease-in-out infinite lantern-stroke}@keyframes lantern-stroke{0%,to{stroke:#d4af37}50%{stroke:#e74c3c}}.vignette-pulse{animation:1.4s ease-in-out infinite vignette-pulse}@keyframes vignette-pulse{0%,to{opacity:.35}50%{opacity:.85}}.stamina-exhausted-flicker{animation:.45s steps(2,end) infinite stamina-exhausted-flicker}@keyframes stamina-exhausted-flicker{0%,to{opacity:.85}50%{opacity:.4}}.hit-splash{font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;z-index:30;text-shadow:0 0 30px,0 4px 24px #000c;font-size:clamp(28px,5vw,64px);font-weight:900;animation:.55s ease-out forwards hitFade;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.hit-splash .crit-star{margin-right:8px;font-size:.8em;animation:.55s ease-out forwards starSpin;display:inline-block}@keyframes hitFade{0%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}to{opacity:0;transform:translate(-50%,-80%)scale(1)}}@keyframes starSpin{0%{transform:rotate(0)scale(0)}50%{transform:rotate(180deg)scale(1.3)}to{transform:rotate(360deg)scale(1)}}.hit-splash-ink{pointer-events:none;z-index:29;opacity:.85;mix-blend-mode:multiply;filter:drop-shadow(0 4px 12px #0009);animation:.55s ease-out forwards hitSplashInk;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}@keyframes hitSplashInk{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-8deg)}20%{opacity:.9;transform:translate(-50%,-50%)scale(1.1)rotate(4deg)}to{opacity:0;transform:translate(-52%,-64%)scale(1.25)rotate(-2deg)}}.parchment-grain{pointer-events:none;opacity:.06;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.vignette{pointer-events:none;z-index:4;background:radial-gradient(circle at 50% 45%,#0000 0%,#05040a66 70%,#05040ad9 100%);position:absolute;inset:0}.ember-layer{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.ember{opacity:0;background:radial-gradient(circle,#f9d76c 0%,#d4af37 50%,#0000 100%);border-radius:50%;width:3px;height:3px;animation:linear infinite drift-ember;position:absolute;bottom:-10px;box-shadow:0 0 6px #f9d76cd9,0 0 14px #d4af3773}.ember-ash{background:radial-gradient(circle,#b8a88ab3 0%,#504b464d 70%,#0000 100%);box-shadow:0 0 4px #b8a88a66}.ember-defeat{background:radial-gradient(circle,#c14545 0%,#590d22 50%,#0000 100%);box-shadow:0 0 6px #c14545b3,0 0 14px #590d2280}.ember-victory{background:radial-gradient(circle,#fff4b8 0%,#d4af37 45%,#0000 100%);box-shadow:0 0 8px #fff4b8e6,0 0 18px #d4af378c}.filigree-corner{will-change:transform;transition:transform .4s cubic-bezier(.22,1,.36,1)}.card-tilt{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;transform:perspective(1000px)rotateY(0)rotateX(0)}.card-tilt:hover{transform:perspective(1000px)rotateY(4deg)rotateX(-2deg)scale(1.02)}.torn-edge-top,.torn-edge-bottom{pointer-events:none;z-index:5;height:18px;position:absolute;left:0;right:0}.torn-edge-top{background-image:radial-gradient(circle at 6px 18px,#0000 5px,#d1bfa0f0 6px);background-repeat:repeat-x;background-size:14px 18px;top:0;-webkit-mask-image:linear-gradient(#000 0% 60%,#0000 100%);mask-image:linear-gradient(#000 0% 60%,#0000 100%)}.torn-edge-bottom{background-image:radial-gradient(circle at 6px 0,#0000 5px,#d1bfa0f0 6px);background-repeat:repeat-x;background-size:14px 18px;bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 40% 100%);mask-image:linear-gradient(#0000 0%,#000 40% 100%)}.ink-stain{filter:blur(2px);pointer-events:none;background:radial-gradient(circle,#281c0c2e 0%,#281c0c0f 45%,#0000 70%);border-radius:50%;position:absolute}.parchment-cracked{position:relative}.parchment-cracked:before,.parchment-cracked:after{content:"";pointer-events:none;z-index:4;mix-blend-mode:multiply;background:linear-gradient(105deg,#0000 30%,#140e068c 30.5%,#0000 31%),linear-gradient(75deg,#0000 18%,#140e0680 18.4%,#0000 18.8%),linear-gradient(135deg,#0000 55%,#140e0666 55.3%,#0000 55.7%),linear-gradient(45deg,#0000 70%,#140e0666 70.3%,#0000 70.7%);position:absolute;inset:0}.parchment-cracked:after{mix-blend-mode:multiply;background:linear-gradient(160deg,#0000 42%,#00000059 42.4%,#0000 42.8%),linear-gradient(20deg,#0000 88%,#0000004d 88.3%,#0000 88.7%)}.palette-desaturate{filter:saturate(.45)brightness(.85)}.glow-border-gold{isolation:isolate;position:relative}.glow-border-gold:after{content:"";border-radius:inherit;z-index:-1;filter:blur(6px);opacity:.85;background:linear-gradient(120deg,#8a6e20,#f9d76c,#d4af37,#8a6e20) 0 0/300% 100%;animation:3s linear infinite gold-sheen;position:absolute;inset:-3px}.atmos-card-temple{background:radial-gradient(circle at 50% 0,#e71d3659 0%,#0000 60%),linear-gradient(#2a201000 0%,#140c0499 100%),linear-gradient(135deg,#2a2010 0%,#5a3a10 45%,#d4af37 100%)}.atmos-card-bamboo{background:radial-gradient(circle at 30% 80%,#adff2f40 0%,#0000 55%),linear-gradient(#0d1f1700 0%,#050c0a8c 100%),linear-gradient(160deg,#0d1f17 0%,#1c3826 50%,#3a5f40 100%)}.atmos-card-coliseum{background:radial-gradient(circle at 70% 20%,#ff9d3e4d 0%,#0000 55%),linear-gradient(#2a1c4a00 0%,#0c081699 100%),linear-gradient(140deg,#2a1c4a 0%,#6a3520 55%,#b45a2b 100%)}.atmos-card-shrine{background:radial-gradient(circle at 50% 90%,#6ecfff4d 0%,#0000 60%),linear-gradient(#0a142400 0%,#04081099 100%),linear-gradient(150deg,#0a1424 0%,#1a3a52 50%,#3a6b8c 100%)}.arena-confirm-overlay{z-index:200;pointer-events:none;animation:.9s ease-in forwards arena-confirm-fade;position:fixed;inset:0}.float-up{animation:.45s ease-out forwards float-up-card}@keyframes float-up-card{0%{transform:translateY(8px)}to{transform:translateY(0)}}.player-low-hp-vignette{pointer-events:none;z-index:6;background:linear-gradient(90deg,#8c0c168c 0%,#8c0c162e 30%,#0000 55%);position:absolute;inset:0}.btn-base{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;border-radius:2px;outline:none;justify-content:center;align-items:center;gap:.5rem;transition:transform .22s,background .26s,color .26s,border-color .26s,box-shadow .26s,filter .26s;display:inline-flex;position:relative}.btn-base:focus-visible{box-shadow:0 0 0 2px #d4af3799}.btn-base:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.6);box-shadow:none!important;transform:none!important}.btn-base:active:not(:disabled){transform:translateY(1px)scale(.97)}.btn-size-sm{min-width:0;padding:.55rem 1rem;font-size:.78rem}.btn-size-md{min-width:160px;padding:.7rem 1.4rem;font-size:.85rem}.btn-size-lg{min-width:220px;padding:.75rem 2rem;font-size:.9rem}.btn-primary{color:var(--color-parchment);background-image:linear-gradient(#d4af3752,#d4af371a);border-color:#d4af37cc;box-shadow:0 0 0 1px #d4af3740,0 0 14px #d4af3740}.btn-primary:hover:not(:disabled){color:var(--color-gold-bright);border-color:var(--color-gold);background-image:linear-gradient(#d4af3773,#d4af372e);box-shadow:0 0 0 1px #d4af3766,0 0 22px 2px #d4af3773}.btn-primary:hover:not(:disabled) .btn-sheen{transform:translate(100%)}.btn-secondary{color:var(--color-parchment-dim);background-image:linear-gradient(#181325d9,#0b0912d9);border-color:#8a7b6399;box-shadow:0 0 12px #0006}.btn-secondary:hover:not(:disabled){color:var(--color-parchment);border-color:var(--color-parchment-dim);box-shadow:0 0 16px 2px #b8a88a38}.btn-secondary:hover:not(:disabled) .btn-sheen{transform:translate(100%)}.btn-danger{color:var(--color-enemy-deep);font-family:var(--font-fantasy);background-color:#590d2224;background-image:linear-gradient(#590d222e,#590d2214);border-color:#590d228c;box-shadow:inset 0 0 0 1px #e71d361f}.btn-danger:hover:not(:disabled){color:#8a0e2a;background-image:linear-gradient(#590d2247,#590d2224);border-color:#e71d3699;box-shadow:0 0 14px #e71d3659,inset 0 0 0 1px #e71d3640}.btn-danger:hover:not(:disabled) .btn-sheen{transform:translate(100%)}.btn-danger:focus-visible{box-shadow:0 0 0 2px #e71d368c}.btn-ghost{color:var(--color-parchment-dim);box-shadow:none;background-color:#0000;border-color:#8a7b6366}.btn-ghost:hover:not(:disabled){color:var(--color-parchment);border-color:var(--color-parchment);background-color:#f0e6d20f;box-shadow:0 0 10px #b8a88a26}.btn-sheen{pointer-events:none;border-radius:inherit;background:linear-gradient(100deg,#0000 0%,#ffffff1f 50%,#0000 100%);transition:transform .7s;position:absolute;inset:0;transform:translate(-100%)}.btn-press{transition:transform .18s,box-shadow .22s}.btn-press:active:not(:disabled){transform:scale(.96)}

3d-game/dist/index.html

@@ -0,0 +1,97 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="theme-color" content="#05040a" />
+    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+    <meta http-equiv="Pragma" content="no-cache" />
+    <title>Duel of Albion</title>
+    <style>
+      html, body {
+        margin: 0;
+        padding: 0;
+        width: 100%;
+        height: 100%;
+        background: #05040a;
+        color: #f0e6d2;
+        font-family: Cinzel, Georgia, serif;
+        overflow: hidden;
+      }
+      #root {
+        width: 100vw;
+        height: 100vh;
+      }
+      /* Pre-React splash so the user always sees something even if JS fails. */
+      #preload {
+        position: fixed;
+        inset: 0;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        background: #05040a;
+        z-index: 1;
+        transition: opacity 0.4s ease;
+        text-align: center;
+        padding: 24px;
+      }
+      #preload .title {
+        font-size: clamp(32px, 6vw, 64px);
+        letter-spacing: 0.18em;
+        color: #d4af37;
+        text-shadow: 0 2px 18px rgba(0,0,0,0.9), 0 0 30px rgba(212,175,55,0.35);
+        margin: 0 0 12px;
+      }
+      #preload .sub {
+        font-size: clamp(14px, 1.6vw, 18px);
+        color: #b8a88a;
+        font-style: italic;
+        margin: 0;
+      }
+      #preload.hide { opacity: 0; pointer-events: none; }
+      .react-ready #preload { display: none; }
+    </style>
+    <script type="module" crossorigin src="./assets/index-BhyGHDNH.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-COcwujCt.css">
+  </head>
+  <body>
+    <div id="preload">
+      <h1 class="title">DUEL OF ALBION</h1>
+      <p class="sub">Loading the realm...</p>
+    </div>
+    <div id="root"></div>
+    <script>
+      // Hide the preload splash as soon as React mounts anything into #root.
+      // We watch for #root to have children and then fade it out.
+      (function () {
+        var root = document.getElementById('root');
+        var pre = document.getElementById('preload');
+        function hidePreload() {
+          if (pre) pre.classList.add('hide');
+          setTimeout(function () {
+            document.body.classList.add('react-ready');
+          }, 450);
+        }
+        if (!root) return;
+        var obs = new MutationObserver(function () {
+          if (root.children.length > 0) {
+            hidePreload();
+            obs.disconnect();
+          }
+        });
+        obs.observe(root, { childList: true });
+        // Safety: if React never mounts within 15s, show a hint.
+        setTimeout(function () {
+          if (root.children.length === 0) {
+            var hint = document.createElement('p');
+            hint.style.cssText = 'color:#e71d36;margin-top:24px;font-size:13px;letter-spacing:0.1em;';
+            hint.textContent = 'If this persists, open the browser console (F12) for details.';
+            pre.appendChild(hint);
+          }
+        }, 15000);
+      })();
+    </script>
+  </body>
+</html>

3d-game/dist/models/characters/ATTRIBUTION.md

@@ -0,0 +1,20 @@
+/**
+ * ATTRIBUTION
+ *
+ * Character models in this folder are from three.js's official example
+ * glTF asset library (https://github.com/mrdoob/three.js/tree/r184/examples/models/gltf):
+ *
+ *   xbot.glb            - "Xbot" humanoid rigged to the Mixamo skeleton
+ *                         (https://github.com/mrdoob/three.js/blob/r184/examples/models/gltf/Xbot.glb)
+ *   soldier.glb         - "Soldier" walking demo character
+ *   robot_expressive.glb - "RobotExpressive" mech character
+ *
+ * License: MIT (three.js) -- free for personal and commercial use.
+ *
+ * The original Quaternius "Ultimate Animated Character" and "Ultimate
+ * Monsters" packs were the intended source for human Adventurer + Demon
+ * characters, but those packs are distributed only as .zip archives in
+ * FBX/OBJ/Blend format and do not ship glTF; the three.js official
+ * examples were used as a drop-in substitute. Replace these GLBs with
+ * a Quaternius import later if you want a less-generic look.
+ */

3d-game/dist/models/characters/robot_expressive.glb

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:047f5e5fb3bb6d378bd1df16ca6137f2a596c99b3a1b5690b4020c05aaf6f319
+size 463988

3d-game/dist/models/characters/soldier.glb

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dfb230fc1f942f259dd00281a1186953ad602fc5d69067ce63e24b2aa439736b
+size 2160468

3d-game/dist/models/characters/xbot.glb

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:002f8d269de68e5dce3d25195caf390d1aa359bbfaae3fcf4c8dc78ec36c3ba5
+size 2930032

Dockerfile

@@ -2,10 +2,14 @@ FROM pytorch/pytorch:2.4.0-cuda12.1-cudnn9-runtime
 
 WORKDIR /app
 
+# Install dependencies
 COPY requirements.txt .
 RUN pip install --no-cache-dir -r requirements.txt --extra-index-url https://download.pytorch.org/whl/cu121
 
+# Copy app files
 COPY app.py .
+COPY 3d_scene.html .
+COPY three.min.js .
 
 ENV PORT=7860
 EXPOSE 7860

README.md

@@ -1,85 +1,16 @@
 ---
-title: Cyber Duel Tiny
-emoji: ⚡
-colorFrom: yellow
-colorTo: red
+title: Duel of Albion
+emoji: ⚔️
+colorFrom: purple
+colorTo: blue
 sdk: docker
-hardware: a10g-small
-app_file: app.py
 pinned: false
 ---
 
-# Cyber Duel Tiny
+# Duel of Albion
 
-A 270M-parameter combat advisor that replaces the Gemma 3 4B base model
-in [Duel of Albion](https://huggingface.co/spaces/Sathvik0101/cyberpunk-duel-ai).
+A 3D AI-powered cyberpunk fighting game built with FastAPI.
+The AI opponent uses a fine-tuned Gemma 3 4B model to counter your moves in real time.
 
-## What it does
-
-Given the player's last 5 moves, the model recommends a counter-move from
-the 9 legal options (jab, cross, low_kick, roundhouse, uppercut, parry,
-backstep, clinch, throw), conditioned on both fighters' stats
-(speed, power, range, weight, stance), stamina, distance, and round.
-
-## API
-
-`POST /predict` — counter-move recommendation.
-
-```http
-POST /predict
-Content-Type: application/json
-
-{
-  "sequence":      "jab,cross,low_kick,jab,cross",
-  "player":        {"name": "monk", "speed": 5, "power": 2, "range": 3, "weight": 0.8, "stance": "low", "stamina": 100, "hp": 100},
-  "npc":           {"name": "brute","speed": 1, "power": 5, "range": 2, "weight": 1.4, "stance": "hunched", "stamina": 100, "hp": 100},
-  "round":         3,
-  "distance":      "close",
-  "playerId":      "ab12-...",          // optional, enables online RL
-  "playerPrevMove": "jab"                // optional, back-fills the previous log row
-}
-```
-
-```json
-{
-  "reasoning":    "The player is alternating jab and cross before finishing low...",
-  "counterMove":  "throw",
-  "sequence":     "jab,cross,low_kick,jab,cross",
-  "adapterScope": "user"                  // "user" once you have a personalised adapter
-}
-```
-
-`GET  /health`   — `{ready, has_token, online_rl_enabled, user_adapters_cached, buffered_users}`
-`GET  /me?playerId=...`   — `{rounds_logged, next_retrain_in, cooldown_left_sec, adapter_scope, online_rl_enabled}`
-`POST /forget`  body `{"playerId": "..."}` — deletes the user's adapter + log (privacy / GDPR).
-
-### Online RL
-
-If the request includes a `playerId` and the Space was started with the
-`MODAL_WEBHOOK_URL` and `MODAL_WEBHOOK_SECRET` env vars set, the Space
-will:
-
-1. Log `(state, model_move, player_next_move)` to the
-   `cyber-duel-tiny-logs` Hugging Face dataset (private).
-2. After 25 fresh rows have been flushed, POST to the Modal webhook to
-   trigger a per-user DPO retrain.
-3. The new LoRA delta is uploaded to `cyber-duel-tiny-users/<uid>/` and
-   loaded on the next `/predict` for that player.
-
-The default base adapter (`Sathvik0101/cyber-duel-tiny-adapter`) is used
-as the starting point for every per-user delta, and the global base
-gets refreshed weekly by Modal's `retrain_global_base` job.
-
-## Training
-
-Trained on Modal with LoRA + DPO (verifiable rewards from the in-game
-combat resolver). See `modal/app.py` in the [training repo](https://huggingface.co/Sathvik0101/cyber-duel-tiny-adapter).
-
-## How to redeploy
-
-1. Add `HF_TOKEN` as a Space Secret so the gated `gemma-3-270m-it` weights can be downloaded.
-2. (Optional) Add `MODAL_WEBHOOK_URL` and `MODAL_WEBHOOK_SECRET` to enable
-   online per-user RL.
-3. Update `ADAPTER_MODEL` env var to point to the latest adapter release.
-4. The Space will hot-reload on push (you may need a manual restart to
-   pick up the new code if the env vars change).
+## Setup
+Add your HF_TOKEN as a Secret in Space settings so the gated base model (google/gemma-3-4b-it) can be downloaded. The fine-tuned adapter is public at Sathvik0101/gemma-3-combat-npc-adapter.

app.py

@@ -1,696 +1,392 @@
-"""Cyber Duel Tiny -- FastAPI service for the HF Space.
-
-Drop-in replacement for the 4B Gemma advisor, with optional per-user
-online RL: each /predict can carry a `playerId` (UUID minted by the
-client), and the Space will lazily load that user's LoRA delta adapter
-from the `cyber-duel-tiny-users` Hub repo, log the (state, model_move,
-player_next_move) triple to the `cyber-duel-tiny-logs` dataset repo, and
-trigger a Modal retrain job when the user has accumulated enough new
-clean pairs.  Clients without `playerId` keep using the frozen global
-adapter exactly as before.
-
-API
----
-POST /predict
-  Legacy form (still supported, no RL):
-    {"sequence": "jab,cross,low_kick,roundhouse,uppercut"}
-  Full state form (recommended):
-    {
-      "sequence":  "jab,cross,low_kick,roundhouse,uppercut",
-      "player": {...}, "npc": {...},
-      "round": 3, "distance": "close",
-      "playerId":      "ab12-...",        # optional
-      "playerPrevMove": "jab",            # optional, required for online RL
-    }
-
-GET  /health                          # {ready, has_token, online_rl_enabled}
-GET  /me?playerId=...                 # {rounds_logged, retrains_done, ...}
-POST /forget     {"playerId": "..."}  # delete user's adapter + log
-"""
-import hashlib
-import hmac
-import json
-import logging
-import os
-import re
-import secrets
-import threading
-import time
-from collections import OrderedDict, defaultdict
-from pathlib import Path
-from typing import Any, Dict, List, Optional, Tuple
-
-import torch
-from transformers import AutoTokenizer, AutoModelForCausalLM, AutoConfig
-from peft import PeftModel
-from huggingface_hub import (
-    HfApi, snapshot_download, hf_hub_download, create_repo,
-)
-
-from fastapi import FastAPI, Request
-from fastapi.middleware.cors import CORSMiddleware
-from fastapi.responses import JSONResponse
-import gradio as gr
-
-logging.basicConfig(level=os.environ.get("LOG_LEVEL", "INFO"),
-                    format="%(asctime)s | %(levelname)s | %(message)s")
-log = logging.getLogger("cyber-duel-tiny")
-
-BASE_MODEL = os.environ.get("BASE_MODEL", "google/gemma-3-270m-it")
-ADAPTER_MODEL = os.environ.get("ADAPTER_MODEL", "Sathvik0101/cyber-duel-tiny-adapter")
-USERS_REPO = os.environ.get("USERS_REPO", "Sathvik0101/cyber-duel-tiny-users")
-LOGS_REPO = os.environ.get("LOGS_REPO", "Sathvik0101/cyber-duel-tiny-logs")
-MODAL_WEBHOOK_URL = os.environ.get("MODAL_WEBHOOK_URL", "").strip()
-MODAL_WEBHOOK_SECRET = os.environ.get("MODAL_WEBHOOK_SECRET", "").strip()
-
-SKIP_MODEL_LOAD = os.environ.get("SKIP_MODEL_LOAD", "0") == "1"
-ONLINE_RL_ENABLED = MODAL_WEBHOOK_URL != "" and MODAL_WEBHOOK_SECRET != ""
-
-# Online-RL tunables
-RETRAIN_THRESHOLD = int(os.environ.get("RETRAIN_THRESHOLD", "25"))
-LOG_BUFFER_FLUSH_SEC = int(os.environ.get("LOG_BUFFER_FLUSH_SEC", "15"))
-LOG_BUFFER_FLUSH_ROWS = int(os.environ.get("LOG_BUFFER_FLUSH_ROWS", "10"))
-USER_ADAPTER_CACHE_SIZE = int(os.environ.get("USER_ADAPTER_CACHE_SIZE", "32"))
-RETRAIN_COOLDOWN_SEC = int(os.environ.get("RETRAIN_COOLDOWN_SEC", "600"))  # 10 min
-# Track retrain-request timestamps per uid in RAM to avoid spamming Modal
-RETRAIN_INFLIGHT: Dict[str, float] = {}
-# Per-uid last flush time (RAM-side; not a Space secret)
-LAST_FLUSH_AT: Dict[str, float] = {}
-
-# ---- Global model state ---------------------------------------------------
-HAS_MODEL = False
-base_model = None  # the underlying base, shared by all PEFT deltas
-global_adapter = None  # PEFT model wrapping base_model with the global DPO adapter
-tokenizer = None
-
-# ---- Per-user state -------------------------------------------------------
-# LRU cache of PeftModel objects, keyed by playerId
-USER_ADAPTER_CACHE: "OrderedDict[str, PeftModel]" = OrderedDict()
-# Per-uid pending log rows (not yet flushed to Hub)
-LOG_BUFFER: Dict[str, List[Dict[str, Any]]] = defaultdict(list)
-# Last row for this uid (so the *next* /predict can fill in player_next_move)
-LAST_ROW: Dict[str, Dict[str, Any]] = {}
-# uid -> total flushed rows (for /me + retrain threshold)
-FLUSHED_COUNT: Dict[str, int] = defaultdict(int)
-# uid -> last time we POSTed /retrain to Modal (RAM-side cooldown)
-LAST_RETRAIN_REQUEST: Dict[str, float] = {}
-
-# Single lock so concurrent /predict calls don't double-flush
-state_lock = threading.Lock()
-
-LEGAL_MOVES = ("jab", "cross", "low_kick", "roundhouse", "uppercut",
-               "parry", "backstep", "clinch", "throw")
-
-# ---- Prompt schema (mirrors train/common.py + generate_data_v2.py) -------
-DEFAULT_PLAYER = {"name": "fighter", "speed": 3, "power": 3, "range": 3,
-                  "weight": 1.0, "stance": "neutral", "stamina": 100, "hp": 100}
-DEFAULT_NPC = {"name": "fighter", "speed": 3, "power": 3, "range": 3,
-               "weight": 1.0, "stance": "neutral", "stamina": 100, "hp": 100}
-
-SYSTEM_PROMPT = (
-    "You are an expert NPC AI for Duel of Albion, a 3D fighting game.\n"
-    "Read the round, distance, both fighters' stats and stances, and the "
-    "player's last 5 moves. Choose the single best counter-move from the 9 "
-    "legal moves. Always end your reply with `counter_move: <move>` on its "
-    "own line."
-)
-
-
-def get_hf_token() -> Optional[str]:
-    tok = os.environ.get("HF_TOKEN") or os.environ.get("HUGGINGFACE_TOKEN")
-    if tok:
-        return tok
-    cache = Path.home() / ".cache" / "huggingface" / "token"
-    if cache.exists():
-        return cache.read_text(encoding="utf-8").strip() or None
-    return None
-
-
-def load_global_model():
-    """Load the base + global DPO adapter once, share base_model across
-    all per-user PEFT deltas."""
-    global HAS_MODEL, base_model, global_adapter, tokenizer
-    if SKIP_MODEL_LOAD:
-        log.info("SKIP_MODEL_LOAD=1 -- model is not loaded")
-        return
-    try:
-        hf_token = get_hf_token()
-        log.info(f"Loading base {BASE_MODEL} + global adapter {ADAPTER_MODEL}...")
-
-        tokenizer = AutoTokenizer.from_pretrained(BASE_MODEL, token=hf_token)
-        if tokenizer.pad_token is None:
-            tokenizer.pad_token = tokenizer.eos_token
-        tokenizer.padding_side = "left"
-
-        device_arg = "auto" if torch.cuda.is_available() else None
-        dtype = torch.bfloat16 if torch.cuda.is_available() else torch.float32
-
-        config = AutoConfig.from_pretrained(BASE_MODEL, token=hf_token)
-        if hasattr(config, "vision_config") and config.vision_config is not None:
-            config.vision_config = None
-
-        base_model = AutoModelForCausalLM.from_pretrained(
-            BASE_MODEL, config=config, token=hf_token,
-            torch_dtype=dtype, device_map=device_arg,
-        )
-        adapter_path = snapshot_download(repo_id=ADAPTER_MODEL, token=hf_token)
-        global_adapter = PeftModel.from_pretrained(base_model, adapter_path)
-        global_adapter.eval()
-
-        # Warmup
-        warmup_state = {
-            "player": DEFAULT_PLAYER, "npc": DEFAULT_NPC,
-            "round": 1, "distance": "close",
-            "sequence": "jab,cross,low_kick,roundhouse,uppercut",
-        }
-        warmup_prompt = build_prompt(warmup_state)
-        warmup_inputs = tokenizer(warmup_prompt, return_tensors="pt").to(base_model.device)
-        with torch.no_grad():
-            _ = global_adapter.generate(
-                **warmup_inputs, max_new_tokens=20, do_sample=False,
-                pad_token_id=tokenizer.eos_token_id,
-            )
-        HAS_MODEL = True
-        log.info("Global model loaded and warmed up on %s", base_model.device)
-    except Exception as e:
-        log.exception("Global model load failed: %s", e)
-        base_model = None
-        global_adapter = None
-        tokenizer = None
-        HAS_MODEL = False
-
-
-# ---- Prompt + parser ------------------------------------------------------
-def _format_fighter(f: dict) -> str:
-    return (
-        f"{f.get('name', 'fighter')}"
-        f" (speed={f.get('speed', 3)}, power={f.get('power', 3)}, "
-        f"range={f.get('range', 3)}, weight={f.get('weight', 1.0)}, "
-        f"stance={f.get('stance', 'neutral')}, "
-        f"stamina={f.get('stamina', 100)}, hp={f.get('hp', 100)})"
-    )
-
-
-def build_prompt(state: dict) -> str:
-    player = state.get("player") or DEFAULT_PLAYER
-    npc = state.get("npc") or DEFAULT_NPC
-    round_ = state.get("round", 1)
-    dist = state.get("distance", "close")
-    sequence = state.get("sequence", "jab,cross,low_kick,roundhouse,uppercut")
-    user_msg = (
-        f"Round {round_} | Distance: {dist}\n"
-        f"Player: {_format_fighter(player)}\n"
-        f"NPC   : {_format_fighter(npc)}\n"
-        f"Player last 5 moves: {sequence}\n"
-        f"Decide the best counter-move from: "
-        f"{', '.join(LEGAL_MOVES)}."
-    )
-    return (
-        f"<start_of_turn>user\n{SYSTEM_PROMPT}\n\n{user_msg}<end_of_turn>\n"
-        f"<start_of_turn>model\n"
-    )
-
-
-def parse_counter(text: str) -> str:
-    text_low = text.lower()
-    if "counter_move:" in text_low:
-        tail = text_low.split("counter_move:", 1)[1].strip()
-        first = tail.split()[0].strip(".,!?;:'\"")
-        first = first.rstrip(",.;:?!")
-        if first in LEGAL_MOVES:
-            return first
-    for m in LEGAL_MOVES:
-        if m in text_low:
-            return m
-    return "jab"
-
-
-# ---- Inference ------------------------------------------------------------
-def _generate_with_model(model, state: dict) -> Tuple[str, str]:
-    """Returns (full_text, counter_move)."""
-    prompt = build_prompt(state)
-    inputs = tokenizer(prompt, return_tensors="pt").to(base_model.device)
-    with torch.no_grad():
-        out = model.generate(
-            **inputs, max_new_tokens=200, do_sample=False,
-            pad_token_id=tokenizer.eos_token_id,
-        )
-    text = tokenizer.decode(
-        out[0][inputs["input_ids"].shape[-1]:], skip_special_tokens=True,
-    )
-    return text, parse_counter(text)
-
-
-def get_model_for(uid: Optional[str]):
-    """Return the PeftModel to use for this request.
-
-    LRU-cache per-user deltas; lazy-download from Hub on first request for
-    a new uid.  Falls back to the global adapter if the user has none yet.
-    """
-    if not uid or not ONLINE_RL_ENABLED:
-        return global_adapter, "global"
-    with state_lock:
-        if uid in USER_ADAPTER_CACHE:
-            USER_ADAPTER_CACHE.move_to_end(uid)
-            return USER_ADAPTER_CACHE[uid], "user"
-    # Lazy download outside the lock.  We use snapshot_download to grab
-    # the entire <uid>/ folder (adapter weights + tokenizer files).
-    try:
-        adapter_dir = snapshot_download(
-            repo_id=USERS_REPO, allow_patterns=[f"{uid}/*"],
-            token=get_hf_token(),
-        )
-        # snapshot_download returns the local root that contains
-        # `<uid>/adapter_model.safetensors`.  PEFT's from_pretrained
-        # expects the folder containing adapter_config.json.
-        per_user_dir = str(Path(adapter_dir) / uid)
-        if not (Path(per_user_dir) / "adapter_config.json").exists():
-            raise FileNotFoundError(f"adapter_config.json not in {per_user_dir}")
-        delta = PeftModel.from_pretrained(base_model, per_user_dir)
-        delta.eval()
-        with state_lock:
-            USER_ADAPTER_CACHE[uid] = delta
-            USER_ADAPTER_CACHE.move_to_end(uid)
-            while len(USER_ADAPTER_CACHE) > USER_ADAPTER_CACHE_SIZE:
-                USER_ADAPTER_CACHE.popitem(last=False)
-        return delta, "user"
-    except Exception as e:
-        log.info("No per-user adapter for %s (%s) -- using global", uid, e)
-        return global_adapter, "global"
-
-
-def evict_user_cache(uid: str):
-    with state_lock:
-        USER_ADAPTER_CACHE.pop(uid, None)
-
-
-# ---- Online-RL logging ----------------------------------------------------
-def _state_to_log(state: dict, model_move: str) -> Dict[str, Any]:
-    """Build a log row from the /predict state and the model's response."""
-    player = state.get("player") or DEFAULT_PLAYER
-    npc = state.get("npc") or DEFAULT_NPC
-    last5 = (state.get("sequence", "").split(",") + ["jab"] * 5)[:5]
-    dist = state.get("distance", "close")
-    distance_m = {"close": 1.5, "mid": 3.0, "far": 4.5}.get(dist, 3.0)
-    return {
-        "ts": int(time.time()),
-        "uid": state.get("playerId", ""),
-        "state": {
-            "player_char_id": player.get("name", "fighter"),
-            "npc_char_id": npc.get("name", "fighter"),
-            "player_speed": int(player.get("speed", 3)),
-            "player_power": int(player.get("power", 3)),
-            "player_range": int(player.get("range", 3)),
-            "player_weight": float(player.get("weight", 1.0)),
-            "player_stance": player.get("stance", "neutral"),
-            "npc_speed": int(npc.get("speed", 3)),
-            "npc_power": int(npc.get("power", 3)),
-            "npc_range": int(npc.get("range", 3)),
-            "npc_weight": float(npc.get("weight", 1.0)),
-            "npc_stance": npc.get("stance", "neutral"),
-            "distance_bucket": dist,
-            "distance": distance_m,
-            "player_stamina": int(player.get("stamina", 100)),
-            "npc_stamina": int(npc.get("stamina", 100)),
-            "round": int(state.get("round", 1)),
-            "last5": last5,
-        },
-        "model_move": model_move,
-        "model_adapter_scope": "user" if state.get("playerId") else "global",
-        "player_next_move": None,  # filled in by next /predict or on flush
-    }
-
-
-def _flush_user_log(uid: str) -> int:
-    """Atomically upload the buffered log rows for `uid` to the logs repo."""
-    with state_lock:
-        rows = LOG_BUFFER.pop(uid, [])
-    if not rows:
-        return 0
-    n = len(rows)
-    try:
-        api = HfApi()
-        # Ensure repo exists
-        create_repo(LOGS_REPO, repo_type="dataset", private=True, exist_ok=True)
-        # Download existing, append, re-upload (simple & correct)
-        existing_lines: List[str] = []
-        try:
-            existing = hf_hub_download(
-                repo_id=LOGS_REPO, repo_type="dataset",
-                filename=f"users/{uid}.jsonl", token=get_hf_token(),
-            )
-            with open(existing, "r", encoding="utf-8") as f:
-                existing_lines = f.readlines()
-        except Exception:
-            pass
-        new_lines = [json.dumps(r, ensure_ascii=False) + "\n" for r in rows]
-        with state_lock:
-            FLUSHED_COUNT[uid] += n
-        api.upload_file(
-            path_or_fileobj="".join(existing_lines + new_lines).encode("utf-8"),
-            path_in_repo=f"users/{uid}.jsonl",
-            repo_id=LOGS_REPO, repo_type="dataset",
-            commit_message=f"Append {n} rows for {uid}",
-            token=get_hf_token(),
-        )
-        log.info("Flushed %d rows for %s (total %d)",
-                 n, uid, FLUSHED_COUNT[uid])
-    except Exception as e:
-        log.warning("Log flush failed for %s: %s", uid, e)
-        # Put them back so we don't lose data
-        with state_lock:
-            LOG_BUFFER[uid] = rows + LOG_BUFFER.get(uid, [])
-    return n
-
-
-def _post_webhook(path: str, payload: Dict[str, Any]) -> bool:
-    if not (MODAL_WEBHOOK_URL and MODAL_WEBHOOK_SECRET):
-        return False
-    body = json.dumps(payload, separators=(",", ":")).encode("utf-8")
-    sig = hmac.new(MODAL_WEBHOOK_SECRET.encode(), body, hashlib.sha256).hexdigest()
-    try:
-        import urllib.request
-        req = urllib.request.Request(
-            MODAL_WEBHOOK_URL.rstrip("/") + path,
-            data=body, method="POST",
-            headers={
-                "Content-Type": "application/json",
-                "X-Signature": sig,
-                "X-Timestamp": str(int(time.time())),
-            },
-        )
-        with urllib.request.urlopen(req, timeout=5) as resp:
-            log.info("Webhook %s -> %s", path, resp.status)
-            return 200 <= resp.status < 300
-    except Exception as e:
-        log.warning("Webhook %s failed: %s", path, e)
-        return False
-
-
-def _maybe_trigger_retrain(uid: str):
-    if not ONLINE_RL_ENABLED:
-        return
-    now = time.time()
-    with state_lock:
-        last_ts = LAST_RETRAIN_REQUEST.get(uid, 0)
-        flushed = FLUSHED_COUNT.get(uid, 0)
-    if now - last_ts < RETRAIN_COOLDOWN_SEC:
-        return
-    if flushed < RETRAIN_THRESHOLD:
-        return
-    with state_lock:
-        LAST_RETRAIN_REQUEST[uid] = now
-    log.info("Triggering retrain for %s (flushed=%d)", uid, flushed)
-    _post_webhook("/retrain", {"uid": uid})
-
-
-# ---- FastAPI app ----------------------------------------------------------
-app = FastAPI(title="cyber-duel-tiny")
-app.add_middleware(
-    CORSMiddleware, allow_origins=["*"], allow_methods=["*"], allow_headers=["*"],
-)
-
-
-@app.on_event("startup")
-def _startup():
-    load_global_model()
-    if ONLINE_RL_ENABLED:
-        log.info("Online RL enabled (webhook=%s, logs_repo=%s, users_repo=%s)",
-                 MODAL_WEBHOOK_URL, LOGS_REPO, USERS_REPO)
-    else:
-        log.info("Online RL disabled (no MODAL_WEBHOOK_URL/SECRET set)")
-
-
-@app.get("/health")
-def health():
-    return {
-        "ready": HAS_MODEL,
-        "has_token": get_hf_token() is not None,
-        "online_rl_enabled": ONLINE_RL_ENABLED,
-        "user_adapters_cached": len(USER_ADAPTER_CACHE),
-        "buffered_users": len(LOG_BUFFER),
-    }
-
-
-@app.get("/me")
-def me(playerId: str = ""):
-    if not ONLINE_RL_ENABLED:
-        return {"online_rl_enabled": False}
-    if not playerId:
-        return {"error": "missing playerId"}
-    with state_lock:
-        flushed = FLUSHED_COUNT.get(playerId, 0)
-        last_ts = LAST_RETRAIN_REQUEST.get(playerId, 0)
-        adapter_scope = "user" if playerId in USER_ADAPTER_CACHE else "global"
-    next_at = max(0, RETRAIN_THRESHOLD - flushed)
-    cooldown_left = max(0, int(RETRAIN_COOLDOWN_SEC - (time.time() - last_ts)))
-    return {
-        "playerId": playerId,
-        "rounds_logged": flushed,
-        "next_retrain_in": next_at,
-        "cooldown_left_sec": cooldown_left if last_ts else 0,
-        "adapter_scope": adapter_scope,
-        "online_rl_enabled": True,
-    }
-
-
-@app.post("/forget")
-async def forget(request: Request):
-    if not ONLINE_RL_ENABLED:
-        return JSONResponse(content={"ok": False, "reason": "online_rl_disabled"},
-                            status_code=400)
-    try:
-        data = await request.json()
-    except Exception:
-        data = {}
-    uid = (data or {}).get("playerId", "")
-    if not uid or len(uid) < 4 or len(uid) > 64:
-        return JSONResponse(content={"ok": False, "reason": "bad playerId"},
-                            status_code=400)
-    evict_user_cache(uid)
-    with state_lock:
-        LOG_BUFFER.pop(uid, None)
-        LAST_ROW.pop(uid, None)
-        FLUSHED_COUNT.pop(uid, None)
-        LAST_RETRAIN_REQUEST.pop(uid, None)
-        LAST_FLUSH_AT.pop(uid, None)
-    _post_webhook("/forget", {"uid": uid})
-    return {"ok": True, "uid": uid}
-
-
-@app.post("/predict")
-async def predict(request: Request):
-    sequence = ""
-    try:
-        try:
-            data = await request.json()
-        except Exception:
-            data = {}
-        sequence = (data or {}).get("sequence", "")
-        state = {
-            "sequence":  sequence,
-            "player":    (data or {}).get("player"),
-            "npc":       (data or {}).get("npc"),
-            "round":     (data or {}).get("round", 1),
-            "distance":  (data or {}).get("distance", "close"),
-            "playerId":  (data or {}).get("playerId", "") or "",
-        }
-        player_prev_move = (data or {}).get("playerPrevMove", "") or ""
-
-        if not HAS_MODEL:
-            return JSONResponse(
-                content={"reasoning": "(model not loaded)", "counterMove": "jab", "sequence": sequence},
-                status_code=503,
-            )
-
-        model, scope = get_model_for(state["playerId"] or None)
-        text, counter_move = _generate_with_model(model, state)
-        reasoning = text.split("counter_move:")[0].strip() if "counter_move:" in text else text.strip()
-
-        # ---- Online RL bookkeeping (only if a playerId was sent) ----
-        if ONLINE_RL_ENABLED and state["playerId"]:
-            uid = state["playerId"]
-            with state_lock:
-                # Backfill the previous row's player_next_move
-                if uid in LAST_ROW and player_prev_move in LEGAL_MOVES:
-                    LAST_ROW[uid]["player_next_move"] = player_prev_move
-                # Save THIS row for the next call to backfill
-                LAST_ROW[uid] = _state_to_log(state, counter_move)
-                # Add a placeholder row carrying the player's own next move (will be
-                # overwritten when the next /predict arrives) so we still log even
-                # if the user never comes back.
-                LOG_BUFFER[uid].append(LAST_ROW[uid])
-                buf_size = len(LOG_BUFFER[uid])
-                flushed = FLUSHED_COUNT[uid]
-
-            # Flush if buffer is large or stale
-            now = time.time()
-            with state_lock:
-                last_flush = LAST_FLUSH_AT.get(uid, 0)
-            if buf_size >= LOG_BUFFER_FLUSH_ROWS or (
-                buf_size > 0 and now - last_flush > LOG_BUFFER_FLUSH_SEC
-            ):
-                with state_lock:
-                    LAST_FLUSH_AT[uid] = now
-                # Flush in a background thread so /predict isn't blocked
-                threading.Thread(target=_flush_user_log,
-                                 args=(uid,), daemon=True).start()
-            _maybe_trigger_retrain(uid)
-
-        return JSONResponse(content={
-            "reasoning": reasoning,
-            "counterMove": counter_move,
-            "sequence": sequence,
-            "adapterScope": scope,
-        })
-    except Exception as e:
-        log.exception("predict failed: %s", e)
-        return JSONResponse(
-            content={"reasoning": f"(error: {type(e).__name__}: {e})",
-                     "counterMove": "jab", "sequence": sequence},
-            status_code=500,
-        )
-
-
-# ---- Gradio UI (mounted on top of FastAPI for the Build-with-Gradio hackathon)
-def _gradio_predict(sequence: str, round_n: float, distance: str):
-    """Gradio-friendly wrapper that reuses the exact same inference path as
-    /predict — no double HTTP hop, single model instance, single LRU cache."""
-    if not HAS_MODEL:
-        return (
-            "⚠️ **Model not loaded yet.** Hit *Counter* again in a few seconds — "
-            "the 270M Gemma + LoRA adapter is warming up on first call.",
-            "—",
-            "model-not-loaded",
-        )
-    sequence = (sequence or "").strip()
-    if not sequence:
-        return "_No sequence provided._", "—", "no-input"
-    state = {
-        "sequence":  sequence,
-        "player":    dict(DEFAULT_PLAYER),
-        "npc":       dict(DEFAULT_NPC),
-        "round":     int(round_n) if round_n else 1,
-        "distance":  distance or "close",
-        "playerId":  "",
-    }
-    try:
-        model, scope = get_model_for(None)
-        text, counter = _generate_with_model(model, state)
-        reasoning = (
-            text.split("counter_move:")[0].strip()
-            if "counter_move:" in text
-            else text.strip()
-        )
-        if not reasoning:
-            reasoning = "_(no reasoning emitted)_"
-        return reasoning, counter, scope
-    except Exception as e:
-        log.exception("gradio predict failed: %s", e)
-        return (
-            f"⚠️ Inference error: `{type(e).__name__}: {e}`",
-            "jab",
-            "error",
-        )
-
-
-def _service_status():
-    return {
-        "ready":        HAS_MODEL,
-        "base":         BASE_MODEL,
-        "adapter":      ADAPTER_MODEL,
-        "online_rl":    ONLINE_RL_ENABLED,
-        "legal_moves":  list(LEGAL_MOVES),
-    }
-
-
-with gr.Blocks(
-    title="Cyber Duel Tiny — Combat Advisor",
-    theme=gr.themes.Soft(primary_hue="purple", secondary_hue="blue"),
-    css="""
-    .counter-badge {font-size:1.6em;font-weight:800;letter-spacing:.04em;
-                   color:#fff;
-                   background:linear-gradient(135deg,#7c3aed,#2563eb);
-                   padding:14px 18px;border-radius:12px;text-align:center;
-                   text-transform:uppercase;}
-    .reasoning-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
-                   font-size:0.95em;}
-    .legal-chip{display:inline-block;margin:2px 4px;padding:4px 10px;
-                background:#1f2937;color:#c4b5fd;border-radius:999px;
-                font-size:0.85em;font-family:ui-monospace,monospace;}
-    """,
-) as demo:
-    gr.Markdown(
-        f"""
-        # ⚔️ Cyber Duel Tiny — Combat Advisor
-        Fine-tuned **Gemma 3 270M + LoRA** (`{ADAPTER_MODEL}`) trained on procedural
-        rollouts from the in-game combat resolver. Given the player's last 5 moves,
-        the model recommends one of the 9 legal counter-moves.
-        """
-    )
-    gr.Markdown(
-        "<sub>Legal moves: "
-        + " ".join(f'<span class="legal-chip">{m}</span>' for m in LEGAL_MOVES)
-        + "</sub>"
-    )
-
-    with gr.Row():
-        status_box = gr.JSON(label="Service status", scale=2)
-
-    with gr.Row():
-        with gr.Column(scale=1):
-            sequence_in = gr.Textbox(
-                label="Player's last 5 moves (comma-separated)",
-                value="jab,cross,low_kick,roundhouse,uppercut",
-                placeholder="e.g. jab,cross,jab,cross,jab",
-            )
-            with gr.Row():
-                round_in = gr.Slider(1, 5, value=1, step=1, label="Round")
-                distance_in = gr.Radio(
-                    ["close", "mid", "far"], value="close", label="Distance"
-                )
-            run_btn = gr.Button("Counter ⚡", variant="primary", size="lg")
-            gr.Examples(
-                examples=[
-                    ["jab,jab,jab,jab,jab", 1, "close"],
-                    ["uppercut,uppercut,uppercut,uppercut,uppercut", 3, "close"],
-                    ["low_kick,low_kick,roundhouse,roundhouse,uppercut", 2, "mid"],
-                    ["parry,parry,backstep,parry,parry", 4, "mid"],
-                    ["clinch,clinch,clinch,clinch,clinch", 5, "close"],
-                ],
-                inputs=[sequence_in, round_in, distance_in],
-                label="Try these patterns",
-            )
-        with gr.Column(scale=1):
-            move_out = gr.Textbox(
-                label="Counter move",
-                value="—",
-                interactive=False,
-                elem_classes=["counter-badge"],
-            )
-            scope_out = gr.Textbox(
-                label="Adapter scope", value="—", interactive=False
-            )
-            reasoning_out = gr.Markdown(
-                value="_Press *Counter ⚡* to see the model's reasoning._",
-                label="Reasoning",
-                elem_classes=["reasoning-box"],
-            )
-
-    run_btn.click(
-        _gradio_predict,
-        inputs=[sequence_in, round_in, distance_in],
-        outputs=[reasoning_out, move_out, scope_out],
-    ).then(_service_status, outputs=status_box)
-    demo.load(_service_status, outputs=status_box)
-
-
-# Mount Gradio at / on top of the existing FastAPI app.
-# All FastAPI routes (/predict, /health, /me, /forget) keep their original paths
-# — the 3D-game client in the parent project doesn't have to change anything.
-app = gr.mount_gradio_app(app, demo, path="/")
-
-
-if __name__ == "__main__":
-    import uvicorn
-    uvicorn.run(app, host="0.0.0.0", port=int(os.environ.get("PORT", 7860)))
+import os
+import sys
+import json
+import logging
+
+import gradio as gr
+from fastapi import FastAPI, Request
+from fastapi.responses import JSONResponse, HTMLResponse, FileResponse, RedirectResponse
+from fastapi.staticfiles import StaticFiles
+from fastapi.middleware.cors import CORSMiddleware
+
+# ------------------------------------------------------------------
+# ML stack (optional — UI works fine in mock mode without it)
+# ------------------------------------------------------------------
+HAS_ML = False
+try:
+    import torch  # noqa: F401
+    from transformers import AutoTokenizer, AutoModelForCausalLM, AutoConfig  # noqa: F401
+    from peft import PeftModel  # noqa: F401
+    HAS_ML = True
+except Exception:
+    HAS_ML = False
+
+BASE_MODEL = "google/gemma-3-4b-it"
+ADAPTER_MODEL = "Sathvik0101/gemma-3-combat-npc-adapter"
+
+# ------------------------------------------------------------------
+# Configuration
+# ------------------------------------------------------------------
+HOST = os.environ.get("HOST", "0.0.0.0")
+PORT = int(os.environ.get("PORT", "7860"))
+SKIP_MODEL_LOAD = os.environ.get("SKIP_MODEL_LOAD", "0") == "1"
+
+logging.basicConfig(
+    level=os.environ.get("LOG_LEVEL", "INFO"),
+    format="%(asctime)s | %(levelname)s | %(message)s",
+)
+log = logging.getLogger("duel-of-albion")
+
+
+# ------------------------------------------------------------------
+# Token / model state
+# ------------------------------------------------------------------
+def get_hf_token():
+    token = os.environ.get("HF_TOKEN") or os.environ.get("HUGGINGFACE_TOKEN")
+    if token:
+        return token
+    token_path = os.path.expanduser("~/.cache/huggingface/token")
+    if os.path.exists(token_path):
+        try:
+            with open(token_path, "r") as f:
+                return f.read().strip()
+        except Exception:
+            pass
+    return None
+
+
+hf_token = get_hf_token()
+HAS_MODEL = False
+MODEL_ERROR = ""
+model = None
+tokenizer = None
+
+# ------------------------------------------------------------------
+# Model loading (skipped when SKIP_MODEL_LOAD=1, when transformers/peft
+# is missing, or when there is no HF token — UI testing never needs it)
+# ------------------------------------------------------------------
+if not HAS_ML:
+    log.info("ML stack not installed — running in MOCK MODE (UI only).")
+elif SKIP_MODEL_LOAD:
+    log.info("SKIP_MODEL_LOAD=1 — skipping model load (UI only).")
+elif not hf_token:
+    log.info("No HF_TOKEN found — running in MOCK MODE. Set HF_TOKEN to enable the AI model.")
+else:
+    log.info("Loading tokenizer and base model...")
+    try:
+        from huggingface_hub import snapshot_download
+        import torch
+
+        tokenizer = AutoTokenizer.from_pretrained(BASE_MODEL, token=hf_token)
+
+        device_arg = "auto" if torch.cuda.is_available() else None
+        dtype = torch.bfloat16 if torch.cuda.is_available() else torch.float32
+
+        config = AutoConfig.from_pretrained(BASE_MODEL, token=hf_token)
+        if hasattr(config, "vision_config") and config.vision_config is not None:
+            config.vision_config = None
+            log.info("Stripped vision_config to force text-only load path.")
+
+        base_model = AutoModelForCausalLM.from_pretrained(
+            BASE_MODEL,
+            config=config,
+            token=hf_token,
+            torch_dtype=dtype,
+            device_map=device_arg,
+        )
+        adapter_path = snapshot_download(repo_id=ADAPTER_MODEL, token=hf_token, force_download=True)
+        model = PeftModel.from_pretrained(base_model, adapter_path)
+        model.eval()
+
+        warmup_prompt = (
+            "<start_of_turn>user\nYou are an expert fighting game NPC AI. "
+            "The user has performed this sequence of 5 moves: jab,cross,low_kick,roundhouse,uppercut.\n"
+            "Decide on the best counter-move from: jab, cross, low_kick, roundhouse, uppercut, parry, backstep, clinch, throw.\n"
+            "Respond in this format:\n[reasoning]\ncounter_move: [move]"
+            "<end_of_turn>\n<start_of_turn>model\n"
+        )
+        warmup_inputs = tokenizer(warmup_prompt, return_tensors="pt").to(model.device)
+        with torch.no_grad():
+            _ = model.generate(
+                **warmup_inputs,
+                max_new_tokens=20,
+                do_sample=False,
+                pad_token_id=tokenizer.eos_token_id,
+            )
+
+        HAS_MODEL = True
+        log.info("Model loaded and warmed up.")
+    except Exception as e:
+        import traceback
+        MODEL_ERROR = f"{type(e).__name__}: {e}"
+        log.warning("Model load failed: %s", MODEL_ERROR)
+        log.debug(traceback.format_exc())
+        model = None
+        tokenizer = None
+
+
+# ------------------------------------------------------------------
+# Inference helper
+# ------------------------------------------------------------------
+MOCK_COUNTERS = ["jab", "cross", "low_kick", "roundhouse", "uppercut", "parry", "backstep", "clinch", "throw"]
+
+def run_gemma(moves_sequence: str) -> str:
+    if not HAS_MODEL:
+        import time, random
+        time.sleep(0.25)
+        # Offline mode: return a clean scripted counter without leaking any
+        # raw model-loader diagnostics to the player UI.
+        reasoning = (
+            f"Mock Analysis: player performed {moves_sequence}. "
+            "AI opponent is offline — using scripted counters."
+        )
+        return json.dumps({
+            "reasoning": reasoning,
+            "counterMove": random.choice(MOCK_COUNTERS),
+            "sequence": moves_sequence,
+        })
+
+    prompt = (
+        f"<start_of_turn>user\n"
+        f"You are an expert fighting game NPC AI. "
+        f"The user has performed this sequence of 5 moves: {moves_sequence}.\n"
+        f"Observe the pattern and decide on the best counter-move from: "
+        f"jab, cross, low_kick, roundhouse, uppercut, parry, backstep, clinch, throw.\n"
+        f"Respond in this format:\n"
+        f"[Your reasoning about the player's pattern and tendencies]\n"
+        f"counter_move: [your chosen counter move]"
+        f"<end_of_turn>\n<start_of_turn>model\n"
+    )
+    import torch
+    inputs = tokenizer(prompt, return_tensors="pt").to(model.device)
+    with torch.no_grad():
+        outputs = model.generate(
+            **inputs,
+            max_new_tokens=80,
+            temperature=0.2,
+            do_sample=True,
+            pad_token_id=tokenizer.eos_token_id,
+        )
+    text = tokenizer.decode(outputs[0][inputs["input_ids"].shape[-1]:], skip_special_tokens=True)
+
+    reasoning = "Unable to process reasoning."
+    counter_move = "jab"
+    if "counter_move:" in text:
+        parts = text.split("counter_move:")
+        reasoning = parts[0].strip()
+        counter_move = parts[1].strip()
+    else:
+        reasoning = text.strip()
+
+    return json.dumps({"reasoning": reasoning, "counterMove": counter_move, "sequence": moves_sequence})
+
+
+# ------------------------------------------------------------------
+# FastAPI app setup
+# ------------------------------------------------------------------
+app = FastAPI(title="Duel of Albion - Gemma AI Fighter")
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# ------------------------------------------------------------------
+# Static files: the built React game
+# ------------------------------------------------------------------
+PROJECT_ROOT = os.path.dirname(os.path.abspath(__file__))
+STATIC_DIR = os.path.join(PROJECT_ROOT, "3d-game", "dist")
+STATIC_DIR_EXISTS = os.path.isdir(STATIC_DIR)
+
+if STATIC_DIR_EXISTS:
+    # IMPORTANT: do NOT mount anything at /assets.
+    # Gradio serves its own JS/CSS bundles at /assets/* (e.g.
+    # /assets/index-DputZZxm.js). Mounting at /assets would shadow
+    # Gradio's handler and return 404 for those, leaving the Gradio
+    # shell blank. The React build's own assets are served via the
+    # /game/{path:path} catch-all below.
+
+    @app.get("/favicon.ico", include_in_schema=False)
+    async def favicon_ico():
+        return FileResponse(
+            os.path.join(STATIC_DIR, "favicon.svg"),
+            media_type="image/svg+xml",
+        )
+
+    @app.get("/favicon.svg", include_in_schema=False)
+    async def favicon_svg():
+        return FileResponse(os.path.join(STATIC_DIR, "favicon.svg"))
+
+    @app.get("/manifest.json", include_in_schema=False)
+    async def manifest():
+        return JSONResponse(content={
+            "name": "Duel of Albion",
+            "short_name": "Duel of Albion",
+            "start_url": "/game/",
+            "display": "fullscreen",
+            "background_color": "#05040a",
+            "theme_color": "#05040a",
+            "icons": [],
+        })
+
+    NO_CACHE = {
+        "Cache-Control": "no-cache, no-store, must-revalidate",
+        "Pragma": "no-cache",
+        "Expires": "0",
+    }
+
+    @app.get("/models/{path:path}", include_in_schema=False)
+    async def game_models(path: str):
+        static_root = os.path.normpath(STATIC_DIR)
+        candidate = os.path.normpath(os.path.join(STATIC_DIR, "models", path))
+        if not candidate.startswith(static_root):
+            return HTMLResponse("Forbidden", status_code=403)
+        if os.path.isfile(candidate):
+            return FileResponse(candidate)
+        return HTMLResponse("Not Found", status_code=404)
+
+    @app.get("/game", include_in_schema=False)
+    @app.get("/game/", include_in_schema=False)
+    async def game_index():
+        return FileResponse(
+            os.path.join(STATIC_DIR, "index.html"),
+            headers=NO_CACHE,
+        )
+
+    @app.get("/game/{path:path}", include_in_schema=False)
+    async def game_spa(path: str):
+        # Path-traversal guard
+        static_root = os.path.normpath(STATIC_DIR)
+        candidate = os.path.normpath(os.path.join(STATIC_DIR, path))
+        if not candidate.startswith(static_root):
+            return HTMLResponse("Forbidden", status_code=403)
+        if os.path.isfile(candidate):
+            return FileResponse(candidate)
+        # SPA fallback — unknown path -> index.html
+        return FileResponse(
+            os.path.join(STATIC_DIR, "index.html"),
+            headers=NO_CACHE,
+        )
+else:
+    @app.get("/game", include_in_schema=False)
+    @app.get("/game/", include_in_schema=False)
+    async def game_not_built():
+        return HTMLResponse(
+            "<h1 style='font-family:sans-serif;color:#f0e6d2;background:#05040a;"
+            "padding:40px;'>React game not built</h1>"
+            "<p style='font-family:sans-serif;color:#b8a88a;background:#05040a;"
+            "padding:0 40px 40px;'>Run <code>npm run build</code> in "
+            "<code>3d-game/</code> to produce the dist directory.</p>",
+            status_code=404,
+        )
+
+
+# ------------------------------------------------------------------
+# API endpoints used by the React game
+# ------------------------------------------------------------------
+@app.get("/health")
+async def health():
+    return JSONResponse(content={
+        "ready": HAS_MODEL,
+        "has_ml": HAS_ML,
+        "skip_model_load": SKIP_MODEL_LOAD,
+        "has_token": bool(hf_token),
+    })
+
+
+@app.post("/predict")
+async def predict(request: Request):
+    try:
+        data = await request.json()
+    except Exception:
+        data = {}
+    sequence = data.get("sequence", "")
+    result_str = run_gemma(sequence)
+    try:
+        result = json.loads(result_str)
+    except Exception:
+        result = {"reasoning": result_str, "counterMove": "jab", "sequence": sequence}
+    return JSONResponse(content=result)
+
+
+# ------------------------------------------------------------------
+# Gradio UI — full-screen game shell
+# ------------------------------------------------------------------
+# The game is always served through a Gradio container. The React app is
+# embedded full-screen in an iframe so it keeps its own rendering / input
+# logic, while Gradio provides the hosting layer (HF Spaces, local, etc.).
+css = """
+/* Kill every Gradio container from html down — nothing should add
+   padding, margin, gaps, borders, or constrained height. */
+html,body,#root,.app,.gradio-container,
+.gradio-container>.main,.gradio-container>.main>.wrap,
+.gradio-container .column,.gradio-container .column>.form,
+.gradio-container [class*="container"],
+.gradio-container [class*="panel"],
+.gradio-container [class*="gap"] {
+  background:#05040a!important;
+  padding:0!important;margin:0!important;
+  max-width:none!important;width:100%!important;height:100%!important;
+  min-height:100vh!important;
+  border:none!important;box-shadow:none!important;gap:0!important;
+  overflow:hidden!important;
+}
+/* Hide all Gradio chrome: splash, footer, loader, status bar */
+#app_splash,.splash,.loading,.loader,
+.progress,.progress-bar,.meta-loader,
+footer,.footer,.gradio-footer,.built-with,
+#component-status,.meta,[class*="built-with"],
+[class*="splash"],[class*="loader"],
+.svelte-1ipelgc {
+  display:none!important;visibility:hidden!important;opacity:0!important;
+  height:0!important;width:0!important;overflow:hidden!important;
+}
+/* The Column with class game-wrap fills the viewport */
+.game-wrap,
+.game-wrap>.form {
+  position:fixed!important;inset:0!important;
+  width:100vw!important;height:100vh!important;
+  padding:0!important;margin:0!important;
+  overflow:hidden!important;background:#05040a!important;
+  z-index:2147483647;
+}
+/* The iframe itself is also fixed so it ignores any intermediate wrappers
+   Gradio may insert around gr.HTML */
+#game-iframe,.game-wrap iframe {
+  position:fixed!important;top:0!important;left:0!important;
+  width:100vw!important;height:100vh!important;
+  border:none!important;display:block!important;
+  background:#05040a!important;z-index:2147483647;
+}
+"""
+with gr.Blocks(title="Duel of Albion", css=css, theme=gr.themes.Soft()) as demo:
+    if STATIC_DIR_EXISTS:
+        game_url = f"/game/?v={os.environ.get('BUILD_ID', int.from_bytes(os.urandom(2), 'big'))}"
+    else:
+        game_url = "/game"
+    with gr.Column(elem_classes="game-wrap"):
+        gr.HTML(
+            f'<iframe id="game-iframe" src="{game_url}" allowfullscreen '
+            'allow="autoplay; fullscreen; gamepad; xr-spatial-tracking" '
+            'sandbox="allow-scripts allow-same-origin allow-forms allow-popups" '
+            'style="background:#05040a;"></iframe>'
+        )
+app = gr.mount_gradio_app(app, demo, path="/")
+log.info("Mounted Gradio shell at /.")
+
+
+if __name__ == "__main__":
+    log.info("=" * 60)
+    log.info("Duel of Albion — Gradio server")
+    log.info("  Project root : %s", PROJECT_ROOT)
+    log.info("  Static dir  : %s (exists=%s)", STATIC_DIR, STATIC_DIR_EXISTS)
+    log.info("  Has ML stack: %s", HAS_ML)
+    log.info("  Has model   : %s", HAS_MODEL)
+    log.info("  HF token    : %s", "yes" if hf_token else "no")
+    log.info("  URL         : http://%s:%s/", "localhost" if HOST == "0.0.0.0" else HOST, PORT)
+    log.info("=" * 60)
+    import uvicorn
+    uvicorn.run(app, host=HOST, port=PORT, log_level="info")

static/assets/index-DUDqKLMt.css

@@ -0,0 +1 @@
+body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050510;width:100vw;height:100vh;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#root{width:100%;height:100%}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:#050510;width:100%;height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}.game-container{width:100vw;height:100vh;position:relative}.game-container canvas{display:block;width:100%!important;height:100%!important}.hud{pointer-events:none;z-index:10;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;padding:16px 24px;display:flex;position:absolute;top:0;left:0}.hp-section{width:35%}.hp-label{text-transform:uppercase;letter-spacing:2px;margin-bottom:4px;font-size:11px;font-weight:700}.hp-label.player{color:#00d4ff;text-shadow:0 0 10px #00d4ff66}.hp-label.npc{color:#f34;text-align:right;text-shadow:0 0 10px #f346}.hp-bar-bg{background:#1a1a2e;border:1px solid #333;border-radius:3px;width:100%;height:14px;overflow:hidden}.hp-bar{border-radius:2px;height:100%;transition:width .3s}.hp-bar.player{background:linear-gradient(90deg,#00d4ff,#08f);box-shadow:0 0 10px #00d4ff44}.hp-bar.npc{float:right;background:linear-gradient(90deg,#f34,#f64);box-shadow:0 0 10px #f344}.center-info{text-align:center;pointer-events:none;z-index:10;position:absolute;top:12px;left:50%;transform:translate(-50%)}.round-info{color:#555;letter-spacing:2px;text-transform:uppercase;font-size:10px}.score{letter-spacing:4px;margin-top:4px;font-size:22px;font-weight:900}.score .player{color:#00d4ff}.score .npc{color:#f34}.score .dash{color:#444}.hit-splash{pointer-events:none;z-index:20;text-shadow:0 0 20px #ffffff80;font-size:30px;font-weight:900;animation:.5s ease-out forwards hitFade;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}@keyframes hitFade{0%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}.controls-hint{color:#444;pointer-events:none;z-index:10;font-size:10px;line-height:1.8;position:absolute;bottom:14px;left:16px}.controls-hint kbd{color:#666;background:#1a1a2e;border:1px solid #333;border-radius:3px;margin:0 1px;padding:2px 5px;font-family:inherit;font-size:9px;display:inline-block}.combo-info{color:#444;pointer-events:none;z-index:10;text-align:right;font-size:10px;line-height:1.6;position:absolute;bottom:14px;right:16px}.overlay{z-index:100;cursor:pointer;background:#050510eb;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.overlay h1{letter-spacing:6px;text-transform:uppercase;background:linear-gradient(135deg,#00d4ff,#a4f,#f34);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:42px;font-weight:900}.overlay .subtitle{color:#666;text-align:center;max-width:420px;margin-bottom:24px;font-size:14px;line-height:1.7}.overlay .start-hint{color:#555;font-size:12px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.game-over{z-index:50;background:#050510f0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.game-over h1{letter-spacing:4px;margin-bottom:12px;font-size:48px;font-weight:900}.game-over .subtitle{color:#888;margin-bottom:32px;font-size:15px}.game-over button{text-transform:uppercase;letter-spacing:2px;cursor:pointer;color:#fff;pointer-events:all;background:linear-gradient(135deg,#00d4ff,#06f);border:none;border-radius:4px;padding:14px 44px;font-size:14px;font-weight:700;transition:filter .2s,transform .2s}.game-over button:hover{filter:brightness(1.2);transform:scale(1.05)}.round-overlay{z-index:40;pointer-events:none;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out roundFadeIn;display:flex;position:absolute;top:0;left:0}@keyframes roundFadeIn{0%{opacity:0}to{opacity:1}}.round-overlay h2{letter-spacing:3px;font-size:40px;font-weight:900}.round-overlay p{color:#888;margin-top:8px;font-size:16px}

static/index.html

@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Shadow Duel AI</title>
+    <script type="module" crossorigin src="/assets/index-Dp4pBtge.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DUDqKLMt.css">
+    <script>
+    // AI Bridge: receives AI_RESPONSE from Gradio parent and forwards to game
+    window.addEventListener("message", function(e) {
+        if (e.data && e.data.type === "AI_RESPONSE") {
+            window.dispatchEvent(new CustomEvent("ai-response", { detail: e.data }));
+        }
+    });
+    window.sendAIRequest = function(sequence) {
+        try {
+            window.parent.postMessage({
+                type: 'AI_REQUEST',
+                sequence: sequence
+            }, '*');
+        } catch(e) {}
+    };
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>