@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-darkest: #0d0b08;--bg-darker: #1a1510;--bg-dark: #2a2318;--bg-medium: #3d3425;--bg-light: #4f4433;--bg-lighter: #635842;--wood-dark: #2c1e0f;--wood-medium: #4a3322;--wood-light: #6b4c2f;--wood-grain: #3a2813;--stone-dark: #3a3a3a;--stone-medium: #5a5a52;--stone-light: #7a7a6e;--stone-moss: #4a5a3a;--text-primary: #e8dcc8;--text-secondary: #b8a88a;--text-muted: #8a7a62;--text-accent: #d4a855;--text-dark: #2a2318;--gold: #d4a855;--gold-light: #e8c46a;--gold-dark: #b8882a;--fire: #c44a1a;--fire-dark: #8a2a0a;--ember: #d4682a;--emerald: #4a8a3a;--mana: #4a6a9a;--purple: #7a4a8a;--border-dark: #1a1510;--border-medium: #3d3425;--border-light: #5a4d3a;--border-gold: #d4a855;--border-iron: #6a6a62;--rarity-common: #9a9a8a;--rarity-uncommon: #4a9a3a;--rarity-rare: #3a6ab8;--rarity-epic: #8a3ab8;--rarity-legendary: #d4882a;--font-pixel: "Press Start 2P", cursive;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .625rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-xxl: 2rem;--text-hero: 2.5rem;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 20px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 48px;--space-huge: 64px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .6);--shadow-fire: 0 0 30px rgba(196, 74, 26, .15), 0 0 60px rgba(212, 168, 85, .08);--shadow-gold: 0 0 8px rgba(212, 168, 85, .4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .3);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-snap: cubic-bezier(0, 0, .2, 1);--duration-fast: .1s;--duration-normal: .2s;--duration-smooth: .3s;--duration-slow: .5s;--z-base: 0;--z-sidebar: 100;--z-header: 200;--z-dropdown: 300;--z-float: 350;--z-modal: 400;--z-tooltip: 500;--z-toast: 600;--sidebar-width: 260px;--sidebar-collapsed: 68px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-darkest);line-height:1.6;overflow:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 120% 60% at 20% 90%,rgba(196,74,26,.06) 0%,transparent 70%),radial-gradient(ellipse 80% 40% at 80% 85%,rgba(212,168,85,.04) 0%,transparent 60%);z-index:-1}a{color:var(--gold);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--gold-light)}img{image-rendering:pixelated;display:block;max-width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--bg-lighter);border-radius:var(--radius-full);border:2px solid var(--bg-darker)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#d4a8554d;color:var(--text-primary)}.app-layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar header" "sidebar content";height:100vh;width:100vw;overflow:hidden}.sidebar{grid-area:sidebar;background:linear-gradient(180deg,var(--wood-dark) 0%,#1f150a 100%);border-right:var(--radius-sm) solid var(--border-dark);display:flex;flex-direction:column;z-index:var(--z-sidebar);box-shadow:4px 0 16px #0006;overflow-y:auto;overflow-x:hidden}.sidebar__logo{padding:var(--space-lg) var(--space-base);text-align:center;border-bottom:1px solid var(--border-medium)}.sidebar__logo h1{font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--gold);text-shadow:0 0 10px rgba(212,168,85,.3);letter-spacing:1px;line-height:1.8}.sidebar__nav{flex:1;padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xxs)}.sidebar__link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-base);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:all var(--duration-fast) var(--ease-default);cursor:pointer;border:1px solid transparent;text-decoration:none}.sidebar__link:hover{background:#ffffff0a;color:var(--text-primary);border-color:var(--border-medium)}.sidebar__link--active{background:#d4a8551a;color:var(--gold);border-color:var(--border-gold);box-shadow:var(--shadow-gold)}.sidebar__link-icon{width:20px;height:20px;flex-shrink:0;image-rendering:pixelated;opacity:.75}.sidebar__link--active .sidebar__link-icon{opacity:1}.sidebar__footer{padding:var(--space-base);border-top:1px solid var(--border-medium)}.header{grid-area:header;background:var(--bg-darker);border-bottom:1px solid var(--border-dark);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);z-index:var(--z-header);box-shadow:0 2px 8px #0000004d}.header__stats{display:flex;align-items:center;gap:var(--space-xl)}.header__stat{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500}.header__stat-icon{width:18px;height:18px;image-rendering:pixelated}.header__stat-value{color:var(--text-primary)}.header__stat-label{color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-body)}.header__actions{display:flex;align-items:center;gap:var(--space-md)}.content{grid-area:content;overflow-y:auto;overflow-x:hidden;padding:var(--space-xl);background:var(--bg-darkest)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);background:linear-gradient(180deg,var(--wood-light) 0%,var(--wood-medium) 100%);border:2px solid var(--wood-dark);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);text-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:var(--shadow-sm),inset 0 1px #ffffff14;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 40%,rgba(0,0,0,.1) 100%);pointer-events:none}.btn:hover{background:linear-gradient(180deg,#7a573a 0%,var(--wood-light) 100%);border-color:var(--wood-light);box-shadow:var(--shadow-md),inset 0 1px #ffffff1f;transform:translateY(-1px)}.btn:active{transform:translateY(1px);box-shadow:var(--shadow-sm),inset 0 2px 4px #0000004d;background:linear-gradient(180deg,var(--wood-medium) 0%,var(--wood-dark) 100%)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--gold{background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 50%,var(--gold-dark) 100%);border-color:var(--gold-dark);color:var(--text-dark);text-shadow:0 1px 0 rgba(255,255,255,.2)}.btn--gold:hover{background:linear-gradient(180deg,#f0d080 0%,var(--gold-light) 50%,var(--gold) 100%);border-color:var(--gold);box-shadow:var(--shadow-gold),var(--shadow-md)}.btn--gold:active{background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dark) 100%)}.btn--danger{background:linear-gradient(180deg,var(--fire) 0%,var(--fire-dark) 100%);border-color:var(--fire-dark)}.btn--danger:hover{background:linear-gradient(180deg,#d45a2a 0%,var(--fire) 100%);box-shadow:0 0 12px #c44a1a4d,var(--shadow-md)}.btn--ghost{background:transparent;border-color:var(--border-medium);box-shadow:none}.btn--ghost:hover{background:#ffffff0a;border-color:var(--border-light);box-shadow:none;transform:none}.btn--pixel{font-family:var(--font-pixel);font-size:var(--text-xs);letter-spacing:.5px;padding:var(--space-md) var(--space-xl)}.btn--sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.btn--lg{padding:var(--space-base) var(--space-xxl);font-size:var(--text-md)}.panel{background:var(--bg-dark);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-base);background:linear-gradient(180deg,var(--bg-medium) 0%,var(--bg-dark) 100%);border-bottom:1px solid var(--border-medium)}.panel__title{font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--text-accent);letter-spacing:.5px;text-transform:uppercase}.panel__body{padding:var(--space-base)}.panel__footer{padding:var(--space-md) var(--space-base);border-top:1px solid var(--border-medium);background:var(--bg-darker)}.panel--parchment{background:linear-gradient(170deg,#3d3020,#2a2318,#1f1a12);border-color:var(--wood-medium);box-shadow:var(--shadow-lg)}.panel--parchment .panel__header{background:linear-gradient(180deg,rgba(212,168,85,.08) 0%,transparent 100%);border-bottom-color:var(--wood-medium)}.panel--stone{background:linear-gradient(180deg,var(--stone-dark) 0%,#2a2a2a 100%);border-color:var(--stone-medium)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-overlay-in var(--duration-smooth) var(--ease-default)}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-dark);border:3px solid var(--wood-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px var(--border-dark),inset 0 1px #ffffff0d;min-width:400px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;animation:modal-in var(--duration-smooth) var(--ease-bounce);position:relative;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--wood-dark) 0%,var(--wood-light) 20%,var(--gold-dark) 50%,var(--wood-light) 80%,var(--wood-dark) 100%)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-base) var(--space-xl);background:linear-gradient(180deg,var(--bg-medium) 0%,var(--bg-dark) 100%);border-bottom:2px solid var(--wood-dark)}.modal__title{font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--gold);text-shadow:0 0 8px rgba(212,168,85,.2)}.modal__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:var(--text-md);transition:all var(--duration-fast) var(--ease-default)}.modal__close:hover{background:#c44a1a26;border-color:var(--fire);color:var(--fire)}.modal__body{padding:var(--space-xl);overflow-y:auto;flex:1}.modal__footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border-medium);background:var(--bg-darker);display:flex;justify-content:flex-end;gap:var(--space-md)}.input{width:100%;padding:var(--space-md) var(--space-base);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-darker);border:2px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);transition:all var(--duration-fast) var(--ease-default);outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--gold);box-shadow:var(--shadow-inset),var(--shadow-gold)}.input:hover:not(:focus){border-color:var(--border-light)}.input--error{border-color:var(--fire);box-shadow:var(--shadow-inset),0 0 6px #c44a1a4d}textarea.input{resize:vertical;min-height:80px;line-height:1.5}.label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.form-group{margin-bottom:var(--space-base)}.progress-bar{width:100%;height:20px;background:var(--bg-darker);border:2px solid var(--border-iron);border-radius:var(--radius-sm);box-shadow:var(--shadow-inset);overflow:hidden;position:relative}.progress-bar__fill{height:100%;border-radius:0;transition:width var(--duration-smooth) var(--ease-default);position:relative}.progress-bar__fill:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%)}.progress-bar__fill--hp{background:linear-gradient(180deg,#c44a1a,#8a2a0a)}.progress-bar__fill--xp{background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold-dark) 100%)}.progress-bar__fill--mana{background:linear-gradient(180deg,#5a8ac4,#3a5a8a)}.progress-bar__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);z-index:1}.progress-bar--slim{height:8px;border-radius:var(--radius-full);border-width:1px}.tooltip{position:absolute;padding:var(--space-md) var(--space-base);background:linear-gradient(170deg,#3d3020,#2a2318);border:2px solid var(--wood-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:var(--text-sm);z-index:var(--z-tooltip);pointer-events:none;animation:tooltip-in var(--duration-fast) var(--ease-default);max-width:280px}@keyframes tooltip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip__title{font-family:var(--font-pixel);font-size:var(--text-xs);margin-bottom:var(--space-xs)}.tooltip__desc{color:var(--text-secondary);line-height:1.4}.tooltip__stat{display:flex;justify-content:space-between;gap:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-xxs) 0}.tooltip__stat-value{color:var(--emerald);font-weight:700}.tooltip--common .tooltip__title{color:var(--rarity-common)}.tooltip--uncommon .tooltip__title{color:var(--rarity-uncommon)}.tooltip--rare .tooltip__title{color:var(--rarity-rare)}.tooltip--epic .tooltip__title{color:var(--rarity-epic)}.tooltip--legendary .tooltip__title{color:var(--rarity-legendary);text-shadow:0 0 8px rgba(212,136,42,.4)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xxs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge--common{background:#9a9a8a26;color:var(--rarity-common);border:1px solid rgba(154,154,138,.3)}.badge--uncommon{background:#4a9a3a26;color:var(--rarity-uncommon);border:1px solid rgba(74,154,58,.3)}.badge--rare{background:#3a6ab826;color:var(--rarity-rare);border:1px solid rgba(58,106,184,.3)}.badge--epic{background:#8a3ab826;color:var(--rarity-epic);border:1px solid rgba(138,58,184,.3)}.badge--legendary{background:#d4882a26;color:var(--rarity-legendary);border:1px solid rgba(212,136,42,.3)}.item-slot{position:relative;width:52px;height:52px;background:var(--bg-darker);border:2px solid var(--border-iron);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.item-slot:hover{border-color:var(--border-light);background:var(--bg-dark)}.item-slot--common{border-color:var(--rarity-common)}.item-slot--uncommon{border-color:var(--rarity-uncommon);box-shadow:var(--shadow-inset),0 0 6px #4a9a3a33}.item-slot--rare{border-color:var(--rarity-rare);box-shadow:var(--shadow-inset),0 0 6px #3a6ab840}.item-slot--epic{border-color:var(--rarity-epic);box-shadow:var(--shadow-inset),0 0 8px #8a3ab84d}.item-slot--legendary{border-color:var(--rarity-legendary);box-shadow:var(--shadow-inset),0 0 10px #d4882a59;animation:legendary-pulse 3s ease-in-out infinite}@keyframes legendary-pulse{0%,to{box-shadow:var(--shadow-inset),0 0 8px #d4882a4d}50%{box-shadow:var(--shadow-inset),0 0 16px #d4882a80}}.item-slot__img{width:40px;height:40px;image-rendering:pixelated}.toast-container{position:fixed;top:calc(var(--header-height) + var(--space-md));right:var(--space-xl);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-base);background:var(--bg-medium);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--text-primary);pointer-events:auto;animation:toast-in var(--duration-smooth) var(--ease-bounce);min-width:280px;max-width:400px}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--success{border-left:3px solid var(--emerald)}.toast--error{border-left:3px solid var(--fire)}.toast--warning{border-left:3px solid var(--ember)}.toast--info{border-left:3px solid var(--mana)}.toast--loot{border-left:3px solid var(--gold);background:#d4a85514}.floating-number{position:absolute;font-family:var(--font-pixel);font-weight:700;pointer-events:none;animation:float-up 1.2s var(--ease-default) forwards;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:100}.floating-number--damage{color:var(--fire);font-size:var(--text-md)}.floating-number--crit{color:#ff6a2a;font-size:var(--text-lg)}.floating-number--heal{color:var(--emerald)}.floating-number--gold{color:var(--gold);font-size:var(--text-sm)}.floating-number--xp{color:var(--mana);font-size:var(--text-sm)}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}20%{transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.shake{animation:screen-shake .3s ease-out}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-4px,2px)}20%{transform:translate(4px,-2px)}30%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px)}70%{transform:translate(-1px)}}.level-up-flash{animation:level-up 1.5s ease-out}@keyframes level-up{0%{box-shadow:0 0 #d4a85599}30%{box-shadow:0 0 40px 20px #d4a8554d}to{box-shadow:0 0 #d4a85500}}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fire-flicker{0%,to{opacity:1;filter:brightness(1)}25%{opacity:.92;filter:brightness(1.05)}50%{opacity:.96;filter:brightness(.98)}75%{opacity:.88;filter:brightness(1.03)}}.text-pixel{font-family:var(--font-pixel)!important}.text-mono{font-family:var(--font-mono)!important}.text-gold{color:var(--gold)!important}.text-fire{color:var(--fire)!important}.text-emerald{color:var(--emerald)!important}.text-muted{color:var(--text-muted)!important}.text-center{text-align:center!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pixelated{image-rendering:pixelated}.divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-medium) 20%,var(--border-iron) 50%,var(--border-medium) 80%,transparent 100%);margin:var(--space-base) 0;border:none}@media(max-width:1024px){.app-layout{grid-template-columns:var(--sidebar-collapsed) 1fr}.sidebar__link span{display:none}.sidebar__logo h1{font-size:.5rem}}@media(max-width:768px){.app-layout{grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"header" "content"}.sidebar{display:none}.content{padding:var(--space-md)}}.combat-scene{display:flex;flex-direction:column;gap:var(--space-base);height:100%;max-width:700px;margin:0 auto}.combat-scene__arena{position:relative;flex:1;min-height:400px;border:2px solid var(--border-medium);border-radius:var(--radius-lg);cursor:crosshair;overflow:hidden;-webkit-user-select:none;user-select:none;transition:border-color var(--duration-fast);box-shadow:var(--shadow-fire)}.combat-scene__arena:hover{border-color:var(--gold)}.combat-scene__arena:active{border-color:var(--fire)}.combat-scene__hud{position:absolute;top:0;left:0;width:100%;padding:var(--space-md);background:linear-gradient(180deg,#000c,#0000);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:100}.hud-side{display:flex;flex-direction:column;width:40%;max-width:300px}.hud-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:8px}.hud-player .hud-header{flex-direction:row}.hud-monster .hud-header{flex-direction:row;justify-content:flex-end}.hud-portrait{width:48px;height:48px;background:var(--bg-dark);border:2px solid var(--border-medium);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 6px #00000080}.hud-name-bar{flex:1;display:flex;justify-content:space-between;align-items:baseline}.hud-name{font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--text-light);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.hud-hp-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);font-weight:700;text-shadow:1px 1px 0 #000}.hud-hp-track{height:16px;background:#0009;border:2px solid var(--border-light);border-radius:2px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0009}.hud-hp-track--reverse{display:flex;justify-content:flex-end}.hud-hp-fill{height:100%;transition:width .2s ease-out,background-color .2s}.hud-hp-fill--player{background:linear-gradient(180deg,var(--emerald) 0%,#166534 100%)}.hud-hp-fill--monster{background:linear-gradient(180deg,var(--fire) 0%,#7f1d1d 100%)}.hud-sub{font-family:var(--font-pixel);font-size:.55rem;color:var(--text-muted);margin-top:4px;text-shadow:1px 1px 0 #000}.hud-center{display:flex;flex-direction:column;align-items:center;padding-top:var(--space-sm);text-shadow:2px 2px 0 #000}.hud-vs{font-family:var(--font-pixel);font-size:var(--text-xl);color:var(--gold);font-style:italic;letter-spacing:2px}.hud-tier{font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--text-primary);background:#00000080;padding:2px 6px;border-radius:var(--radius-sm);margin-top:4px}.hud-waiting{display:flex;align-items:center;justify-content:flex-end;color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--text-sm);padding-top:var(--space-lg)}.combat-scene__stage{position:absolute;bottom:10%;left:0;width:100%;display:flex;justify-content:space-around;align-items:flex-end;pointer-events:none}.combat-fighter{position:relative;z-index:10}.monster-emoji-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:72px;pointer-events:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.combat-fighter--mon.shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}.crit-flash{animation:crit-flash .2s ease-out forwards}@keyframes crit-flash{0%{filter:brightness(1) contrast(1)}50%{filter:brightness(2) contrast(1.5);background-color:#ffd70033}to{filter:brightness(1) contrast(1)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.combat-fighter--monster{animation:monster-appear .4s var(--ease-bounce)}@keyframes monster-appear{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.combat-scene__click-hint{position:absolute;bottom:var(--space-base);font-size:var(--text-xs);color:var(--text-muted);opacity:.5;font-style:italic;pointer-events:none}.combat-scene__player-bars{padding:var(--space-md) var(--space-base);background:var(--bg-darker);border:1px solid var(--border-medium);border-radius:var(--radius-md)}.combat-scene__quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.combat-scene__stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--bg-darker);border:1px solid var(--border-medium);border-radius:var(--radius-md)}.combat-scene__stat-label{font-size:.55rem;font-family:var(--font-pixel);color:var(--text-muted);letter-spacing:.5px;margin-bottom:2px}.combat-scene__stat-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--gold)}.combat-scene__arena .floating-number{font-size:var(--text-md)}.combat-scene__arena .floating-number--dodge{color:var(--mana);font-size:var(--text-sm)}.inventory-view{display:flex;flex-direction:column;gap:var(--space-base);max-width:800px;margin:0 auto}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm);padding:var(--space-md)}.equipment-bonus{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-dark)}.equipment-bonus__stat{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--emerald);background:#4a8a3a1a;padding:2px 8px;border-radius:var(--radius-sm)}.item-slot{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-dark);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.item-slot:hover{border-color:var(--gold);transform:translateY(-1px)}.item-slot__icon{font-size:18px}.item-slot__name{font-size:var(--text-xs);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-slot--uncommon{border-left:3px solid var(--emerald)}.item-slot--rare{border-left:3px solid var(--mana)}.item-slot--epic{border-left:3px solid var(--mystic)}.item-slot--legendary{border-left:3px solid var(--gold);animation:subtle-pulse 2s ease-in-out infinite}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm);padding:var(--space-md)}.item-card{background:var(--bg-dark);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--duration-fast)}.item-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow-md)}.item-card__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.item-card__name{font-size:var(--text-sm);font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card__qty{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-medium);padding:1px 6px;border-radius:var(--radius-sm)}.item-card__stats{display:flex;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-sm)}.item-card__actions{display:flex;gap:var(--space-xs)}.item-card--uncommon{border-left:3px solid var(--emerald)}.item-card--rare{border-left:3px solid var(--mana)}.item-card--epic{border-left:3px solid var(--mystic)}.item-card--legendary{border-left:3px solid var(--gold);animation:subtle-pulse 2s ease-in-out infinite}.shop-view{max-width:900px;margin:0 auto}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md);padding:var(--space-md)}.shop-card{background:var(--bg-dark);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);transition:all var(--duration-fast)}.shop-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow-md)}.shop-card__header{display:flex;align-items:center;gap:var(--space-sm)}.shop-card__name{font-size:var(--text-sm);font-weight:600}.shop-card__stats{display:flex;flex-wrap:wrap;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.shop-card--uncommon{border-top:3px solid var(--emerald)}.shop-card--rare{border-top:3px solid var(--mana)}.shop-card--epic{border-top:3px solid var(--mystic)}.shop-card--legendary{border-top:3px solid var(--gold);animation:subtle-pulse 2s ease-in-out infinite}.layered-sprite-wrapper{display:inline-block}.layered-sprite,.bone-root{position:relative;width:64px;height:64px}.bone{position:absolute;top:0;left:0;width:100%;height:100%}.bone-torso{transform-origin:50% 56%;z-index:20}.bone-head{transform-origin:48% 28%}.bone-armL-upper{transform-origin:39% 34%;z-index:-10}.bone-armL-lower{transform-origin:37% 47%}.bone-armR-upper{transform-origin:59% 34%;z-index:30}.bone-armR-lower{transform-origin:59% 47%}.bone-legL-thigh{transform-origin:45% 56%;z-index:10}.bone-legL-calf{transform-origin:44% 69%}.bone-legR-thigh{transform-origin:53% 56%;z-index:30}.bone-legR-calf{transform-origin:55% 69%}.layered-sprite__layer{position:absolute;bottom:0;left:0;width:64px;height:64px;image-rendering:pixelated;object-fit:contain}.layered-sprite__layer.placeholder{width:32px;height:48px;background-color:var(--mystic);border-radius:4px;bottom:0;left:16px;opacity:.3}.layered-sprite--idle .bone-torso{animation:idle-torso 2.8s infinite ease-in-out}.layered-sprite--idle .bone-head{animation:idle-head 2.8s infinite ease-in-out}.layered-sprite--idle .bone-armL-upper{animation:idle-armL-up 3.2s infinite ease-in-out}.layered-sprite--idle .bone-armL-lower{animation:idle-armL-low 3.2s .1s infinite ease-in-out}.layered-sprite--idle .bone-armR-upper{animation:idle-armR-up 3.2s .5s infinite ease-in-out}.layered-sprite--idle .bone-armR-lower{animation:idle-armR-low 3.2s .6s infinite ease-in-out}.layered-sprite--idle .bone-legL-thigh{animation:idle-legL-thigh 2.8s infinite ease-in-out}.layered-sprite--idle .bone-legL-calf{animation:idle-legL-calf 2.8s .15s infinite ease-in-out}.layered-sprite--idle .bone-legR-thigh{animation:idle-legR-thigh 2.8s .4s infinite ease-in-out}.layered-sprite--idle .bone-legR-calf{animation:idle-legR-calf 2.8s .55s infinite ease-in-out}@keyframes idle-torso{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(1.5px) rotate(.5deg)}65%{transform:translateY(2px) rotate(-.5deg)}}@keyframes idle-head{0%,to{transform:rotate(0) translateY(0)}30%{transform:rotate(3deg) translateY(1px)}70%{transform:rotate(-1deg) translateY(1.5px)}}@keyframes idle-armL-up{0%,to{transform:rotate(0)}40%{transform:rotate(10deg)}80%{transform:rotate(-3deg)}}@keyframes idle-armL-low{0%,to{transform:rotate(0)}40%{transform:rotate(8deg)}80%{transform:rotate(-2deg)}}@keyframes idle-armR-up{0%,to{transform:rotate(0)}40%{transform:rotate(-10deg)}80%{transform:rotate(3deg)}}@keyframes idle-armR-low{0%,to{transform:rotate(0)}40%{transform:rotate(-8deg)}80%{transform:rotate(2deg)}}@keyframes idle-legL-thigh{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)}}@keyframes idle-legL-calf{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes idle-legR-thigh{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}@keyframes idle-legR-calf{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.layered-sprite--attack .bone-torso{animation:atk-torso .45s cubic-bezier(.2,0,.2,1) forwards}.layered-sprite--attack .bone-head{animation:atk-head .45s cubic-bezier(.2,0,.2,1) forwards}.layered-sprite--attack .bone-armR-upper{animation:atk-armR-up .45s cubic-bezier(.2,0,.2,1) forwards}.layered-sprite--attack .bone-armR-lower{animation:atk-armR-low .45s cubic-bezier(.2,0,.2,1) forwards}.layered-sprite--attack .bone-armL-upper{animation:atk-armL-up .45s cubic-bezier(.2,0,.2,1) forwards}.layered-sprite--attack .bone-armL-lower{animation:atk-armL-low .45s cubic-bezier(.2,0,.2,1) forwards}.layered-sprite--attack .bone-legR-thigh{animation:atk-legR-thigh .45s cubic-bezier(.2,0,.2,1) forwards}.layered-sprite--attack .bone-legR-calf{animation:atk-legR-calf .45s cubic-bezier(.2,0,.2,1) forwards}.layered-sprite--attack .bone-legL-thigh{animation:atk-legL-thigh .45s cubic-bezier(.2,0,.2,1) forwards}.layered-sprite--attack .bone-legL-calf{animation:atk-legL-calf .45s cubic-bezier(.2,0,.2,1) forwards}@keyframes atk-torso{0%{transform:rotate(0) translate(0)}20%{transform:rotate(-8deg) translate(-6px)}50%{transform:rotate(20deg) translate(12px)}80%{transform:rotate(5deg) translate(4px)}to{transform:rotate(0) translate(0)}}@keyframes atk-head{0%{transform:rotate(0)}20%{transform:rotate(8deg)}50%{transform:rotate(-18deg)}to{transform:rotate(0)}}@keyframes atk-armR-up{0%{transform:rotate(0)}20%{transform:rotate(-100deg)}50%{transform:rotate(110deg)}80%{transform:rotate(30deg)}to{transform:rotate(0)}}@keyframes atk-armR-low{0%{transform:rotate(0)}20%{transform:rotate(-55deg)}50%{transform:rotate(30deg)}80%{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes atk-armL-up{0%{transform:rotate(0)}30%{transform:rotate(15deg)}50%{transform:rotate(-50deg) translate(-5px)}to{transform:rotate(0)}}@keyframes atk-armL-low{0%{transform:rotate(0)}50%{transform:rotate(-30deg)}to{transform:rotate(0)}}@keyframes atk-legR-thigh{0%{transform:rotate(0)}50%{transform:rotate(30deg)}to{transform:rotate(0)}}@keyframes atk-legR-calf{0%{transform:rotate(0)}50%{transform:rotate(-15deg)}to{transform:rotate(0)}}@keyframes atk-legL-thigh{0%{transform:rotate(0)}50%{transform:rotate(-30deg)}to{transform:rotate(0)}}@keyframes atk-legL-calf{0%{transform:rotate(0)}50%{transform:rotate(25deg)}to{transform:rotate(0)}}.layered-sprite--attack-sword .bone-torso{animation:sword-torso .5s cubic-bezier(.1,0,.2,1) forwards}.layered-sprite--attack-sword .bone-head{animation:sword-head .5s cubic-bezier(.1,0,.2,1) forwards}.layered-sprite--attack-sword .bone-armR-upper{animation:sword-armR-up .5s cubic-bezier(.1,0,.3,1) forwards}.layered-sprite--attack-sword .bone-armR-lower{animation:sword-armR-low .5s cubic-bezier(.1,0,.3,1) forwards}.layered-sprite--attack-sword .bone-armL-upper{animation:sword-armL-up .5s cubic-bezier(.1,0,.2,1) forwards}.layered-sprite--attack-sword .bone-armL-lower{animation:sword-armL-low .5s cubic-bezier(.1,0,.2,1) forwards}.layered-sprite--attack-sword .bone-legR-thigh{animation:sword-legR-thigh .5s cubic-bezier(.1,0,.2,1) forwards}.layered-sprite--attack-sword .bone-legR-calf{animation:sword-legR-calf .5s cubic-bezier(.1,0,.2,1) forwards}.layered-sprite--attack-sword .bone-legL-thigh{animation:sword-legL-thigh .5s cubic-bezier(.1,0,.2,1) forwards}.layered-sprite--attack-sword .bone-legL-calf{animation:sword-legL-calf .5s cubic-bezier(.1,0,.2,1) forwards}@keyframes sword-torso{0%{transform:rotate(0) translate(0)}15%{transform:rotate(-15deg) translate(-4px)}40%{transform:rotate(-20deg) translate(-6px)}60%{transform:rotate(25deg) translate(14px)}80%{transform:rotate(10deg) translate(6px)}to{transform:rotate(0) translate(0)}}@keyframes sword-head{0%{transform:rotate(0)}15%{transform:rotate(10deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-22deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes sword-armR-up{0%{transform:rotate(0)}15%{transform:rotate(-60deg)}40%{transform:rotate(-160deg)}60%{transform:rotate(120deg)}75%{transform:rotate(60deg)}to{transform:rotate(0)}}@keyframes sword-armR-low{0%{transform:rotate(0)}15%{transform:rotate(-30deg)}40%{transform:rotate(-60deg)}60%{transform:rotate(40deg)}75%{transform:rotate(20deg)}to{transform:rotate(0)}}@keyframes sword-armL-up{0%{transform:rotate(0)}40%{transform:rotate(20deg)}60%{transform:rotate(-40deg) translate(-4px)}to{transform:rotate(0)}}@keyframes sword-armL-low{0%{transform:rotate(0)}40%{transform:rotate(15deg)}60%{transform:rotate(-25deg)}to{transform:rotate(0)}}@keyframes sword-legR-thigh{0%{transform:rotate(0)}40%{transform:rotate(-10deg)}60%{transform:rotate(35deg)}to{transform:rotate(0)}}@keyframes sword-legR-calf{0%{transform:rotate(0)}60%{transform:rotate(-20deg)}to{transform:rotate(0)}}@keyframes sword-legL-thigh{0%{transform:rotate(0)}40%{transform:rotate(10deg)}60%{transform:rotate(-35deg)}to{transform:rotate(0)}}@keyframes sword-legL-calf{0%{transform:rotate(0)}60%{transform:rotate(30deg)}to{transform:rotate(0)}}.layered-sprite--hit{filter:drop-shadow(0 0 6px rgba(255,50,50,.8)) brightness(1.5) sepia(.5)}.layered-sprite--hit .bone-torso{animation:hit-torso .35s ease-out}.layered-sprite--hit .bone-head{animation:hit-head .35s ease-out}.layered-sprite--hit .bone-armR-upper{animation:hit-arms-fling .35s ease-out}.layered-sprite--hit .bone-armL-upper{animation:hit-arms-fling-mirror .35s ease-out}.layered-sprite--hit .bone-legL-thigh{animation:hit-stumble .35s ease-out}@keyframes hit-torso{0%{transform:rotate(0) translate(0)}25%{transform:rotate(-15deg) translate(-10px)}60%{transform:rotate(3deg) translate(-2px)}to{transform:rotate(0) translate(0)}}@keyframes hit-head{0%{transform:rotate(0)}20%{transform:rotate(25deg)}60%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes hit-arms-fling{0%{transform:rotate(0)}25%{transform:rotate(-35deg)}to{transform:rotate(0)}}@keyframes hit-arms-fling-mirror{0%{transform:rotate(0)}25%{transform:rotate(30deg)}to{transform:rotate(0)}}@keyframes hit-stumble{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}to{transform:rotate(0)}}.layered-sprite--dead{filter:grayscale(1) brightness(.5)}.layered-sprite--dead .bone-root{animation:dead-collapse 1s forwards ease-in}@keyframes dead-collapse{0%{transform:rotate(0) translateY(0)}to{transform:rotate(-90deg) translateY(20px);opacity:0}}.quest-board-container{padding:2rem;color:#fef3c7;background:linear-gradient(#00000080,#000c),url(/assets/backgrounds/quest_board.png) center/cover;min-height:100vh;font-family:Outfit,sans-serif;box-shadow:inset 0 0 100px #000}.quest-board-header{text-align:center;margin-bottom:3rem;animation:fadeInDown .8s ease-out}.quest-board-header h1{font-size:3.5rem;color:#f59e0b;text-shadow:0 0 15px rgba(245,158,11,.4);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.quest-board-header p{font-size:1.2rem;font-style:italic;color:#d1d5db}.quest-section h2{font-size:2rem;color:#fbbf24;border-bottom:2px solid #78350f;padding-bottom:.5rem;margin-bottom:1.5rem}.quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:3rem;align-items:start}.quest-card{background:url(/assets/textures/manga_parchment_final.png) no-repeat center;background-size:100% 100%;border:none;border-radius:0;aspect-ratio:1.33;padding:16% 12% 23% 8%;position:relative;display:flex;align-items:flex-start;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 15px 15px rgba(0,0,0,.6));color:#3e2723}.quest-grid .quest-card{transition:transform .3s ease,filter .3s ease}.quest-grid .quest-card:nth-child(2n){transform:rotate(1.2deg)}.quest-grid .quest-card:nth-child(odd){transform:rotate(-.8deg)}.ready{filter:drop-shadow(0 0 15px rgba(245,158,11,.5)) drop-shadow(0 10px 10px rgba(0,0,0,.6))!important}.quest-card:hover{transform:translateY(-10px) scale(1.03) rotate(0)!important;filter:drop-shadow(0 25px 30px rgba(0,0,0,.8)) brightness(1.05)}.quest-icon{font-size:2.8rem;margin-right:1.5rem;display:flex;align-items:center;justify-content:center;background:#fff3;width:65px;height:65px;border-radius:50%;border:3px solid #4e342e;box-shadow:2px 2px #4e342e}.quest-content{flex:1;display:flex;flex-direction:column;max-height:100%;overflow-y:auto;padding-right:.5rem}.quest-content::-webkit-scrollbar{width:6px}.quest-content::-webkit-scrollbar-thumb{background-color:#5d403780;border-radius:4px}.quest-content h3{font-size:1.5rem;color:#4e342e;margin-bottom:.5rem;font-weight:800;text-transform:capitalize}.quest-content p{color:#5d4037;font-size:1rem;line-height:1.4;font-weight:500;margin-bottom:1.2rem}.quest-progress-container{margin-bottom:1rem;position:relative}.quest-progress-bar{height:14px;background:#0003;border-radius:0;overflow:hidden;border:1px solid rgba(0,0,0,.3)}.quest-progress-fill{height:100%;background:linear-gradient(90deg,#5d4037,#8d6e63);transition:width .6s ease-out;position:relative}.ready .quest-progress-fill{background:linear-gradient(90deg,#2e7d32,#4caf50)}.quest-progress-text{display:block;text-align:right;font-size:.9rem;color:#3e2723;margin-top:.3rem;font-weight:700}.quest-reward{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600}.reward-tag{background:#0000001a;padding:.2rem .6rem;border-radius:2px;border:1px dashed #5d4037;color:#3e2723}.claim-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;padding:.8rem 1.2rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px #92400e;margin-left:1rem;align-self:flex-start;transition:all .2s ease;animation:pulseGlow 2s infinite}.claim-button:hover{transform:translateY(-2px);box-shadow:0 6px #92400e;filter:brightness(1.1)}.claim-button:active{transform:translateY(2px);box-shadow:0 0 #92400e}.no-quests{text-align:center;padding:4rem;color:#9ca3af;font-style:italic;background:#0003;border-radius:12px;border:2px dashed #78350f}.completed-section{margin-top:4rem;opacity:.7}.quest-card.archived{background:#1c1917;border-color:#292524;border-left-color:#44403c;filter:grayscale(.8);opacity:.6}.completed-stamp{display:inline-block;border:3px solid #f87171;color:#f87171;padding:.2rem .5rem;transform:rotate(-10deg);font-weight:800;font-size:.8rem;letter-spacing:2px;margin-top:.5rem}@keyframes pulseGlow{0%{box-shadow:0 4px #92400e,0 0 5px #f59e0b66}50%{box-shadow:0 4px #92400e,0 0 20px #f59e0bb3}to{box-shadow:0 4px #92400e,0 0 5px #f59e0b66}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}