@charset "UTF-8";:root{--color-primary: #667eea;--color-primary-dark: #5568d3;--color-secondary: #764ba2;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-neutral-50: #f8f9fa;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--mana-white: #f0e68c;--mana-blue: #0e68ab;--mana-black: #150b00;--mana-red: #d3202a;--mana-green: #00733e;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .3);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px}@media (min-width: 1025px){:root{--font-size-xs: 14px;--font-size-sm: 16px;--font-size-base: 18px;--font-size-lg: 20px;--font-size-xl: 28px;--font-size-2xl: 38px;--font-size-3xl: 54px}}@media (min-width: 1920px){:root{--font-size-xs: 15px;--font-size-sm: 17px;--font-size-base: 19px;--font-size-lg: 22px;--font-size-xl: 30px;--font-size-2xl: 40px;--font-size-3xl: 58px}}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-900);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}p{margin:0}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none;margin:0;padding:0}img{max-width:100%;height:auto;display:block}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.m-0{margin:0!important}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-0{padding:0!important}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-neutral-500)}.bg-white{background-color:#fff}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.w-full{width:100%}.w-auto{width:auto}.cursor-pointer{cursor:pointer}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.mana-symbol{display:inline-block;width:20px;height:20px;border-radius:50%;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #ffffff4d;border:2px solid rgba(255,255,255,.4);flex-shrink:0;margin-right:4px;vertical-align:middle}.mana-symbol:last-child{margin-right:0}.mana-symbol.w{background:linear-gradient(135deg,khaki,#d4c568)}.mana-symbol.u{background:linear-gradient(135deg,#0e68ab,#0a4f84)}.mana-symbol.b{background:linear-gradient(135deg,#150b00,#0a0600)}.mana-symbol.r{background:linear-gradient(135deg,#d3202a,#a81920)}.mana-symbol.g{background:linear-gradient(135deg,#00733e,#005a30)}.mana-symbol.colorless{background:linear-gradient(135deg,#9ca3af,#6b7280)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;min-height:100vh;padding:0;margin:0;position:relative}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none;z-index:0}#root,app-root{position:relative;z-index:1}.container{max-width:1400px;margin:0 auto;background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-xl)}@media (max-width: 768px){.container{padding:var(--spacing-lg);border-radius:var(--radius-lg)}}html{scroll-behavior:smooth}::selection{background:#667eea4d;color:inherit}