.token-vfx-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.vfx-shield-bubble{width:2.2rem;height:2.2rem;border-radius:9999px;box-shadow:inset 0 0 12px rgba(6,182,212,.8),0 0 10px rgba(6,182,212,.6);background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.3),rgba(6,182,212,.15));animation:vfxShieldPulse 1.6s ease-in-out infinite}@keyframes vfxShieldPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.06);opacity:1}}.vfx-poison-fumes{width:2.4rem;height:2.4rem;border-radius:9999px;background:radial-gradient(circle,rgba(168,85,247,.18),rgba(168,85,247,.05));filter:blur(2px);animation:vfxFumes 2s ease-in-out infinite}@keyframes vfxFumes{0%{transform:translate(-50%,-52%) scale(.95);opacity:.5}50%{transform:translate(-50%,-56%) scale(1.05);opacity:.8}to{transform:translate(-50%,-52%) scale(.95);opacity:.5}}.vfx-speed-lines{width:2.6rem;height:.4rem;border-radius:.25rem;background:linear-gradient(90deg,rgba(16,185,129,0),rgba(16,185,129,.4),rgba(16,185,129,0));animation:vfxSpeed .6s linear infinite}@keyframes vfxSpeed{0%{transform:translate(calc(-50% - .8rem),-50%);opacity:.7}to{transform:translate(calc(-50% + .8rem),-50%);opacity:.7}}:root{--base-bg:#f0eada;--accent-red:#a73535;--accent-blue:#4973a3;--accent-green:#4b6839;--accent-yellow:#d8a31a;--text:#3a2f2a;--muted:#c76a2e;--primary:var(--accent-blue);--secondary:var(--accent-green);--success:var(--accent-green);--warning:var(--accent-yellow);--error:var(--accent-red);--info:var(--accent-blue);--surface:#f5f1e8;--surface-dark:#e8e0d0;--border:#d4c4a8;--border-dark:#c0a882;--text-primary:var(--text);--text-secondary:#5c4f47;--text-muted:#8a7d74;--font-title:"UnifrakturMaguntia","Old English Text MT","Blackletter",serif;--font-body:"Crimson Text","Times New Roman","Georgia",serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 3px rgba(58,47,42,0.12);--shadow-md:0 4px 6px rgba(58,47,42,0.15);--shadow-lg:0 8px 15px rgba(58,47,42,0.2);--tile-size:50px;--board-gap:20px;--fantasy-gold:#d4af37;--fantasy-bronze:#cd7f32;--fantasy-silver:#c0c0c0;--fantasy-dark:#2c1810;--fantasy-parchment:#f5f1e8}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--base-bg);line-height:1.6}body,h1,h2,h3,h4,h5,h6,html{font-family:var(--font-body);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}.title-main{font-family:var(--font-title);font-size:3.5rem;color:var(--accent-red);text-shadow:2px 2px 0 var(--accent-yellow);letter-spacing:.02em;margin-bottom:var(--space-lg)}.heading-large{font-size:2.5rem;color:var(--primary);margin-bottom:var(--space-md)}.heading-medium{font-size:1.8rem;color:var(--text-primary);margin-bottom:var(--space-sm)}.heading-small{font-size:1.3rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s ease}.container{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:1rem;font-weight:600;font-family:var(--font-body);transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;border:2px solid transparent;position:relative;overflow:hidden}.btn-primary{background-color:var(--primary);color:var(--base-bg);border:2px solid var(--primary)}.btn-primary:hover{background-color:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);border:2px solid var(--border-dark)}.btn-secondary:hover{background-color:var(--surface-dark);border-color:var(--muted);color:var(--muted);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-success{background-color:var(--success);color:var(--base-bg);border:2px solid var(--success)}.btn-success:hover{background-color:var(--accent-green);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-warning{background-color:var(--warning);color:var(--text-primary);border:2px solid var(--warning)}.btn-warning:hover{background-color:var(--accent-yellow);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--error);color:var(--base-bg);border:2px solid var(--error)}.btn-danger:hover{background-color:var(--accent-red);transform:translateY(-2px)}.btn-danger:hover,.card{box-shadow:var(--shadow-md)}.card{background-color:var(--surface-dark);border-radius:var(--radius-lg);padding:var(--space-lg);border:2px solid var(--border);position:relative}.card:hover{border-color:var(--border-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px);transition:all .3s ease}.card-accent{border-color:var(--primary)}.card-accent,.card-muted{background-color:var(--surface)}.card-muted{border-color:var(--border)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-width{width:100%}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-col{display:flex;flex-direction:column}.grid{display:grid}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.text-xs{font-size:.75rem;line-height:1.4}.text-sm{font-size:.875rem;line-height:1.5}.text-base{font-size:1rem;line-height:1.6}.text-lg{font-size:1.125rem;line-height:1.6}.text-xl{font-size:1.25rem;line-height:1.5}.font-body{font-family:var(--font-body)}.font-title{font-family:var(--font-title)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.text-muted{color:var(--text-muted)}.text-accent-red{color:var(--accent-red)}.text-accent-blue{color:var(--accent-blue)}.text-accent-green{color:var(--accent-green)}.text-accent-yellow{color:var(--accent-yellow)}.text-burnt-orange{color:var(--muted)}.bg-surface{background-color:var(--surface)}.bg-surface-dark{background-color:var(--surface-dark)}.bg-primary{background-color:var(--primary);color:var(--base-bg)}.bg-success{background-color:var(--success);color:var(--base-bg)}.bg-warning{background-color:var(--warning);color:var(--text-primary)}.bg-error{background-color:var(--error);color:var(--base-bg)}.border{border:2px solid var(--border)}.border-primary{border:2px solid var(--primary)}.border-accent{border:2px solid var(--muted)}.illuminated-initial{font-family:var(--font-title);font-size:2.5rem;color:var(--accent-red);float:left;line-height:1;margin-right:var(--space-xs);margin-top:var(--space-xs)}.parchment-texture{background-color:var(--base-bg);background-image:radial-gradient(circle at 25% 25%,rgba(167,53,53,.03) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(75,104,57,.03) 0,transparent 50%)}.manuscript-border{border:3px solid var(--accent-red);border-image:repeating-linear-gradient(45deg,var(--accent-red),var(--accent-red) 5px,var(--accent-yellow) 5px,var(--accent-yellow) 10px) 3}.loading-container{text-align:center;margin-top:5rem}.error-message{background-color:var(--error);border-radius:var(--radius-md);border:2px solid var(--accent-red)}.error-message,.success-message{color:var(--base-bg);padding:var(--space-sm) var(--space-md);margin:var(--space-sm) 0;font-size:.9rem}.success-message{background-color:var(--success);border-radius:var(--radius-md);border:2px solid var(--accent-green)}.info-message{background-color:var(--info);color:var(--base-bg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin:var(--space-sm) 0;font-size:.9rem;border:2px solid var(--accent-blue)}