:root{--bg-canvas: #070a10;--bg-surface: #0e1422;--bg-surface-elevated: #151e31;--bg-surface-hover: #1e2b44;--bg-war-deck: #121827;--border-subtle: #1c273c;--border-muted: #2d3b55;--border-gilded: #875c12;--border-gilded-bright: #d4af37;--border-accent: #f59e0b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #8493a8;--text-inverse: #070a10;--text-gilded: #f59e0b;--color-primary: #f59e0b;--color-primary-hover: #d97706;--color-gold-glow: #ffd700;--color-gold-antique: #d4af37;--color-gold-burnished: #9a6709;--color-player: #3b82f6;--color-player-glow: rgba(59, 130, 246, .4);--color-enemy: #ef4444;--color-enemy-glow: rgba(239, 68, 68, .4);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-arcane: #a855f7;--font-heraldic: "Cinzel", Georgia, serif;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 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;--line-height-tight: 1.2;--line-height-base: 1.5;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--shadow-gilded: 0 4px 20px rgba(0, 0, 0, .7), 0 0 1px rgba(212, 175, 55, .6);--shadow-card: 0 10px 30px rgba(0, 0, 0, .6), 0 1px 3px rgba(0, 0, 0, .4);--shadow-glow-gold: 0 0 15px rgba(245, 158, 11, .4);--touch-target-min: 44px;--focus-ring: 2px solid var(--color-gold-antique);--focus-offset: 3px}*,*:before,*:after{box-sizing:border-box}html{height:100%;font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;padding:0;max-width:100vw;overflow-x:hidden;background-color:var(--bg-canvas);background-image:radial-gradient(circle at 50% 0%,#172338,#070a10 75%);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3) 0;color:var(--text-primary);font-family:var(--font-heraldic);line-height:var(--line-height-tight);font-weight:700;letter-spacing:.03em}p{margin:0 0 var(--space-4) 0;color:var(--text-secondary)}code,pre{font-family:var(--font-mono);font-size:.9em}button,a,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;touch-action:manipulation}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{text-decoration:underline}button,.button,.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);cursor:pointer;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1)}.tactical-btn{background:linear-gradient(180deg,#1f2b42,#111726);border:1px solid var(--border-gilded);color:var(--text-primary);font-family:var(--font-family);font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-size:var(--font-size-xs);box-shadow:0 2px 6px #0006}.tactical-btn:hover:not(:disabled){background:linear-gradient(180deg,#273653,#162033);border-color:var(--color-gold-antique);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000080,0 0 8px #d4af374d}.tactical-btn:active:not(:disabled){transform:translateY(0)}.tactical-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.tactical-btn.primary{background:linear-gradient(180deg,#b48316,#785310);border-color:gold;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.tactical-btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#d4af37,#875c12);box-shadow:0 4px 14px #f59e0b66}.tactical-btn.secondary{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:var(--border-muted)}.tactical-btn.danger{background:linear-gradient(180deg,#991b1b,#581111);border-color:#ef4444;color:#fecaca}.tactical-btn.danger:hover:not(:disabled){background:linear-gradient(180deg,#b91c1c,#751414);box-shadow:0 4px 14px #ef444466}.tactical-btn.active-gold{background:linear-gradient(180deg,#eab308,#a16207);border-color:gold;color:#070a10;font-weight:700;box-shadow:0 0 14px #facc1599}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-100px;left:var(--space-4);background:var(--color-gold-antique);color:var(--text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:1000;font-weight:700;transition:top .2s ease}.skip-link:focus{top:var(--space-4)}.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}.gamepad-focused{outline:3px solid #ffd700!important;outline-offset:4px}