._button_1eopw_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative;white-space:nowrap;flex-shrink:0}._button_1eopw_1:disabled{opacity:.5;cursor:not-allowed}._button_1eopw_1:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}._primary_1eopw_28{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}._primary_1eopw_28:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}._primary_1eopw_28:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}._secondary_1eopw_45{background:var(--color-secondary);color:var(--color-white);box-shadow:var(--shadow-sm)}._secondary_1eopw_45:hover:not(:disabled){background:var(--color-surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}._danger_1eopw_57{background:var(--color-danger);color:var(--color-white);box-shadow:var(--shadow-sm)}._danger_1eopw_57:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px);box-shadow:var(--shadow-md)}._ghost_1eopw_69{background:transparent;color:var(--color-text);border:var(--border-width-medium) solid var(--color-border)}._ghost_1eopw_69:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border-light)}._sm_1eopw_81{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm)}._md_1eopw_86{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base)}._lg_1eopw_91{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg)}._fullWidth_1eopw_96{width:100%}._loading_1eopw_101{pointer-events:none;position:relative}._spinner_1eopw_106{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:_spin_1eopw_106 .6s linear infinite}@keyframes _spin_1eopw_106{to{transform:rotate(360deg)}}._leftIcon_1eopw_122,._rightIcon_1eopw_123{display:inline-flex;align-items:center;justify-content:center}._leftIcon_1eopw_122{margin-right:var(--spacing-1)}._rightIcon_1eopw_123{margin-left:var(--spacing-1)}._iconOnly_1eopw_138{padding:var(--spacing-2);width:auto;min-width:auto;aspect-ratio:1;gap:0}._iconOnly_1eopw_138 ._buttonText_1eopw_146{display:none}._iconOnly_1eopw_138._sm_1eopw_81{padding:var(--spacing-1);font-size:var(--font-size-base)}._iconOnly_1eopw_138._md_1eopw_86{padding:var(--spacing-2);font-size:var(--font-size-lg)}._iconOnly_1eopw_138._lg_1eopw_91{padding:var(--spacing-3);font-size:var(--font-size-xl)}@media (max-width: 767px){._responsiveIconOnly_1eopw_167{padding:var(--spacing-2);min-width:auto;aspect-ratio:1}._responsiveIconOnly_1eopw_167._sm_1eopw_81{padding:var(--spacing-1)}._responsiveIconOnly_1eopw_167 ._buttonText_1eopw_146{display:none}}._sidebar_14ced_1{width:var(--sidebar-width);flex-shrink:0;background:#8f8f8f8f;border-right:1px solid rgba(255,255,255,.17);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);overflow-y:auto;height:100%;transition:transform var(--transition-base)}._nav_14ced_12{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}._navLink_14ced_19{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-muted);font-weight:var(--font-weight-medium);transition:all var(--transition-base);position:relative;border:1px solid transparent}._navLink_14ced_19:hover{background:#ffffff0f;border-color:#ffffff1a;color:var(--color-text)}._navLink_14ced_19._active_14ced_39{background:linear-gradient(90deg,#ffd45c99,#ffd45c30);border-color:#ffffff40;color:var(--color-text);font-weight:var(--font-weight-semibold)}._navLink_14ced_19._active_14ced_39:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#bcaa7d;border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:0 0 8px #bcaa7d99}._navLink_14ced_19._active_14ced_39 ._icon_14ced_59{color:#fff187}._icon_14ced_59{font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--transition-base)}._label_14ced_72{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._navDivider_14ced_80{height:1px;background:#ffffff1f;margin:var(--spacing-2) var(--spacing-4)}._backdrop_14ced_87{display:none}@media (max-width: 1023px) and (min-width: 768px){._sidebar_14ced_1{width:220px}._navLink_14ced_19{padding:var(--spacing-3);font-size:var(--font-size-sm)}._icon_14ced_59{font-size:var(--font-size-base)}}@media (max-width: 767px){._sidebar_14ced_1{position:fixed;top:60px;left:0;bottom:0;width:280px;transform:translate(-100%);z-index:var(--z-fixed);box-shadow:var(--shadow-2xl);background:#8f8f8fbf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}._sidebar_14ced_1._open_14ced_122{transform:translate(0)}._backdrop_14ced_87{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:#00000080;z-index:calc(var(--z-fixed) - 1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._backdrop_14ced_87._open_14ced_122{display:block;animation:_fadeIn_14ced_1 var(--transition-base) ease-out}._nav_14ced_12{padding:var(--spacing-3)}._navLink_14ced_19{padding:var(--spacing-3) var(--spacing-4)}._icon_14ced_59{font-size:var(--font-size-xl)}._label_14ced_72{font-size:var(--font-size-base)}}:root{--color-primary: #8b4513;--color-primary-dark: #654321;--color-primary-light: #a0522d;--color-secondary: #2f4f4f;--color-accent: #daa520;--color-background: #1a1a1a;--color-surface: #2a2a2a;--color-surface-hover: #3a3a3a;--color-text: #e0e0e0;--color-text-muted: #a0a0a0;--color-text-inverse: #1a1a1a;--color-border: #404040;--color-border-light: #505050;--color-success: #4caf50;--color-success-dark: #388e3c;--color-success-light: #81c784;--color-warning: #ff9800;--color-danger: #f44336;--color-info: #2196f3;--color-info-light: #e3f2fd;--color-info-dark: #1976d2;--color-orange-600: #ea580c;--color-red-600: #dc2626;--color-purple-500: #8867a7;--color-yellow-500: #eab308;--color-green-600: #16a34a;--color-blue-600: #2563eb;--color-white: #ffffff;--color-black: #000000;--rank-iron: #636363;--rank-bronze: #cd7f32;--rank-silver: #c0c0c0;--rank-gold: #ffd700;--rank-platinum: #e5e4e2;--rank-diamond: #b9f2ff;--rank-master: #8a2be2;--rank-grandmaster: #ff1493;--rank-challenger: #ff4500;--gradient-primary: linear-gradient( 135deg, var(--color-primary) 0%, var(--color-primary-dark) 100% );--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, #b8860b 100%);--gradient-surface: linear-gradient(180deg, var(--color-surface) 0%, #1f1f1f 100%);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.5rem;--spacing-6: 2rem;--spacing-8: 3rem;--spacing-10: 4rem;--spacing-12: 6rem;--spacing-16: 8rem;--font-family-heading: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .4);--glow-primary: 0 0 10px rgba(218, 165, 32, .5);--glow-success: 0 0 10px rgba(76, 175, 80, .5);--glow-danger: 0 0 10px rgba(244, 67, 54, .5);--backdrop-blur: blur(8px);--backdrop-blur-strong: blur(16px);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--header-height: 80px;--sidebar-width: 280px;--container-max-width: 1440px}.heading-1{font-family:var(--font-family-heading);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.heading-2{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.heading-3{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.heading-4{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.heading-5{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.heading-6{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.body-large{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.body-base{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.body-small{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.caption{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-muted)}.text-muted{color:var(--color-text-muted)}.text-bold{font-weight:var(--font-weight-bold)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-medium{font-weight:var(--font-weight-medium)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width: 768px){.heading-1{font-size:var(--font-size-4xl)}.heading-2{font-size:var(--font-size-3xl)}.heading-3{font-size:var(--font-size-2xl)}}:root{--breakpoint-mobile: 480px;--breakpoint-sm: 640px;--breakpoint-tablet: 768px;--breakpoint-md: 768px;--breakpoint-desktop: 1024px;--breakpoint-lg: 1024px;--breakpoint-wide: 1440px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.hide-on-mobile{display:none}@media (min-width: 768px){.hide-on-mobile{display:initial}.show-on-mobile{display:none}}.hide-on-tablet{display:initial}@media (min-width: 768px) and (max-width: 1023px){.hide-on-tablet{display:none}}@media (max-width: 767px){.show-on-tablet{display:none}}.hide-on-desktop{display:initial}@media (min-width: 1024px){.hide-on-desktop{display:none}.show-on-desktop{display:initial}}@media (max-width: 1023px){.show-on-desktop{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounceScale{0%{transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #daa5204d}50%{box-shadow:0 0 20px #daa52099}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes damageFlash{0%,to{background-color:transparent}50%{background-color:#f443364d}}@keyframes healFlash{0%,to{background-color:transparent}50%{background-color:#4caf504d}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:0}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-in}.animate-fadeOut{animation:fadeOut var(--transition-base) ease-out}.animate-slideInUp{animation:slideInUp var(--transition-base) ease-out}.animate-slideInDown{animation:slideInDown var(--transition-base) ease-out}.animate-slideInLeft{animation:slideInLeft var(--transition-base) ease-out}.animate-slideInRight{animation:slideInRight var(--transition-base) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-base) ease-out}.animate-scaleOut{animation:scaleOut var(--transition-base) ease-in}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-hover) 50%,var(--color-surface) 100%);background-size:1000px 100%;animation:shimmer 2s infinite}.transition-all{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}*,*: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;scroll-behavior:smooth}body{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--color-text)}p{margin-bottom:var(--spacing-4)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}img,picture,video,canvas,svg{display:block;max-width:100%}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}::selection{background:var(--color-primary);color:var(--color-white)}::-moz-selection{background:var(--color-primary);color:var(--color-white)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-4)}@media (min-width: 640px){.container{padding:0 var(--spacing-6)}}@media (min-width: 1024px){.container{padding:0 var(--spacing-8)}}.demo-app{min-height:100vh;color:#f1eee5;--color-text-muted:#d1cfc6}.demo-background{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:-1}.demo-header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 32px;background:#3d413ef0;border-bottom:1px solid #ffffff25;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.demo-title{color:#ffd45c;font-size:20px;font-weight:700;line-height:1.2}.demo-title span{display:block;color:#cec8b4;font-size:10px;letter-spacing:2px;margin-top:6px}.demo-character{display:flex;gap:10px;align-items:center;color:#f1eee5;background:#202520aa;padding:5px 12px;border-radius:8px;min-width:190px}.demo-character strong{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.demo-character-meta{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#ffdb76}.demo-character-meta>span{display:inline-flex;align-items:center;gap:4px}.demo-mini-avatar{font-size:32px}.demo-character progress{height:5px;margin:4px 0 0}.demo-shell{display:flex;align-items:stretch}.demo-shell>aside{min-height:calc(100vh - 80px);height:auto;background:#424945eb}.demo-main{min-width:0;flex:1;max-width:1400px;margin:0 auto;padding:24px 32px}.demo-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border:1px solid #ffd45c50;background:#242f2bea;border-radius:8px;padding:12px 16px;margin-bottom:24px;font-size:13px}.demo-banner button{color:#ffe39c;background:none;padding:4px;text-decoration:underline;cursor:pointer;white-space:nowrap}.demo-badge{display:inline-block;color:#ffe39c;border:1px solid #ddc46c66;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700;letter-spacing:1px;margin-right:8px}.demo-panel{background:#474e4ae6;border:1px solid #ffffff30;border-radius:12px;padding:26px;margin-bottom:24px;box-shadow:0 12px 32px #0002;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);min-width:0}.demo-panel h2{font-size:21px;margin-bottom:16px;display:flex;gap:10px;align-items:center}.demo-panel h2 svg{color:#ffd45c;flex-shrink:0}.demo-panel h3{margin:20px 0 12px}.demo-panel p{line-height:1.75}.demo-panel p:last-child{margin-bottom:0}.demo-hero{padding:42px;min-height:345px;background:linear-gradient(100deg,#1d2925f5,#29352ec9 65%,#34413875)}.demo-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#e1ca83;display:block;margin-bottom:18px}.demo-hero h1{font-size:clamp(32px,4vw,54px);line-height:1.1;margin-bottom:22px}.demo-hero h1 em{font-style:normal;color:#ffd45c}.demo-hero p{max-width:620px;color:#deded4}.demo-hero .demo-muted{display:block;margin-top:18px;font-size:12px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-three{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-grid .demo-panel{display:flex;flex-direction:column}.demo-grid .demo-panel>.demo-link-button{margin-top:auto;align-self:start}.demo-muted{color:#d0d1c9;font-size:14px}.demo-gold{color:#ffe08a;margin-top:16px}.demo-link-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(100deg,#d8b853,#f6d26e);border:1px solid #f4d88a;color:#27291e;border-radius:6px;padding:12px 20px;font-weight:700;text-decoration:none}.demo-link-button:hover{background:#ffe39a;color:#171d17}.demo-stats{display:flex;gap:12px}.demo-stats>div{background:#0002;flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-radius:8px}.demo-stats svg{color:#ffd45c;font-size:24px}.demo-stats strong{font-size:28px;margin:8px 0}.demo-stats span{font-size:12px;color:#dad9d0}.demo-steps{padding-left:24px}.demo-steps li{padding:8px 0}.demo-steps svg{display:inline-block;margin-left:10px;color:#a4e7a7}.demo-app a:not(.demo-link-button):not(.demo-title):not(.demo-character){color:#ffe39c}.demo-page-heading{margin:24px 0}.demo-page-heading h1{font-size:clamp(26px,3vw,36px);margin-bottom:12px}.demo-page-heading p{color:#e3e0d4;max-width:780px}.demo-reading{max-width:900px;font-size:17px}.demo-reading p{margin-bottom:24px}.demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0 4px}.demo-card-icon{color:#ffe08a;font-size:48px;margin-bottom:16px}.demo-dragon{color:#dbb077;font-size:76px}.demo-arena{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;text-align:center;margin-bottom:24px}.demo-arena h2{justify-content:center;font-size:18px}.demo-avatar,.demo-enemy{font-size:84px;display:inline-block;margin:10px;color:#e5bb83}.demo-vs{color:#ffd45c;font-weight:700;font-size:24px}.demo-app progress{width:100%;accent-color:#d7ae55;height:12px;display:block;margin-top:8px}.demo-app .demo-health{accent-color:#8cca97}.demo-answers{display:grid;gap:12px;margin:20px 0}.demo-answer{border:1px solid #ffffff40;color:#f4f2e9;background:#20302cb3;padding:16px;border-radius:8px;text-align:left;cursor:pointer}.demo-answer:not(:disabled):hover{border-color:#ffd45c;background:#3e4739}.demo-answer:disabled{cursor:default;opacity:.6}.demo-answer.correct{background:#295835;border-color:#95d199;opacity:1}.demo-answer.incorrect{background:#783c37;border-color:#e3a09a;opacity:1}.demo-feedback{background:#233f34;padding:18px;border:1px solid #8da38b;border-radius:8px;margin:18px 0}.demo-result{text-align:center}.demo-result h2,.demo-result .demo-actions{justify-content:center}.demo-unlocked{border-color:#dcc677}.demo-table{overflow:auto}.demo-table table{width:100%;border-collapse:collapse;text-align:left}.demo-table th,.demo-table td{padding:16px 12px;border-bottom:1px solid #ffffff20;white-space:nowrap}.demo-self{background:#b6a14d25;color:#ffe39c}.demo-panel label{display:block;margin-bottom:8px}.demo-panel input{display:block;width:100%;max-width:420px;background:#172b24;border:1px solid #b6bc9d;border-radius:6px;padding:12px;color:#fff;margin-bottom:20px}.demo-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#18291f;border-radius:8px;margin:20px 0;color:#e7da91}.demo-avatar-choice{border:2px solid transparent;background:#26332a;padding:8px;font-size:36px;border-radius:8px;cursor:pointer}.demo-avatar-choice.selected{border-color:#ffd45c}.demo-footer{padding:16px 0;display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px;color:#e0dece}.demo-footer a{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:2px}.demo-menu{display:none}.demo-skip{position:fixed;left:12px;top:-80px;z-index:500;background:#183528;padding:12px}.demo-skip:focus{top:12px}.demo-app :focus-visible{outline:3px solid #ffe189;outline-offset:4px}@media (max-width:1100px){.demo-three{grid-template-columns:1fr}.demo-main{padding:20px}.demo-hero{padding:28px}.demo-grid{gap:16px}}@media (max-width:767px){.demo-header{height:60px;gap:10px;padding:6px 12px}.demo-title{font-size:12px;max-width:140px}.demo-title span{font-size:8px;letter-spacing:1px}.demo-character{min-width:0;padding:3px 8px;font-size:12px}.demo-character strong{max-width:75px}.demo-mini-avatar{display:none}.demo-character-meta{font-size:10px;gap:8px}.demo-menu{display:block;background:transparent;color:#ffe189;font-size:20px;padding:6px;cursor:pointer}.demo-main{padding:16px 12px}.demo-grid{grid-template-columns:1fr;gap:0}.demo-panel{padding:20px;margin-bottom:16px}.demo-hero{padding:28px 22px}.demo-banner{padding:12px;font-size:12px}.demo-arena{gap:8px}.demo-arena h2{font-size:14px}.demo-arena label{font-size:12px}.demo-avatar,.demo-enemy{font-size:52px;margin:8px 0}.demo-panel h2{font-size:19px}.demo-footer{gap:12px}.demo-table th,.demo-table td{padding:12px 8px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}