:root{--color-parchment: #f0e9cd;--color-parchment-light: #f8f4e8;--color-parchment-dark: #e0d9bd;--color-brown-dark: #613f01;--color-brown-medium: #8b5a00;--color-brown-light: #a67c00;--color-gold: #ffd700;--color-gold-dark: #e6c200;--color-gold-light: #ffe44d;--color-success: #4caf50;--color-success-dark: #388e3c;--color-success-light: #81c784;--color-danger: #dc3545;--color-danger-dark: #c62828;--color-danger-light: #ef5350;--color-warning: #ff9800;--color-warning-dark: #f57c00;--color-warning-light: #ffb74d;--color-info: #2196f3;--color-info-dark: #1976d2;--color-info-light: #64b5f6;--color-black: #000000;--color-white: #ffffff;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-passive: #9c27b0;--color-passive-light: #ba68c8;--color-passive-dark: #7b1fa2;--color-active: #2196f3;--color-active-light: #64b5f6;--color-active-dark: #1976d2;--color-ultimate: #ff9800;--color-ultimate-light: #ffb74d;--color-ultimate-dark: #f57c00;--glow-player: drop-shadow(0 0 4px rgba(255, 255, 255, .8));--glow-player-selected: drop-shadow(0 0 8px rgba(255, 255, 255, 1)) drop-shadow(0 0 16px rgba(255, 255, 255, .6));--glow-monster: drop-shadow(0 0 4px rgba(255, 68, 68, .6));--glow-miniboss: drop-shadow(0 0 8px rgba(156, 39, 176, .8));--glow-boss: drop-shadow(0 0 12px rgba(255, 215, 0, .9)) drop-shadow(0 0 24px rgba(255, 215, 0, .5));--glow-villager: drop-shadow(0 0 4px rgba(76, 175, 80, .6));--font-family: "VT323", monospace;--font-family-fallback: "Courier New", Courier, monospace;--font-2xs: .625rem;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--font-3xl: 2.5rem;--font-4xl: 3rem;--line-height-tight: 1.1;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2), 0 4px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .25), 0 8px 10px rgba(0, 0, 0, .1);--shadow-inset-sm: inset 0 1px 2px rgba(0, 0, 0, .1);--shadow-inset-md: inset 0 2px 4px rgba(0, 0, 0, .15);--shadow-inset-lg: inset 0 4px 8px rgba(0, 0, 0, .2);--shadow-button: 2px 2px 0 var(--color-brown-dark);--shadow-button-hover: 3px 3px 0 var(--color-brown-dark);--shadow-button-active: 1px 1px 0 var(--color-brown-dark);--shadow-button-disabled: 2px 2px 0 var(--color-gray-600);--shadow-card: 0 2px 8px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .1);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .2), 0 4px 8px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 3px rgba(139, 90, 0, .4);--shadow-focus-danger: 0 0 0 3px rgba(220, 53, 69, .4);--shadow-focus-success: 0 0 0 3px rgba(76, 175, 80, .4);--border-width-sm: 1px;--border-width-md: 2px;--border-width-lg: 3px;--border-width-xl: 4px;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--border-default: var(--border-width-md) solid var(--color-brown-dark);--border-light: var(--border-width-sm) solid var(--color-brown-medium);--border-gold: var(--border-width-md) solid var(--color-gold);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--transition-fast: var(--duration-fast) var(--ease-out);--transition-normal: var(--duration-normal) var(--ease-out);--transition-slow: var(--duration-slow) var(--ease-out);--transition-bounce: var(--duration-normal) var(--ease-bounce);--transition-spring: var(--duration-slow) var(--ease-spring);--z-base: 0;--z-board: 1;--z-cell: 5;--z-token: 10;--z-token-selected: 15;--z-overlay: 50;--z-panel: 100;--z-dropdown: 200;--z-sticky: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-notification: 800;--z-max: 9999;--panel-width-sm: 240px;--panel-width-md: 280px;--panel-width-lg: 320px;--panel-width-xl: 400px;--board-size: min(90vh, 90vw);--board-min-size: 320px;--board-max-size: 900px;--cell-size: calc(var(--board-size) / 15);--header-height: 48px;--footer-height: 56px;--card-width-sm: 100px;--card-width-md: 140px;--card-width-lg: 180px;--card-aspect-ratio: 1.4;--touch-target-min: 44px;--touch-target-comfortable: 48px;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1440px;--health-critical: var(--color-danger);--health-low: var(--color-warning);--health-medium: #c4a000;--health-high: var(--color-success);--health-full: #2e7d32;--health-gradient-critical: linear-gradient(to right, #b71c1c, #f44336);--health-gradient-low: linear-gradient(to right, #e65100, #ff9800);--health-gradient-medium: linear-gradient(to right, #f9a825, #fdd835);--health-gradient-high: linear-gradient(to right, #388e3c, #66bb6a);--health-gradient-full: linear-gradient(to right, #1b5e20, #43a047);--tile-grass: #84d637;--tile-dirt: #b0774e;--tile-water: #4fc3f7;--tile-wall: #757575;--range-valid: rgba(76, 175, 80, .3);--range-attack: rgba(244, 67, 54, .3);--range-ability: rgba(33, 150, 243, .3);--range-invalid: rgba(0, 0, 0, .4);--turn-active: var(--color-gold);--turn-waiting: var(--color-gray-500);--turn-done: var(--color-success)}[data-theme=dark]{--color-parchment: #2d2a24;--color-parchment-light: #3d3930;--color-parchment-dark: #1d1a14;--color-brown-dark: #c4a66a;--color-brown-medium: #a68b4d;--color-brown-light: #d4b87a;--shadow-card: 0 2px 8px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3)}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms}}@media(prefers-contrast:high){:root{--color-brown-dark: #000000;--border-width-sm: 2px;--border-width-md: 3px}}@keyframes token-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes token-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.1)}}@keyframes token-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes token-damage-flash{0%,to{filter:brightness(1) sepia(0) saturate(1)}25%,75%{filter:brightness(1.5) sepia(1) saturate(5) hue-rotate(-50deg)}}@keyframes token-heal-flash{0%,to{filter:brightness(1) sepia(0) saturate(1)}25%,75%{filter:brightness(1.3) sepia(.5) saturate(2) hue-rotate(60deg)}}@keyframes token-death{0%{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.5;transform:scale(.8) rotate(10deg)}to{opacity:0;transform:scale(0) rotate(45deg)}}@keyframes token-spawn{0%{opacity:0;transform:scale(0) translateY(-20px)}60%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes token-attack{0%,to{transform:translate(0) translateY(0)}40%{transform:translate(var(--attack-x, 10px)) translateY(var(--attack-y, 0))}}@keyframes damage-popup{0%{opacity:1;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-10px) scale(1.2)}40%{transform:translateY(-25px) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.8)}}@keyframes crit-popup{0%{opacity:1;transform:translateY(0) scale(.3) rotate(-10deg)}15%{opacity:1;transform:translateY(-5px) scale(1.5) rotate(5deg)}30%{transform:translateY(-15px) scale(1.3) rotate(-3deg)}50%{transform:translateY(-30px) scale(1.2) rotate(0)}to{opacity:0;transform:translateY(-60px) scale(.9) rotate(0)}}@keyframes heal-popup{0%{opacity:0;transform:translateY(10px) scale(.5)}20%{opacity:1;transform:translateY(0) scale(1.1)}40%{transform:translateY(-15px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.8)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes spring-scale{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes button-press{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #ffd70066}50%{box-shadow:0 0 0 8px #ffd70000}}@keyframes pulse-border{0%,to{border-color:var(--color-gold)}50%{border-color:var(--color-gold-light)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes card-hover{0%{transform:translateY(0) scale(1);box-shadow:var(--shadow-card)}to{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-card-hover)}}@keyframes card-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes card-deal{0%{opacity:0;transform:translate(-100px) translateY(-50px) rotate(-15deg) scale(.5)}60%{opacity:1;transform:translate(10px) translateY(5px) rotate(3deg) scale(1.05)}to{opacity:1;transform:translate(0) translateY(0) rotate(0) scale(1)}}@keyframes card-play{0%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:1;transform:scale(1.1) translateY(-30px)}to{opacity:0;transform:scale(.5) translateY(-80px)}}@keyframes card-discard{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(100px) rotate(15deg)}}@keyframes range-pulse{0%,to{opacity:.3}50%{opacity:.5}}@keyframes valid-cell-pulse{0%,to{background-color:#4caf5033}50%{background-color:#4caf5066}}@keyframes target-pulse{0%,to{box-shadow:inset 0 0 0 2px #f4433680}50%{box-shadow:inset 0 0 0 4px #f44336cc}}@keyframes path-dash{to{stroke-dashoffset:-20}}@keyframes notification-enter{0%{opacity:0;transform:translate(100%) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes notification-exit{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.8)}}@keyframes turn-indicator{0%,to{transform:translate(0);opacity:1}50%{transform:translate(5px);opacity:.7}}.animate-bounce{animation:token-bounce .6s ease-in-out infinite}.animate-pulse{animation:token-pulse 1.5s ease-in-out infinite}.animate-shake{animation:token-shake .5s ease-in-out}.animate-damage{animation:token-damage-flash .4s ease-out}.animate-heal{animation:token-heal-flash .5s ease-out}.animate-death{animation:token-death .6s ease-out forwards}.animate-spawn{animation:token-spawn .5s var(--ease-spring)}.animate-fade-in{animation:fade-in var(--duration-normal) var(--ease-out)}.animate-fade-out{animation:fade-out var(--duration-normal) var(--ease-out) forwards}.animate-slide-in-left{animation:slide-in-left var(--duration-normal) var(--ease-out)}.animate-slide-in-right{animation:slide-in-right var(--duration-normal) var(--ease-out)}.animate-slide-in-bottom{animation:slide-in-bottom var(--duration-normal) var(--ease-out)}.animate-slide-in-top{animation:slide-in-top var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scale-in var(--duration-normal) var(--ease-out)}.animate-spring{animation:spring-scale var(--duration-slow) var(--ease-spring)}.animate-spin{animation:spin 1s linear infinite}.animate-glow-pulse{animation:pulse-glow 2s ease-in-out infinite}.animate-card-deal{animation:card-deal .5s var(--ease-spring)}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.pause-on-hover:hover{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.animate-bounce,.animate-pulse,.animate-shake,.animate-damage,.animate-heal,.animate-glow-pulse{animation:none}.animate-fade-in,.animate-fade-out,.animate-slide-in-left,.animate-slide-in-right,.animate-slide-in-bottom,.animate-slide-in-top,.animate-scale-in,.animate-spring{animation-duration:.01ms}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-family);font-size:var(--font-lg);font-weight:var(--font-weight-medium);text-decoration:none;border:var(--border-default);border-radius:var(--border-radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-primary,.btn{background:linear-gradient(to bottom,var(--color-parchment-light),var(--color-parchment-dark));color:var(--color-brown-dark);box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled),.btn:hover:not(:disabled){background:linear-gradient(to bottom,#fff5d9,var(--color-parchment));transform:translateY(-1px);box-shadow:var(--shadow-button-hover)}.btn-primary:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(2px);box-shadow:var(--shadow-button-active)}.btn-secondary{background:var(--color-gray-200);color:var(--color-gray-800);border-color:var(--color-gray-500);box-shadow:2px 2px 0 var(--color-gray-600)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-100)}.btn-success{background:linear-gradient(to bottom,var(--color-success-light),var(--color-success));color:var(--color-white);border-color:var(--color-success-dark);box-shadow:2px 2px 0 var(--color-success-dark)}.btn-success:hover:not(:disabled){background:linear-gradient(to bottom,var(--color-success),var(--color-success-light))}.btn-danger{background:linear-gradient(to bottom,var(--color-danger-light),var(--color-danger));color:var(--color-white);border-color:var(--color-danger-dark);box-shadow:2px 2px 0 var(--color-danger-dark)}.btn-danger:hover:not(:disabled){background:linear-gradient(to bottom,var(--color-danger),var(--color-danger-light))}.btn-gold{background:linear-gradient(to bottom,var(--color-gold-light),var(--color-gold));color:var(--color-brown-dark);border-color:var(--color-gold-dark);box-shadow:2px 2px 0 var(--color-gold-dark)}.btn-gold:hover:not(:disabled){background:linear-gradient(to bottom,var(--color-gold),var(--color-gold-light))}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background:#0000000d}.btn:disabled{background:var(--color-gray-400);color:var(--color-gray-600);border-color:var(--color-gray-500);box-shadow:var(--shadow-button-disabled);cursor:not-allowed;opacity:.7}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-md)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-xl)}.btn-icon{padding:var(--space-sm);min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.btn.active,.btn[aria-pressed=true]{background:linear-gradient(to bottom,var(--color-gold),var(--color-gold-dark));box-shadow:var(--shadow-inset-md);transform:translateY(1px)}.card{background:linear-gradient(135deg,var(--color-parchment-light),var(--color-parchment));border:var(--border-default);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);overflow:hidden}.card-header{padding:var(--space-md);border-bottom:var(--border-light);background:#613f010d}.card-title{margin:0;font-size:var(--font-xl);color:var(--color-brown-dark)}.card-body{padding:var(--space-md)}.card-footer{padding:var(--space-md);border-top:var(--border-light);background:#613f010d}.card-interactive{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.card-interactive:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--shadow-card)}.card.selected{border-color:var(--color-gold);box-shadow:0 0 0 2px var(--color-gold),var(--shadow-card)}.health-meter{position:relative;height:12px;background:var(--color-gray-700);border-radius:var(--border-radius-full);overflow:hidden;box-shadow:var(--shadow-inset-sm)}.health-meter-bar{height:100%;border-radius:var(--border-radius-full);transition:width var(--transition-normal),background var(--transition-normal);box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003}.health-meter-bar.critical{background:var(--health-gradient-critical)}.health-meter-bar.low{background:var(--health-gradient-low)}.health-meter-bar.medium{background:var(--health-gradient-medium)}.health-meter-bar.high{background:var(--health-gradient-high)}.health-meter-bar.full{background:var(--health-gradient-full)}.health-meter-mini{height:6px;border-radius:var(--border-radius-sm)}.health-meter-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--color-white);text-shadow:0 1px 2px rgba(0,0,0,.5)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-xs);background:#613f011a;border-radius:var(--border-radius-sm)}.stat-value{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-brown-dark)}.stat-label{font-size:var(--font-2xs);color:var(--color-gray-600);text-transform:uppercase}.stat-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-size:contain;background-repeat:no-repeat;background-position:center}.panel{background-image:url(/assets/parchmentlight-Bh294zwX.jpg);background-size:cover;border:var(--border-default);border-radius:var(--border-radius-md);overflow:hidden}.panel-header{padding:var(--space-sm) var(--space-md);background:linear-gradient(to bottom,#f0e9cdf2,#f0e9cdcc);border-bottom:var(--border-light)}.panel-title{margin:0;font-size:var(--font-lg);color:var(--color-brown-dark)}.panel-body{padding:var(--space-md)}.panel-scroll{max-height:300px;overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:var(--font-sm);color:var(--color-brown-dark);font-weight:var(--font-weight-medium)}.form-input,.form-select,.form-textarea{padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-lg);border:var(--border-default);border-radius:var(--border-radius-md);background:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-brown-medium);box-shadow:var(--shadow-focus)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-gray-200);cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-sm);font-size:var(--font-xs);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);text-transform:uppercase}.badge-primary{background:var(--color-parchment);color:var(--color-brown-dark);border:1px solid var(--color-brown-dark)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-gold{background:var(--color-gold);color:var(--color-brown-dark)}.badge-cooldown{background:var(--color-gray-700);color:var(--color-white);min-width:24px;text-align:center}.tooltip{position:relative}.tooltip-content{position:absolute;z-index:var(--z-tooltip);padding:var(--space-sm) var(--space-md);background:var(--color-gray-900);color:var(--color-white);font-size:var(--font-sm);border-radius:var(--border-radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);box-shadow:var(--shadow-lg)}.tooltip:hover .tooltip-content,.tooltip:focus-within .tooltip-content{opacity:1}.tooltip-top .tooltip-content{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-xs)}.tooltip-bottom .tooltip-content{top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-xs)}.tooltip-left .tooltip-content{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--space-xs)}.tooltip-right .tooltip-content{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--space-xs)}.divider{border:none;border-top:var(--border-light);margin:var(--space-md) 0}.divider-thick{border-top-width:var(--border-width-md);border-color:var(--color-brown-dark)}.divider-gold{border-color:var(--color-gold)}.list{list-style:none;margin:0;padding:0}.list-item{padding:var(--space-sm) var(--space-md);border-bottom:var(--border-light)}.list-item:last-child{border-bottom:none}.list-item-interactive{cursor:pointer;transition:background-color var(--transition-fast)}.list-item-interactive:hover{background:#613f010d}.list-item-interactive:focus-visible{outline:none;background:#613f011a;box-shadow:inset 0 0 0 2px var(--color-brown-medium)}.list-item.active{background:#ffd70033;border-left:3px solid var(--color-gold)}.icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em}.icon-stat{width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}.icon-atk{background-image:url(/assets/atk-CmYN4TN2.png)}.icon-def{background-image:url(/assets/def-C_kzIJKo.png)}.icon-rng{background-image:url(/assets/rng-DTXjsddf.png)}.icon-spd{background-image:url(/assets/spd-CQ8jRJCi.png)}.icon-crt{background-image:url(/assets/crt-Bax5nJal.png)}.icon-tgt{background-image:url(/assets/tgt-CJX61cdc.png)}.icon-psh{background-image:url(/assets/psh-C_nS-cXY.png)}.icon-pll{background-image:url(/assets/pll-xptbnkP3.png)}.icon-coin{background-image:url(/assets/coins-CU9SDgYS.svg)}:focus-visible{outline:2px solid var(--color-brown-medium);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:0;background:var(--color-brown-dark);color:var(--color-white);padding:var(--space-md);z-index:var(--z-max);transition:top var(--transition-fast)}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-brown-dark)}.text-secondary{color:var(--color-gray-600)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-gold{color:var(--color-gold-dark)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-md{font-size:var(--font-md)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.m-0{margin:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.p-0{padding:0}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.hidden{display:none}.invisible{visibility:hidden}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.rounded{border-radius:var(--border-radius-md)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:var(--border-radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.game-layout{display:grid;grid-template-columns:var(--panel-width-md) 1fr var(--panel-width-lg);grid-template-rows:auto 1fr auto;grid-template-areas:"header header header" "left board right" "hand hand hand";height:100vh;width:100vw;gap:var(--space-sm);padding:var(--space-sm);background-image:url(/assets/grey-background-DYL6hPg7.jpg);background-size:cover;overflow:hidden;box-sizing:border-box}.game-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:linear-gradient(to bottom,var(--color-parchment),var(--color-parchment-dark));border:var(--border-default);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);min-height:var(--header-height)}.game-header-section{display:flex;align-items:center;gap:var(--space-md)}.game-header-title{font-size:var(--font-xl);color:var(--color-brown-dark);margin:0}.game-header-info{display:flex;align-items:center;gap:var(--space-lg)}.game-header-stat{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-lg)}.game-header-stat-label{color:var(--color-gray-600)}.game-header-stat-value{font-weight:var(--font-weight-bold);color:var(--color-brown-dark)}.phase-indicator{padding:var(--space-xs) var(--space-md);background:var(--color-parchment-light);border:var(--border-light);border-radius:var(--border-radius-full);font-size:var(--font-md);font-weight:var(--font-weight-bold)}.phase-indicator.player-stage{background:linear-gradient(to right,var(--color-success-light),var(--color-success));color:var(--color-white)}.phase-indicator.monster-stage{background:linear-gradient(to right,var(--color-danger-light),var(--color-danger));color:var(--color-white)}.phase-indicator.draft-stage{background:linear-gradient(to right,var(--color-info-light),var(--color-info));color:var(--color-white)}.threat-meter{display:flex;align-items:center;gap:var(--space-sm)}.threat-meter-label{font-size:var(--font-sm);color:var(--color-gray-600)}.threat-meter-bar{width:100px;height:10px;background:var(--color-gray-300);border-radius:var(--border-radius-full);overflow:hidden}.threat-meter-fill{height:100%;background:linear-gradient(to right,var(--color-warning),var(--color-danger));transition:width var(--transition-normal)}.left-panel{grid-area:left;display:flex;flex-direction:column;gap:var(--space-sm);overflow:hidden}.player-info-card{background-image:url(/assets/parchmentlight-Bh294zwX.jpg);background-size:cover;border:var(--border-default);border-radius:var(--border-radius-md);padding:var(--space-md);box-shadow:var(--shadow-md)}.player-info-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.player-avatar{width:64px;height:64px;border:var(--border-default);border-radius:var(--border-radius-md);image-rendering:pixelated;background:var(--color-white)}.player-name{font-size:var(--font-xl);color:var(--color-brown-dark);margin:0}.player-class{font-size:var(--font-sm);color:var(--color-gray-600)}.player-health-section{margin-top:var(--space-sm)}.player-health-text{display:flex;justify-content:space-between;font-size:var(--font-sm);margin-bottom:var(--space-2xs)}.action-panel{flex:1;display:flex;flex-direction:column;gap:var(--space-sm);background-image:url(/assets/parchmentlight-Bh294zwX.jpg);background-size:cover;border:var(--border-default);border-radius:var(--border-radius-md);padding:var(--space-md);box-shadow:var(--shadow-md);overflow:hidden}.action-button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.action-button-grid .btn{width:100%;justify-content:center;position:relative}.action-btn-counter{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs)}.action-btn-label{font-size:var(--font-md)}.action-btn-value{font-size:var(--font-sm);opacity:.8}.action-btn-cooldown{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-danger);color:var(--color-white);font-size:var(--font-sm);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);border:2px solid var(--color-parchment)}.sub-menu{flex:1;background:var(--color-parchment-light);border:var(--border-light);border-radius:var(--border-radius-sm);padding:var(--space-sm);overflow-y:auto}.sub-menu-title{font-size:var(--font-md);color:var(--color-brown-dark);margin:0 0 var(--space-sm) 0;padding-bottom:var(--space-xs);border-bottom:var(--border-light)}.board-area{grid-area:board;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.board-wrapper{position:relative;width:var(--board-size);height:var(--board-size);max-width:var(--board-max-size);max-height:var(--board-max-size);min-width:var(--board-min-size);min-height:var(--board-min-size)}.board-controls{position:absolute;bottom:var(--space-md);right:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);z-index:var(--z-overlay)}.board-control-btn{width:40px;height:40px;padding:0;font-size:var(--font-xl)}.board-minimap{position:absolute;bottom:var(--space-md);left:var(--space-md);width:120px;height:120px;background:var(--color-parchment);border:var(--border-default);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-overlay);opacity:.9}.right-panel{grid-area:right;display:flex;flex-direction:column;gap:var(--space-sm);overflow:hidden}.turn-order-panel{background-image:url(/assets/parchmentlight-Bh294zwX.jpg);background-size:cover;border:var(--border-default);border-radius:var(--border-radius-md);padding:var(--space-md);box-shadow:var(--shadow-md)}.turn-order-title{font-size:var(--font-lg);color:var(--color-brown-dark);margin:0 0 var(--space-sm) 0;display:flex;justify-content:space-between;align-items:center}.turn-order-round{font-size:var(--font-md);color:var(--color-gray-600)}.turn-order-list{list-style:none;margin:0;padding:0}.turn-order-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--border-radius-sm);margin-bottom:var(--space-xs);transition:background-color var(--transition-fast)}.turn-order-item.active{background:#ffd70033;border-left:3px solid var(--color-gold)}.turn-order-item.waiting{opacity:.7}.turn-order-indicator{width:20px;font-size:var(--font-lg)}.turn-order-avatar{width:32px;height:32px;border:2px solid var(--color-brown-dark);border-radius:var(--border-radius-sm);image-rendering:pixelated}.turn-order-info{flex:1;min-width:0}.turn-order-name{font-size:var(--font-md);color:var(--color-brown-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turn-order-health{height:6px;margin-top:var(--space-2xs)}.focus-panel{background-image:url(/assets/parchmentlight-Bh294zwX.jpg);background-size:cover;border:var(--border-default);border-radius:var(--border-radius-md);padding:var(--space-md);box-shadow:var(--shadow-md)}.focus-panel-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.focus-panel-avatar{width:48px;height:48px;border:var(--border-default);border-radius:var(--border-radius-sm);image-rendering:pixelated}.focus-panel-name{font-size:var(--font-lg);color:var(--color-brown-dark);margin:0}.focus-panel-type{font-size:var(--font-sm);color:var(--color-gray-600)}.action-log-panel{flex:1;display:flex;flex-direction:column;background-image:url(/assets/parchmentlight-Bh294zwX.jpg);background-size:cover;border:var(--border-default);border-radius:var(--border-radius-md);padding:var(--space-md);box-shadow:var(--shadow-md);overflow:hidden}.action-log-title{font-size:var(--font-lg);color:var(--color-brown-dark);margin:0 0 var(--space-sm) 0;display:flex;justify-content:space-between;align-items:center}.action-log-content{flex:1;overflow-y:auto;font-size:var(--font-sm)}.action-log-entry{padding:var(--space-xs) 0;border-bottom:1px solid rgba(97,63,1,.1)}.action-log-entry:last-child{border-bottom:none}.action-log-timestamp{color:var(--color-gray-500);font-size:var(--font-xs)}.chat-panel{flex:1;display:flex;flex-direction:column;background-image:url(/assets/parchmentlight-Bh294zwX.jpg);background-size:cover;border:var(--border-default);border-radius:var(--border-radius-md);padding:var(--space-md);box-shadow:var(--shadow-md);overflow:hidden;min-height:200px}.chat-messages{flex:1;overflow-y:auto;margin-bottom:var(--space-sm)}.chat-input-area{display:flex;gap:var(--space-sm)}.chat-input{flex:1}.hand-area{grid-area:hand;display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);background:linear-gradient(to top,rgba(0,0,0,.3),transparent);min-height:80px}.hand-container{display:flex;justify-content:center;gap:calc(var(--space-xs) * -1);perspective:1000px}.hand-card{transition:transform var(--transition-fast);cursor:pointer}.hand-card:hover{transform:translateY(-20px) scale(1.1);z-index:var(--z-overlay)}.hand-area.collapsed{min-height:40px}.hand-area.collapsed .hand-card{transform:translateY(60%)}.hand-area.collapsed .hand-card:hover{transform:translateY(-10px) scale(1.1)}.hand-toggle{position:absolute;left:50%;transform:translate(-50%);top:-20px}@media(max-width:1199px){.game-layout{grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto auto;grid-template-areas:"header header" "left board" "actions actions" "hand hand"}.left-panel{width:var(--panel-width-sm)}.right-panel{display:none}.right-panel.visible{display:flex;position:fixed;right:0;top:0;bottom:0;width:var(--panel-width-lg);z-index:var(--z-panel);box-shadow:var(--shadow-xl)}.tablet-action-bar{grid-area:actions;display:flex;justify-content:center;gap:var(--space-md);padding:var(--space-sm);background:var(--color-parchment);border:var(--border-default);border-radius:var(--border-radius-md)}.board-minimap{display:none}}@media(max-width:767px){.game-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "board" "actions";gap:0;padding:0}.game-header{border-radius:0;padding:var(--space-xs) var(--space-sm);min-height:40px}.game-header-section,.game-header-info{gap:var(--space-sm)}.game-header-stat-label,.left-panel,.right-panel{display:none}.board-area{border-radius:0}.board-wrapper{width:100%;height:100%;min-width:unset;min-height:unset;max-width:unset;max-height:unset}.hand-area{display:none}.mobile-bottom-sheet{grid-area:actions;background:var(--color-parchment);border-top:var(--border-default);padding:var(--space-sm);max-height:50vh;overflow:hidden;transition:max-height var(--transition-normal)}.mobile-bottom-sheet.expanded{max-height:80vh}.mobile-bottom-sheet-handle{width:40px;height:4px;background:var(--color-gray-400);border-radius:var(--border-radius-full);margin:0 auto var(--space-sm)}.mobile-action-bar{display:flex;justify-content:space-around;gap:var(--space-xs);margin-bottom:var(--space-sm)}.mobile-action-btn{flex:1;padding:var(--space-sm);font-size:var(--font-md);min-height:var(--touch-target-comfortable)}.mobile-sub-menu{max-height:200px;overflow-y:auto}.board{touch-action:pan-x pan-y pinch-zoom}}@media(min-width:1440px){.game-layout{grid-template-columns:var(--panel-width-lg) 1fr var(--panel-width-xl);gap:var(--space-md);padding:var(--space-md)}.board-wrapper{width:min(85vh,900px);height:min(85vh,900px)}}@media(min-width:1920px){.game-layout{max-width:1920px;margin:0 auto}}.board{display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);background-color:#0006;border:3px solid var(--color-brown-dark, rgb(97, 63, 1));border-radius:var(--border-radius-sm, 4px);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .3));overflow:hidden}.cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.3);background-color:#00000026;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);cursor:default}.cell.interactive{cursor:pointer}.cell.interactive:hover{box-shadow:inset 0 0 0 2px #ffffff80}.grass,.dirt,.water,.wall,.house,.stairs{background-repeat:no-repeat;background-size:cover;background-position:center}.grass{background-color:var(--tile-grass)!important;background-image:url(/assets/grass-CthObbCG.png)}.dirt{background-color:var(--tile-dirt)!important;background-image:url(/assets/road-ChcHocJV.png)}.water{background-color:var(--tile-water)!important;background-image:url(/assets/waterlight-Cb8AVhxR.png)}.wall{background-color:var(--tile-wall)!important;background-image:url(/assets/cobblestone-BtWy618H.png)}.house{background-image:url(/assets/grass-CthObbCG.png);position:relative}.house:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAB3RJTUUH5gMQEg8TB/RVfwAAABd0RVh0U29mdHdhcmUAR0xEUE5HIHZlciAzLjRxhaThAAAACHRwTkdHTEQzAAAAAEqAKR8AAAAEZ0FNQQAAsY8L/GEFAAAABmJLR0QAQwBDAEN7GbpVAAACU0lEQVR4nMVXzytEURR+Q342k0izIBqkCElC2Kj5C0yxMMOCGjspa8nK0sI/YGUlWViwJhsbhSYLzYwyCw02z6+Np3vqvM6cd+979z2Dr75m5sx993znu7/eNeLxuPGf/LWOz8Z6LcE/F4CJdQVUGGXCplmwBPH3ffETSGNSlKvi452UTT8uBHYAKzZTw4bgwd6NTYzRtqp+fAvgVmPSxFyfzcxpFqgDbQE8MQcKUSVWPespYOLqzlrKZUsexgkmUHwxgYjnRxMoa+tbgEief39zxNuba4ACzY1hIKIpGgbK2spcUArA5GZrg7FfVamsYuHrAz6pE9wFN0gF0OS0OhWECOoEd4HC4QJfl+vRmLUQiVqJnm4rPT4EFN8F97o6HWtcxDAu2m7PTgJ5O9W+4JmcipAJCErHRqRju9tckMFrBdhD4FZ5ciVfVhfokNkO0Mr5uu43V43XkUOlC1pVEtBlKQACHkYHQmg7X9fZTA5E4H9eHepiI9wSsgV44eL8usQVv3OB4qSuGogoEcDtR1BXvPYF1ZDwxFIB3H43USoX+JDwxHyTcgwBnXBcFIrR2R29EisFUBEdvTFjbXlEKkZA5gJPXEheAhH8nLAFYHU44ymoCCrGT2KEcgiwOrrsZKBDJNpn2iJaVqsgHQK+7GQi+OSkianFMx/zQOURzU9Dug1vLU5bt7tpII3R7RlPP058Q+Zx7YuJSgDGuYD1qUGgSlDgmxEKwHcCfljxpFxI2a5m/N0Axfit+Md3Q+5A0MSBb0Z39U0hQR4/eqoNCfrt7xs4b0YLPwUwKgAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:none}.cell.inactive{box-shadow:inset 0 0 0 2000px #00000073}.cell.inactive .token{filter:grayscale(60%) brightness(.7)}.cell.inactive .health-meter{opacity:.5}.cell.valid-move{box-shadow:inset 0 0 0 3px #4caf50b3;animation:valid-cell-pulse 1.5s ease-in-out infinite;cursor:pointer}.cell.valid-move:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--range-valid);pointer-events:none;z-index:1}.cell.attack-target{box-shadow:inset 0 0 0 3px #f44336cc;animation:target-pulse 1s ease-in-out infinite;cursor:crosshair}.cell.attack-target:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--range-attack);pointer-events:none;z-index:1}.cell.ability-target{box-shadow:inset 0 0 0 3px #2196f3cc;cursor:pointer}.cell.ability-target:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--range-ability);pointer-events:none;z-index:1}.cell.highlighted{box-shadow:inset 0 0 0 2px #fff9}.cell.path-preview{position:relative}.cell.path-preview:after{content:"";position:absolute;width:8px;height:8px;background:#fffc;border-radius:50%;z-index:2}.cell.selected{box-shadow:inset 0 0 0 3px var(--color-gold)}.token{width:90%;height:auto;max-height:90%;object-fit:contain;image-rendering:pixelated;z-index:var(--z-token);transition:transform var(--transition-fast),filter var(--transition-fast);cursor:pointer}.token:hover{transform:scale(1.1);z-index:var(--z-token-selected)}.token.selected,.selectToken{filter:drop-shadow(2px 0 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(0 -2px 0 white);animation:token-bounce .6s ease-in-out infinite;z-index:var(--z-token-selected)}.token.PLAYER,.PLAYER .token{filter:var(--glow-player)}.token.PLAYER:hover,.PLAYER .token:hover{filter:var(--glow-player-selected)}.token.MONSTER,.MONSTER .token{filter:var(--glow-monster)}.token.MINIBOSS,.MINIBOSS .token{filter:var(--glow-miniboss)}.token.BOSS,.BOSS .token{filter:var(--glow-boss)}.token.VILLAGER,.VILLAGER .token{filter:var(--glow-villager)}.cell .health-meter{position:absolute;bottom:2px;left:5%;width:90%;height:4px;z-index:calc(var(--z-token) + 1);border-radius:2px;background:#0009}.cell .health-meter-bar{border-radius:2px}.cell:hover .health-meter{height:6px;bottom:4px}.damage-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-family);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:var(--font-weight-bold);z-index:var(--z-overlay);pointer-events:none;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;white-space:nowrap}.damage-number.damage{color:var(--color-danger);animation:damage-popup 1s ease-out forwards}.damage-number.heal{color:var(--color-success);animation:heal-popup 1s ease-out forwards}.damage-number.crit{color:var(--color-gold);font-size:clamp(2rem,5vw,3rem);animation:crit-popup 1.2s ease-out forwards}.damage-number.hidden{display:none}.damage-number.visible{display:block}.damage{display:none!important;position:absolute;box-sizing:border-box;text-align:center;background-color:transparent!important;z-index:var(--z-overlay);border:none!important;font-size:35px;color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black;opacity:0}.showDamage{display:flex!important;animation:fadeIn 1s ease-in}.range-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-overlay)}.range-indicator{position:absolute;border:2px dashed rgba(255,255,255,.5);border-radius:50%;pointer-events:none;animation:range-pulse 2s ease-in-out infinite}.token.spawning{animation:token-spawn .5s var(--ease-spring)}.token.taking-damage{animation:token-shake .4s ease-out,token-damage-flash .4s ease-out}.token.healing{animation:token-heal-flash .5s ease-out}.token.dying{animation:token-death .6s ease-out forwards}.token.moving{transition:transform .3s var(--ease-out)}.token.attacking{animation:token-attack .3s ease-out}.board-turn-overlay{position:absolute;top:var(--space-md);left:50%;transform:translate(-50%);padding:var(--space-sm) var(--space-lg);background:#000c;color:var(--color-white);font-size:var(--font-xl);border-radius:var(--border-radius-md);z-index:var(--z-overlay);animation:slide-in-top var(--duration-normal) var(--ease-out)}.board-phase-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:var(--z-overlay);animation:fade-in var(--duration-fast)}.board-phase-message{padding:var(--space-lg) var(--space-2xl);background:var(--color-parchment);border:var(--border-default);border-radius:var(--border-radius-lg);font-size:var(--font-2xl);color:var(--color-brown-dark);text-align:center;animation:spring-scale var(--duration-slow) var(--ease-spring)}.minimap{display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);width:100%;height:100%;border-radius:var(--border-radius-sm);overflow:hidden}.minimap-cell{border:none}.minimap-cell.grass{background:var(--tile-grass)}.minimap-cell.dirt{background:var(--tile-dirt)}.minimap-cell.water{background:var(--tile-water)}.minimap-cell.wall{background:var(--tile-wall)}.minimap-token{width:100%;height:100%}.minimap-token.player{background:var(--color-gold)}.minimap-token.monster{background:var(--color-danger)}.minimap-token.villager{background:var(--color-success)}.minimap-viewport{position:absolute;border:2px solid var(--color-white);pointer-events:none}@media(max-width:767px){.board{border-width:2px;border-radius:0}.cell{border-width:.5px}.token{width:95%}.cell .health-meter{height:3px;bottom:1px}.damage-number{font-size:1.25rem}.cell.touch-highlight{box-shadow:inset 0 0 0 3px #ffd700cc}}@media(prefers-contrast:high){.cell{border-color:#000;border-width:2px}.cell.valid-move{box-shadow:inset 0 0 0 4px #0f0}.cell.attack-target{box-shadow:inset 0 0 0 4px red}.token{filter:none!important}.token.selected{outline:4px solid #ffff00}}@media(prefers-reduced-motion:reduce){.token,.cell{transition:none}.token.selected,.selectToken{animation:none;filter:drop-shadow(3px 0 0 white) drop-shadow(-3px 0 0 white) drop-shadow(0 3px 0 white) drop-shadow(0 -3px 0 white)}.cell.valid-move,.cell.attack-target{animation:none}}.cell:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--color-gold);z-index:calc(var(--z-cell) + 1)}.token:focus-visible{outline:none;filter:drop-shadow(2px 0 0 var(--color-gold)) drop-shadow(-2px 0 0 var(--color-gold)) drop-shadow(0 2px 0 var(--color-gold)) drop-shadow(0 -2px 0 var(--color-gold))}.game-card{position:relative;display:flex;flex-direction:column;width:var(--card-width-md);aspect-ratio:1 / var(--card-aspect-ratio);background:linear-gradient(135deg,var(--color-parchment-light),var(--color-parchment));border:var(--border-default);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);overflow:hidden;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none}.game-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-card-hover);z-index:var(--z-overlay)}.game-card:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--shadow-card)}.game-card.selected{border-color:var(--color-gold);box-shadow:0 0 0 3px var(--color-gold),var(--shadow-card)}.game-card.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(50%)}.game-card.disabled:hover{transform:none;box-shadow:var(--shadow-card)}.game-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:#613f011a;border-bottom:var(--border-light)}.game-card-type{font-size:var(--font-2xs);text-transform:uppercase;color:var(--color-gray-600);font-weight:var(--font-weight-bold)}.game-card-cost{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-gold-dark)}.game-card-cost-icon{width:16px;height:16px}.game-card-image{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);flex:0 0 auto}.game-card-image img{width:64px;height:64px;image-rendering:pixelated;object-fit:contain}.game-card-content{flex:1;display:flex;flex-direction:column;padding:var(--space-sm);overflow:hidden}.game-card-name{font-size:var(--font-md);font-weight:var(--font-weight-bold);color:var(--color-brown-dark);margin:0 0 var(--space-xs) 0;line-height:var(--line-height-tight)}.game-card-description{font-size:var(--font-xs);color:var(--color-gray-700);line-height:var(--line-height-normal);flex:1;overflow:hidden}.game-card-stats{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:auto;padding-top:var(--space-xs);border-top:var(--border-light)}.game-card-stat{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--font-xs);font-weight:var(--font-weight-bold)}.game-card-stat.positive{color:var(--color-success)}.game-card-stat.negative{color:var(--color-danger)}.game-card.modifier{border-color:var(--color-brown-dark)}.game-card.modifier .game-card-header{background:linear-gradient(to right,#613f011a,#613f0133)}.game-card.item{border-color:var(--color-info-dark)}.game-card.item .game-card-header{background:linear-gradient(to right,#2196f31a,#2196f333)}.game-card.item .game-card-type{color:var(--color-info-dark)}.game-card.item.consumable:after{content:"1x";position:absolute;bottom:var(--space-sm);right:var(--space-sm);padding:var(--space-2xs) var(--space-xs);background:var(--color-gray-800);color:var(--color-white);font-size:var(--font-2xs);border-radius:var(--border-radius-sm)}.game-card.blessing{border-color:var(--color-gold);background:linear-gradient(135deg,#fff8e7,#f5ecd3,#ffe9a0)}.game-card.blessing .game-card-header{background:linear-gradient(to right,#ffd70033,#ffd7004d)}.game-card.blessing .game-card-type{color:var(--color-gold-dark)}.game-card.blessing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,215,0,.1) 50%,transparent 100%);pointer-events:none}.game-card.ability.passive{border-left:4px solid var(--color-passive)}.game-card.ability.passive .game-card-header{background:linear-gradient(to right,#9c27b01a,#9c27b033)}.game-card.ability.passive .game-card-type{color:var(--color-passive)}.game-card.ability.active{border-left:4px solid var(--color-active)}.game-card.ability.active .game-card-header{background:linear-gradient(to right,#2196f31a,#2196f333)}.game-card.ability.active .game-card-type{color:var(--color-active)}.game-card.ability.ultimate{border-left:4px solid var(--color-ultimate)}.game-card.ability.ultimate .game-card-header{background:linear-gradient(to right,#ff98001a,#ff980033)}.game-card.ability.ultimate .game-card-type{color:var(--color-ultimate)}.game-card-cooldown{padding:var(--space-2xs) var(--space-sm);background:var(--color-gray-700);color:var(--color-white);font-size:var(--font-xs);border-radius:var(--border-radius-full)}.game-card-cooldown.ready{background:var(--color-success)}.game-card-cooldown.on-cooldown{background:var(--color-danger)}.game-card.card-sm{width:var(--card-width-sm)}.game-card.card-lg{width:var(--card-width-lg)}.game-card.card-mini{width:100%;flex-direction:row;aspect-ratio:unset;min-height:60px}.game-card.card-mini .game-card-image{flex:0 0 50px;padding:var(--space-xs)}.game-card.card-mini .game-card-image img{width:40px;height:40px}.game-card.card-mini .game-card-content{padding:var(--space-xs) var(--space-sm)}.game-card.card-mini .game-card-name{font-size:var(--font-sm)}.game-card.card-mini .game-card-description{display:none}.card-hand{display:flex;justify-content:center;align-items:flex-end;position:relative;padding:var(--space-md);min-height:180px}.card-hand.fan-layout{perspective:1000px}.card-hand.fan-layout .game-card{position:relative;margin-left:calc(var(--card-width-md) * -.4);transform-origin:bottom center;transition:transform var(--transition-fast),margin var(--transition-fast)}.card-hand.fan-layout .game-card:first-child{margin-left:0}.card-hand.fan-layout .game-card:nth-child(1){transform:rotate(-8deg)}.card-hand.fan-layout .game-card:nth-child(2){transform:rotate(-4deg)}.card-hand.fan-layout .game-card:nth-child(3){transform:rotate(0)}.card-hand.fan-layout .game-card:nth-child(4){transform:rotate(4deg)}.card-hand.fan-layout .game-card:nth-child(5){transform:rotate(8deg)}.card-hand.fan-layout .game-card:nth-child(6){transform:rotate(12deg)}.card-hand.fan-layout .game-card:nth-child(7){transform:rotate(16deg)}.card-hand.fan-layout .game-card:hover{transform:translateY(-40px) scale(1.15) rotate(0);z-index:var(--z-popover);margin-left:var(--space-md);margin-right:var(--space-md)}.card-hand.linear-layout{gap:var(--space-sm)}.card-hand.linear-layout .game-card{transform:none;margin:0}.card-hand.linear-layout .game-card:hover{transform:translateY(-20px) scale(1.05)}.card-hand.collapsed{min-height:60px;overflow:hidden}.card-hand.collapsed .game-card{transform:translateY(70%)}.card-hand.collapsed .game-card:hover{transform:translateY(0) scale(1.05)}.play-hand-selector{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.play-hand-title{font-size:var(--font-lg);color:var(--color-brown-dark);text-align:center}.play-hand-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.game-card .card-position{position:absolute;top:var(--space-xs);left:var(--space-xs);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-gold);color:var(--color-brown-dark);font-size:var(--font-md);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);border:2px solid var(--color-brown-dark)}.game-card.not-playing{opacity:.6;filter:grayscale(30%)}.game-card.not-playing .card-position{display:none}.play-hand-preview{padding:var(--space-sm) var(--space-md);background:var(--color-parchment-light);border:var(--border-light);border-radius:var(--border-radius-sm);text-align:center}.play-hand-preview-title{font-size:var(--font-sm);color:var(--color-gray-600);margin-bottom:var(--space-xs)}.play-hand-preview-stats{display:flex;justify-content:center;gap:var(--space-md);font-size:var(--font-md);font-weight:var(--font-weight-bold)}.item-inventory{display:flex;gap:var(--space-sm);padding:var(--space-sm)}.item-slot{position:relative;width:80px;height:80px;background:#0000001a;border:2px dashed var(--color-gray-400);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.item-slot.filled{border-style:solid;border-color:var(--color-brown-dark);background:var(--color-parchment-light)}.item-slot-empty{font-size:var(--font-sm);color:var(--color-gray-500)}.item-slot .game-card{width:100%;height:100%;aspect-ratio:unset}.draft-container{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-md)}.draft-title{font-size:var(--font-xl);color:var(--color-brown-dark);text-align:center}.draft-cards{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.draft-card-wrapper{position:relative}.draft-card-wrapper.selected:after{content:"✓";position:absolute;top:-10px;right:-10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--color-success);color:var(--color-white);font-size:var(--font-lg);border-radius:var(--border-radius-full);border:2px solid var(--color-white)}.shop-container{padding:var(--space-md)}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:var(--border-default)}.shop-title{font-size:var(--font-xl);color:var(--color-brown-dark)}.shop-gold{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-gold-dark)}.shop-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}.shop-item{text-align:center}.shop-item-price{margin-top:var(--space-xs);font-size:var(--font-md);font-weight:var(--font-weight-bold)}.shop-item-price.affordable{color:var(--color-success)}.shop-item-price.unaffordable{color:var(--color-danger)}.game-card.dealing{animation:card-deal .5s var(--ease-spring)}.game-card.playing{animation:card-play .4s var(--ease-out) forwards}.game-card.discarding{animation:card-discard .3s var(--ease-out) forwards}.game-card.flipping{animation:card-flip .4s var(--ease-in-out)}.game-card.dragging{opacity:.9;transform:scale(1.05) rotate(3deg);box-shadow:var(--shadow-xl);cursor:grabbing;z-index:var(--z-modal)}.card-drop-zone{border:2px dashed var(--color-gray-400);border-radius:var(--border-radius-md);padding:var(--space-md);background:#0000000d;transition:all var(--transition-fast)}.card-drop-zone.active{border-color:var(--color-success);background:#4caf501a}@media(max-width:767px){.game-card{width:var(--card-width-sm)}.game-card-image img{width:48px;height:48px}.game-card-name{font-size:var(--font-sm)}.card-hand{min-height:120px;padding:var(--space-sm)}.card-hand.fan-layout .game-card{margin-left:calc(var(--card-width-sm) * -.5)}.card-hand.fan-layout .game-card:hover{transform:translateY(-30px) scale(1.1) rotate(0);margin-left:var(--space-sm);margin-right:var(--space-sm)}.draft-cards{gap:var(--space-sm)}.shop-items{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}}.sideNav.left,.left.sideNav{padding-left:10px!important;margin-left:5px!important;display:flex!important;flex-direction:column!important;gap:6px!important}.layout{padding-left:10px!important}.turn-indicator{padding:8px 16px!important;text-align:center!important;font-family:VT323,monospace!important;font-size:1.3rem!important;font-weight:700!important;border-radius:4px!important;border:2px solid #613f01!important}.board-turn-indicator{position:absolute!important;top:10px!important;left:50%!important;transform:translate(-50%)!important;z-index:100!important;padding:6px 24px!important;white-space:nowrap!important}.turn-indicator.your-turn{background:linear-gradient(135deg,gold,#ffed4a,gold)!important;color:#613f01!important;animation:your-turn-pulse 1.5s ease-in-out infinite!important;box-shadow:0 0 10px #ffd70080!important}.turn-indicator.waiting{background:#d0d0d0f2!important;color:#555!important}@keyframes your-turn-pulse{0%,to{box-shadow:0 0 5px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc}}.action-panel-unified{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;background-image:url(/assets/parchmentlight-Bh294zwX.jpg)!important;background-size:cover!important;border:2px solid #613f01!important;border-radius:6px!important;overflow:hidden!important;min-height:0!important;width:100%!important}.action-panel-grid-section{flex:0 0 auto!important;padding:8px!important;border-bottom:2px solid #613f01!important}.action-panel-submenu-section{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.action-panel-submenu-section .action-submenu-header{flex:0 0 auto!important;padding:8px 12px!important;background:#e0d9bdf2!important;border-bottom:2px solid #613f01!important}.action-panel-submenu-section .action-submenu-content{flex:1 1 auto!important;overflow-y:auto!important;padding:8px!important;min-height:0!important;box-sizing:border-box!important}.action-panel-submenu-section .action-submenu-content:empty:after{content:"No items"!important;display:block!important;text-align:center!important;padding:20px!important;color:#888!important;font-style:italic!important}.action-panel{display:flex!important;flex-direction:column!important;gap:8px!important;padding:10px 12px!important;overflow-y:auto!important;overflow-x:visible!important;max-height:none!important;flex:0 0 auto!important;background-image:url(/assets/parchmentlight-Bh294zwX.jpg)!important;background-size:cover!important}.sideMenu.action-panel{background-image:url(/assets/parchmentlight-Bh294zwX.jpg)!important;flex:0 0 auto!important;max-height:none!important;height:auto!important}.action-group{background:#fffcf0f2!important;border:2px solid #613f01!important;border-radius:6px!important;padding:6px 8px!important;margin:0!important;box-shadow:2px 2px 4px #00000026!important;overflow:hidden!important}.action-group.game-state-group{padding:6px 8px!important}.action-group-header{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;background:transparent!important;border:none!important;padding:4px 2px!important;margin:0 0 6px!important;cursor:pointer!important;font-family:VT323,monospace!important;font-size:1rem!important;color:#613f01!important;text-transform:uppercase!important;letter-spacing:1px!important;font-weight:700!important;text-align:left!important;border-bottom:1px solid #a67c00!important;transition:all .15s ease-out!important}.action-group-header:hover{background:#a67c001a!important}.action-group-header:focus{outline:2px solid #ffd700!important;outline-offset:2px!important}.action-group-caret{display:inline-block!important;font-size:.7rem!important;color:#8b5a00!important;transition:transform .2s ease-out!important;flex-shrink:0!important}.action-group.expanded .action-group-caret{transform:rotate(90deg)!important}.action-group.collapsed .action-group-caret{transform:rotate(0)!important}.action-group-title{flex:1!important}.action-group-buttons{display:flex!important;flex-direction:column!important;gap:4px!important;overflow:hidden!important;transition:max-height .25s ease-out,opacity .2s ease-out!important}.action-group.collapsed .action-group-buttons{max-height:0!important;opacity:0!important;margin-top:0!important;padding:0!important}.action-group.expanded .action-group-buttons{max-height:500px!important;opacity:1!important}.action-group.collapsed .action-group-header{border-bottom:none!important;margin-bottom:0!important}.action-group-buttons.horizontal{flex-direction:row!important;flex-wrap:wrap!important;gap:4px!important}.action-group-buttons.horizontal>*{flex:1 1 calc(50% - 2px)!important;min-width:80px!important;max-width:calc(50% - 2px)!important}.action-group-buttons.horizontal .action-btn.active{transform:none!important}.action-btn{display:flex!important;align-items:center!important;gap:8px!important;padding:6px 10px!important;font-family:VT323,monospace!important;font-size:1.1rem!important;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd)!important;border:2px solid #613f01!important;border-radius:4px!important;box-shadow:2px 2px #613f01!important;cursor:pointer!important;transition:all .15s ease-out!important;text-align:left!important;min-height:36px!important;position:relative!important;overflow:hidden!important;width:100%!important;box-sizing:border-box!important;color:#333!important}.action-btn:hover:not(:disabled){background:linear-gradient(to bottom,#fff,#f8f4e8)!important;box-shadow:4px 4px #613f01!important;transform:translate(-1px,-1px)!important}.action-btn:active:not(:disabled),.action-btn.active{box-shadow:1px 1px #613f01!important;transform:translate(2px,2px)!important;background:linear-gradient(to bottom,#e8e1c5,#ddd6b0)!important}.action-btn:disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:2px 2px #888!important;border-color:#888!important;filter:grayscale(50%)!important}.action-btn:focus-visible{outline:none!important;box-shadow:3px 3px #613f01,0 0 0 4px gold!important;z-index:10!important}.action-btn-icon{width:22px!important;height:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.1em!important;flex-shrink:0!important}.action-btn-content{flex:1!important;display:flex!important;flex-direction:column!important;min-width:0!important}.action-btn-label{font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:1rem!important;color:#333!important;line-height:1.2!important}.action-btn-status{font-size:.8rem!important;color:#666!important;margin-top:1px!important;line-height:1!important}.action-btn.primary{background:linear-gradient(135deg,gold,#ffed4a,gold)!important;border-color:#c9a200!important;box-shadow:3px 3px #613f01!important;font-weight:700!important}.action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#ffe44d,#fff080,#ffe44d)!important}.action-btn.primary .action-btn-label{color:#613f01!important}.action-btn.combat{border-left:4px solid #dc3545!important}.action-btn.ability{border-left:4px solid #2196f3!important}.action-btn.movement{border-left:4px solid #4caf50!important}.action-btn.resource{border-left:4px solid #ff9800!important}.action-btn-cooldown{position:absolute!important;top:4px!important;right:4px!important;width:24px!important;height:24px!important;background:#dc3545!important;color:#fff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.85rem!important;font-weight:700!important;box-shadow:1px 1px 2px #0000004d!important}.action-btn-ready{position:absolute!important;top:6px!important;right:6px!important;width:10px!important;height:10px!important;background:#4caf50!important;border-radius:50%!important;animation:pulse 2s ease-in-out infinite!important;box-shadow:0 0 4px #4caf50!important}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 4px #4caf50}50%{opacity:.8;transform:scale(1.3);box-shadow:0 0 8px #4caf50}}.action-btn-counter{display:inline-flex!important;align-items:center!important;gap:2px!important;padding:3px 8px!important;background:#613f0126!important;border-radius:4px!important;font-size:1rem!important;margin-left:auto!important;font-family:VT323,monospace!important}.action-btn-counter-current{font-weight:700!important;color:#613f01!important;font-size:1.1rem!important}.action-btn-counter-max{opacity:.6!important;color:#666!important}.action-submenu{flex:1 1 auto!important;background-image:url(/assets/parchmentlight-Bh294zwX.jpg)!important;background-size:cover!important;border:2px solid #613f01!important;border-radius:6px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:300px!important}.sideMenu.action-submenu{flex:1 1 auto!important;min-height:300px!important}.action-submenu-header{padding:8px 12px!important;background:#e0d9bdf2!important;border-bottom:2px solid #613f01!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important}.action-submenu-title{font-family:VT323,monospace!important;font-size:1.2rem!important;font-weight:700!important;color:#613f01!important;text-transform:uppercase!important;letter-spacing:1px!important}.action-submenu-close{width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;font-size:1.3rem!important;cursor:pointer!important;border-radius:4px!important}.action-submenu-close:hover{background:#0000001a!important}.action-submenu-content{flex:1!important;overflow-y:auto!important;padding:8px!important}.target-divider{border:none!important;height:2px!important;background:linear-gradient(to right,transparent,#dc3545,transparent)!important;margin:8px 0!important}.action-submenu-content .sortable-list .subMenuItem{min-height:60px!important;height:auto!important;max-height:none!important;padding:6px 8px!important;margin-bottom:4px!important;cursor:grab!important}.action-submenu-content .sortable-list .subMenuItem img{width:48px!important;height:48px!important;flex-shrink:0!important}.action-submenu-content .sortable-list .subMenuItem .playerHealth{flex:1!important;min-width:0!important}.action-submenu-content .sortable-list .subMenuItem .playerHealth span{font-size:.9rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.action-submenu-content .sortable-list .subMenuItem .statBlock{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:1px!important;width:85px!important;flex-shrink:0!important;padding:3px!important}.action-submenu-content .sortable-list .subMenuItem .statBlock .stat{font-size:.8rem!important}.action-submenu-content .sortable-list .subMenuItem .statBlock p{font-size:.5rem!important}.action-submenu-content .sortable-list .subMenuItem:not(.cardHand){border-left:4px solid #dc3545!important;background:linear-gradient(to bottom,#fff5f5,#ffeded)!important}.action-submenu-content .sortable-list .subMenuItem.cardHand{opacity:.75!important;border-left:4px solid #888!important}@media(max-width:768px){.action-panel-mobile{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background-image:url(/assets/parchmentlight-Bh294zwX.jpg)!important;background-size:cover!important;border-top:3px solid #613f01!important;padding:10px!important;z-index:100!important;display:flex!important;flex-direction:column!important;gap:8px!important}.action-quick-bar{display:flex!important;gap:6px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:4px!important}.action-quick-bar::-webkit-scrollbar{display:none!important}.action-quick-btn{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;padding:8px 12px!important;min-width:70px!important;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd)!important;border:2px solid #613f01!important;border-radius:6px!important;font-family:VT323,monospace!important;font-size:1rem!important;cursor:pointer!important}.action-quick-btn.active{background:linear-gradient(135deg,gold,#ffed4a)!important;border-color:#c9a200!important}.action-quick-btn:disabled{opacity:.5!important}.action-quick-btn-icon{font-size:1.6em!important}.action-quick-btn-label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:70px!important}.action-submenu-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#00000080!important;z-index:400!important;animation:fade-in .2s ease-out!important}.action-submenu-fullscreen{position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:70vh!important;background-image:url(/assets/parchmentlight-Bh294zwX.jpg)!important;background-size:cover!important;border-top-left-radius:16px!important;border-top-right-radius:16px!important;z-index:500!important;animation:slide-up .3s ease-out!important;display:flex!important;flex-direction:column!important}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.action-submenu-handle{width:40px!important;height:4px!important;background:#8b5a00!important;border-radius:2px!important;margin:10px auto!important}}.controller-mode .action-btn:focus{outline:none!important;box-shadow:3px 3px #613f01,0 0 0 4px gold,0 0 0 6px #0000004d!important;transform:scale(1.02)!important}.controller-mode .action-btn:focus:after{content:""!important;position:absolute!important;top:-4px!important;right:-4px!important;bottom:-4px!important;left:-4px!important;border:2px dashed #ffd700!important;border-radius:inherit!important;animation:focus-pulse 1s ease-in-out infinite!important}@keyframes focus-pulse{0%,to{opacity:1}50%{opacity:.5}}.controller-hint{position:absolute!important;bottom:3px!important;right:3px!important;width:18px!important;height:18px!important;background:#613f01!important;color:#fff!important;border-radius:4px!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;transition:opacity .2s!important}.controller-mode .action-btn:focus .controller-hint{opacity:1!important}.action-panel-hidden{display:none!important}.action-btn-full{width:100%!important}.action-btn-compact{padding:6px 10px!important;font-size:1.1rem!important;min-height:40px!important}@media(min-height:900px)and (max-height:1100px){.action-submenu,.sideMenu.action-submenu{min-height:450px!important;height:450px!important;max-height:450px!important}.action-btn{min-height:40px!important;padding:8px 10px!important}.action-group{padding:8px 10px!important}}@media(min-height:1100px){.action-submenu,.sideMenu.action-submenu{min-height:500px!important;height:500px!important;max-height:500px!important}.action-btn{min-height:44px!important;padding:10px 12px!important;font-size:1.2rem!important}.action-btn-label{font-size:1.1rem!important}.action-group{padding:10px 12px!important;gap:6px!important}.action-group-header{font-size:1.1rem!important;padding:6px 4px!important}.action-group-buttons{gap:6px!important}.turn-indicator{padding:12px 18px!important;font-size:1.5rem!important}}@media(max-height:800px){.action-submenu,.sideMenu.action-submenu{min-height:350px!important;height:350px!important;max-height:350px!important}.action-btn{min-height:32px!important;padding:4px 8px!important}.action-btn-icon{width:18px!important;height:18px!important;font-size:1em!important}.action-group{padding:4px 6px!important}.action-group-header{font-size:.9rem!important;padding:3px 2px!important}.turn-indicator{padding:6px 10px!important;font-size:1.1rem!important}}.action-button-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;padding:0!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}.action-button-grid.grid-4rows{grid-template-rows:repeat(4,1fr)!important}.action-button-grid.grid-3rows{grid-template-rows:repeat(3,1fr)!important}.action-button-grid.grid-2rows{grid-template-rows:repeat(2,1fr)!important}.action-button-grid.grid-1row{grid-template-rows:1fr!important}.action-grid-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:10px 6px!important;font-family:VT323,monospace!important;font-size:1rem!important;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd)!important;border:2px solid #613f01!important;border-radius:6px!important;box-shadow:2px 2px #613f01!important;cursor:pointer!important;transition:all .15s ease-out!important;text-align:center!important;min-height:60px!important;position:relative!important;overflow:visible!important;box-sizing:border-box!important;color:#333!important}.action-grid-btn:hover:not(:disabled){background:linear-gradient(to bottom,#fff,#f8f4e8)!important;box-shadow:3px 3px #613f01!important;transform:translate(-1px,-1px)!important}.action-grid-btn:active:not(:disabled),.action-grid-btn.active{box-shadow:1px 1px #613f01!important;transform:translate(1px,1px)!important;background:linear-gradient(135deg,gold,#ffed4a,gold)!important;border-color:#c9a200!important}.action-grid-btn.active .action-grid-btn-label{color:#613f01!important;font-weight:700!important}.action-grid-btn:disabled{opacity:.4!important;cursor:not-allowed!important;box-shadow:1px 1px #888!important;border-color:#888!important;filter:grayscale(50%)!important}.action-grid-btn:focus-visible{outline:none!important;box-shadow:2px 2px #613f01,0 0 0 3px gold!important;z-index:10!important}.action-grid-btn.combat{border-bottom:3px solid #dc3545!important}.action-grid-btn.ability{border-bottom:3px solid #2196f3!important}.action-grid-btn.movement{border-bottom:3px solid #4caf50!important}.action-grid-btn.resource{border-bottom:3px solid #ff9800!important}.action-grid-btn.primary{background:linear-gradient(135deg,gold,#ffed4a,gold)!important;border-color:#c9a200!important;border-bottom:3px solid #b8860b!important;font-weight:700!important}.action-grid-btn.primary .action-grid-btn-label{color:#613f01!important}.action-grid-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#ffe44d,#fff080,#ffe44d)!important}.action-grid-btn-icon{font-size:1.5em!important;line-height:1!important}.action-grid-btn-label{font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.95rem!important;color:#333!important;line-height:1.2!important;max-width:100%!important}.action-grid-btn-badge{position:absolute!important;top:-6px!important;right:-6px!important;min-width:22px!important;height:22px!important;padding:0 5px!important;background:#613f01!important;color:#fff!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.85rem!important;font-weight:700!important;box-shadow:1px 1px 2px #0000004d!important;z-index:5!important}.action-grid-btn-badge.empty{background:#888!important}.action-grid-btn-badge.warning{background:#ff9800!important}.action-grid-btn-badge.danger{background:#dc3545!important}.action-grid-btn-cooldown{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0009!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:1.2rem!important;font-weight:700!important;pointer-events:none!important}.action-grid-btn-cooldown:before{content:"⏱️"!important;margin-right:4px!important;font-size:1rem!important}.action-grid-btn.attention{animation:attention-pulse 1.5s ease-in-out infinite!important}.action-grid-btn.attention:after{content:""!important;position:absolute!important;top:4px!important;right:4px!important;width:10px!important;height:10px!important;background:#4caf50!important;border-radius:50%!important;box-shadow:0 0 4px #4caf50!important}@keyframes attention-pulse{0%,to{box-shadow:2px 2px #613f01,0 0 #4caf5066!important}50%{box-shadow:2px 2px #613f01,0 0 0 6px #4caf5000!important}}.action-grid-btn.span-2{grid-column:span 2!important}@media(max-width:400px){.action-panel-unified{min-width:200px!important;width:200px!important}.action-button-grid{gap:4px!important;padding:6px!important}.action-grid-btn{min-height:50px!important;padding:8px 4px!important}.action-grid-btn-icon{font-size:1.3em!important}.action-grid-btn-label{font-size:.85rem!important}.action-grid-btn-badge{min-width:18px!important;height:18px!important;font-size:.75rem!important;top:-4px!important;right:-4px!important}}@media(min-height:900px)and (max-height:1100px){.action-button-grid{gap:8px!important;padding:10px!important}.action-grid-btn{min-height:65px!important;padding:12px 8px!important}.action-grid-btn-icon{font-size:1.6em!important}.action-grid-btn-label{font-size:1rem!important}}@media(min-height:1100px){.action-button-grid{gap:10px!important;padding:12px!important}.action-grid-btn{min-height:72px!important;padding:14px 10px!important}.action-grid-btn-icon{font-size:1.8em!important}.action-grid-btn-label{font-size:1.1rem!important}.action-grid-btn-badge{min-width:24px!important;height:24px!important;font-size:.9rem!important}}@media(max-height:800px){.action-button-grid{gap:4px!important;padding:6px!important}.action-grid-btn{min-height:48px!important;padding:6px 4px!important}.action-grid-btn-icon{font-size:1.2em!important}.action-grid-btn-label{font-size:.85rem!important}}.menu-container{display:flex!important;flex-direction:column!important;gap:8px!important;height:100%!important;overflow:hidden!important}.menu-controls{display:flex!important;gap:8px!important;padding:0 4px!important;flex-shrink:0!important}.menu-controls button{flex:1!important;padding:8px 12px!important;font-family:VT323,monospace!important;font-size:1.1rem!important;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd)!important;border:2px solid #613f01!important;border-radius:4px!important;cursor:pointer!important;transition:all .15s ease-out!important}.menu-controls button:hover:not(:disabled){background:linear-gradient(to bottom,#fff,#f8f4e8)!important;transform:translateY(-1px)!important}.menu-controls button:disabled{opacity:.5!important;cursor:not-allowed!important}.menu-controls button.primary-action{background:linear-gradient(135deg,gold,#ffed4a,gold)!important;border-color:#c9a200!important;font-weight:700!important}.menu-controls button.primary-action:hover:not(:disabled){background:linear-gradient(135deg,#ffe44d,#fff080,#ffe44d)!important}.sortable-list,.blessing-list{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:4px 0!important}.hand-divider{border:none!important;height:2px!important;background:linear-gradient(to right,transparent,#a67c00,transparent)!important;margin:6px 0!important;flex-shrink:0!important}.card-item{display:flex!important;align-items:stretch!important;gap:8px!important;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd)!important;border:2px solid #613f01!important;border-radius:6px!important;box-shadow:2px 2px #613f0166!important;padding:6px 8px!important;margin:0!important;min-height:72px!important;width:100%!important;box-sizing:border-box!important;cursor:grab!important;transition:all .15s ease-out!important;position:relative!important;flex-shrink:0!important;border-left:4px solid #4caf50!important}.card-item:hover{background:linear-gradient(to bottom,#fff,#f8f4e8)!important;box-shadow:3px 3px #613f0180!important;transform:translate(2px)!important}.card-item:active{cursor:grabbing!important;box-shadow:1px 1px #613f0180!important;transform:translate(0)!important}.card-inactive{opacity:.7!important;border-left-color:#888!important;background:linear-gradient(to bottom,#e8e4d8,#ddd8c8)!important}.card-inactive:hover{opacity:.85!important}.card-image{width:52px!important;height:52px!important;border:2px solid #613f01!important;border-radius:4px!important;flex-shrink:0!important;object-fit:cover!important;align-self:center!important}.card-info{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:2px!important;padding-top:2px!important}.card-title{font-family:VT323,monospace!important;font-size:1.1rem!important;font-weight:700!important;color:#613f01!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.card-description{font-family:VT323,monospace!important;font-size:.85rem!important;color:#555!important;line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.card-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:2px!important;flex-shrink:0!important;width:100px!important;align-self:center!important;background:#613f0114!important;border-radius:4px!important;padding:4px!important;border:1px solid rgba(97,63,1,.2)!important}.card-stat{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;font-family:VT323,monospace!important;padding:2px!important;border-radius:2px!important;background:#ffffff80!important;min-width:22px!important}.card-stat.has-value{background:#ffffffe6!important}.card-stat-value{font-size:.95rem!important;font-weight:700!important;color:#613f01!important;line-height:1!important}.card-stat-label{font-size:.55rem!important;color:#888!important;text-transform:uppercase!important;line-height:1!important}.card-stat.atk.has-value .card-stat-value{color:#dc3545!important}.card-stat.def.has-value .card-stat-value{color:#2196f3!important}.card-stat.rng.has-value .card-stat-value{color:#ff9800!important}.card-stat.spd.has-value .card-stat-value{color:#4caf50!important}.card-stat.crt.has-value .card-stat-value{color:#9c27b0!important}.card-stat.tgt.has-value .card-stat-value{color:#00bcd4!important}.card-stat.psh.has-value .card-stat-value{color:#795548!important}.card-stat.pll.has-value .card-stat-value{color:#607d8b!important}.subMenuItem{display:flex!important;align-items:stretch!important;gap:8px!important;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd)!important;border:2px solid #613f01!important;border-radius:6px!important;box-shadow:2px 2px #613f0166!important;padding:6px 8px!important;margin:0!important;min-height:72px!important;width:100%!important;box-sizing:border-box!important;cursor:grab!important;transition:all .15s ease-out!important;position:relative!important;flex-shrink:0!important;border-left:4px solid #4caf50!important}.subMenuItem:hover{background:linear-gradient(to bottom,#fff,#f8f4e8)!important;box-shadow:3px 3px #613f0180!important;transform:translate(2px)!important}.subMenuItem:active{cursor:grabbing!important;box-shadow:1px 1px #613f0180!important;transform:translate(0)!important}.subMenuItem img{width:52px!important;height:52px!important;border:2px solid #613f01!important;border-radius:4px!important;flex-shrink:0!important;object-fit:cover!important;align-self:center!important}.subMenuItem .playerHealth{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:2px!important;padding-top:2px!important}.subMenuItem .playerHealth span{font-family:VT323,monospace!important;font-size:1.1rem!important;font-weight:700!important;color:#613f01!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.subMenuItem .playerHealth sub{font-family:VT323,monospace!important;font-size:.85rem!important;color:#555!important;line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.subMenuItem .statBlock{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:2px!important;flex-shrink:0!important;width:100px!important;align-self:center!important;background:#613f0114!important;border-radius:4px!important;padding:4px!important;border:1px solid rgba(97,63,1,.2)!important;border-left:none!important;max-width:none!important;height:auto!important;max-height:none!important}.subMenuItem .statBlock>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;font-family:VT323,monospace!important;padding:2px!important;border-radius:2px!important;background:#ffffff80!important;min-width:22px!important}.subMenuItem .statBlock .stat{font-size:.95rem!important;font-weight:700!important;color:#613f01!important;line-height:1!important;min-width:auto!important;text-align:center!important}.subMenuItem .statBlock p{font-size:.55rem!important;color:#888!important;margin:0!important;text-transform:uppercase!important;line-height:1!important}.subMenuItem .statBlock .psh .stat{color:#795548!important}.subMenuItem .statBlock .pll .stat{color:#607d8b!important}.subMenuItem:not(.cardHand){border-left:4px solid #4caf50!important}.cardHand{opacity:.7!important;border-left:4px solid #888!important;background:linear-gradient(to bottom,#e8e4d8,#ddd8c8)!important}.cardHand:hover{opacity:.85!important}.card-info br,.subMenuItem .playerHealth br{display:none!important}#teamMates .subMenuItem{min-height:80px!important;height:auto!important;max-height:none!important;padding:8px!important;align-items:stretch!important}#teamMates .subMenuItem img{width:56px!important;height:56px!important;align-self:flex-start!important}#teamMates .subMenuItem .playerHealth{flex:1!important;display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}#teamMates .subMenuItem .playerHealth span{font-size:.95rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}#teamMates .subMenuItem .playerHealth>div{font-size:.85rem!important}#teamMates .subMenuItem .playerHealth img{width:20px!important;height:20px!important;border:1px solid #613f01!important;border-radius:2px!important}#teamMates .subMenuItem .statBlock{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:2px!important;width:90px!important;height:auto!important;max-height:none!important;background:#613f0114!important;border-radius:4px!important;padding:4px!important;border:1px solid rgba(97,63,1,.2)!important;border-left:none!important;align-self:center!important}#teamMates .subMenuItem .statBlock>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:1px!important;border-radius:2px!important;background:#ffffff80!important}#teamMates .subMenuItem .statBlock .stat{font-size:.85rem!important;font-weight:700!important;line-height:1!important}#teamMates .subMenuItem .statBlock p{font-size:.5rem!important;line-height:1!important}#teamMates{min-height:auto!important;max-height:none!important;overflow-y:auto!important}.sortable-item-dragging{opacity:.9!important;box-shadow:0 8px 20px #0000004d!important;transform:rotate(2deg) scale(1.02)!important;z-index:100!important}.sortable-item-over{border-color:gold!important;background:#ffd70033!important}.subMenuItem .statBlock .atk .stat{color:#dc3545!important}.subMenuItem .statBlock .def .stat{color:#2196f3!important}.subMenuItem .statBlock .rng .stat{color:#ff9800!important}.subMenuItem .statBlock .spd .stat{color:#4caf50!important}.subMenuItem .statBlock .crt .stat{color:#9c27b0!important}.subMenuItem .statBlock .tgt .stat{color:#00bcd4!important}.sortable-list::-webkit-scrollbar,.blessing-list::-webkit-scrollbar{width:6px!important}.sortable-list::-webkit-scrollbar-track,.blessing-list::-webkit-scrollbar-track{background:#0000001a!important;border-radius:3px!important}.sortable-list::-webkit-scrollbar-thumb,.blessing-list::-webkit-scrollbar-thumb{background:#a67c00!important;border-radius:3px!important}.sortable-list::-webkit-scrollbar-thumb:hover,.blessing-list::-webkit-scrollbar-thumb:hover{background:#613f01!important}@media(min-height:900px)and (max-height:1100px){.subMenuItem{min-height:52px!important;height:52px!important;max-height:52px!important;padding:5px 8px!important}.subMenuItem img{width:40px!important;height:40px!important}.subMenuItem .playerHealth span{font-size:1rem!important}#teamMates .subMenuItem{min-height:80px!important;height:auto!important;max-height:none!important;padding:8px!important}#teamMates .subMenuItem img{width:56px!important;height:56px!important}}@media(min-height:1100px){.subMenuItem{min-height:56px!important;height:56px!important;max-height:56px!important;padding:6px 10px!important}.subMenuItem img{width:44px!important;height:44px!important}.subMenuItem .playerHealth span{font-size:1.1rem!important}.subMenuItem .playerHealth sub{font-size:.85rem!important}#teamMates .subMenuItem{min-height:85px!important;height:auto!important;max-height:none!important;padding:8px!important}#teamMates .subMenuItem img{width:60px!important;height:60px!important}}@media(max-height:800px){.subMenuItem{min-height:44px!important;height:44px!important;max-height:44px!important;padding:3px 5px!important}.subMenuItem img{width:32px!important;height:32px!important}.subMenuItem .playerHealth span{font-size:.85rem!important}.subMenuItem .playerHealth sub{-webkit-line-clamp:1!important;font-size:.7rem!important}.subMenuItem .statBlock .stat{font-size:.7rem!important}#teamMates .subMenuItem{min-height:70px!important;height:auto!important;max-height:none!important;padding:6px!important}#teamMates .subMenuItem img{width:48px!important;height:48px!important}}.sortable-list:empty:before,.blessing-list:empty:before{content:"No cards"!important;display:block!important;text-align:center!important;padding:20px!important;color:#888!important;font-family:VT323,monospace!important;font-size:1.2rem!important}body{background-image:url(/assets/grey-background-DYL6hPg7.jpg);color:#000;font-family:var(--font-family, "VT323", monospace);height:95vh}.lobbyLayout{display:flex;justify-items:center;align-items:center;align-content:center;justify-content:center;height:95vh}.lobbyScreen{background-image:url(/assets/parchmentlight-Bh294zwX.jpg);padding:10px;background-color:#f5f5f5;border:rgb(97 63 1) solid 2px;display:flex;flex-direction:column}.lobbySelection{flex:1;display:flex;margin-top:10px;margin-left:10px}.lobbyForm{flex:.25;background-color:#f0e9cd;border:1px solid black;box-shadow:#000 2px 2px}.lobbySelection label{padding:5px;font-size:larger}.lobbySelection div{padding:5px}.lobbyCharacters{justify-self:end;display:flex;justify-content:space-around;align-items:end;flex:1}.lobbyCharacters div{align-content:center;display:flex;flex-direction:column;align-items:center}button{font-family:VT323,monospace;background-color:#f0e9cd;box-shadow:#613f01 2px 2px;font-size:1.75rem;padding-top:2px;padding-bottom:2px;border-radius:10px}.layout{align-self:center;border:none;display:grid;grid-template-columns:1fr fit-content(900px) 1fr;height:95vh;justify-self:center;overflow:hidden;padding-bottom:20px;padding-top:20px}.sideNav{align-items:center;display:flex;flex-direction:column;height:95vh;justify-content:space-between;padding-right:5px;padding-top:5px;width:95%;max-width:500px}.sideMenu{align-self:flex-end;background-image:url(/assets/parchmentlight-Bh294zwX.jpg);border:2px solid rgb(97,63,1);flex:1 0;margin-bottom:5px;width:100%}@media only screen and (min-width:3000px){.sideNav{width:40vh}}.subMenu{display:flex;flex-direction:column;flex:2;height:100%;overflow:hidden;overflow-y:auto;padding-top:10px;justify-content:space-between}progress{width:calc(100% - 10px)}.subMenuContent{background-color:#f0e9cd;border:1px solid black;box-shadow:#000 2px 2px;padding:0 15px 15px}.subMenuItem{align-items:flex-start;background-color:#f0e9cd;border:1px solid black;box-shadow:#000 2px 2px;display:flex;grid-template-columns:1fr 1fr 1fr;margin:2px auto;max-height:86px;padding:4px;width:95%;cursor:grab}.subMenuItem:active{cursor:grabbing}.subMenuItem img{align-self:center;border:2px solid rgb(97,63,1);height:64px;margin-right:5px;width:64px}.subMenuItem .playerHealth{flex:1.25}.subMenuItem .statBlock{flex:.75;font-size:x-large;height:100%;margin-bottom:auto;margin-top:auto;max-height:86px}.subMenuItem .statBlock{border-left:1px solid black}.playerInfo{display:grid;flex:.5;grid-template-columns:.5fr 1.5fr;max-height:120px;padding-bottom:10px}.playerInfo img{align-self:center;flex:.5;grid-row:1/3;width:96px}.playerHealth{flex:1}.statBlock{align-content:space-around;color:#000;display:grid;flex:1.5;font-size:x-large;font-weight:500;grid-template-columns:1fr 1fr 1fr 1fr;text-align:center}.statBlock div{font-size:medium;padding-bottom:.25rem}.statBlock p{font-size:small;line-height:0px;margin:0;padding:0}.atk div{background-image:url(/assets/atk-CmYN4TN2.png);background-position:center;background-repeat:no-repeat;background-size:contain;background-blend-mode:lighten}.def{background-image:url(/assets/def-C_kzIJKo.png)}.rng{background-image:url(/assets/rng-DTXjsddf.png)}.tgt{background-image:url(/assets/tgt-CJX61cdc.png)}.spd{background-image:url(/assets/spd-CQ8jRJCi.png)}.crt{background-image:url(/assets/crt-Bax5nJal.png)}.pll{background-image:url(/assets/pll-xptbnkP3.png)}.psh{background-image:url(/assets/psh-C_nS-cXY.png)}.coin{background-image:url(/assets/coins-CU9SDgYS.svg)}.coin,.psh,.pll,.atk,.def,.spd,.crt,.rng,.tgt{background-position:center;background-repeat:no-repeat;background-size:contain}.MINIBOSS{filter:drop-shadow(0 0 .75rem rgb(110,14,236))}.left{justify-self:end;padding-right:2vh}.right{justify-self:start;padding-left:2vh}.playerMenu{width:100%;height:100%;align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-items:center}.playerMenu button{width:90%}.board{background-color:#0006;border:2px solid rgb(97,63,1);display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);height:90vh;margin:auto;width:90vh}.board div{background-color:#00000059;border:1px solid #000000;display:flex}.stairs,.house,.grass,.water,.wall,.dirt{background-repeat:no-repeat;background-size:cover}.grass{background-color:#84d637!important;background-image:url(/assets/grass-CthObbCG.png)}.water{background-image:url(/assets/waterlight-Cb8AVhxR.png)}.dirt{background-color:#b0774e!important;background-image:url(/assets/road-ChcHocJV.png)}.wall{background-image:url(/assets/cobblestone-BtWy618H.png)}.house{background-image:url(/assets/grass-CthObbCG.png);position:relative}.house:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAB3RJTUUH5gMQEg8TB/RVfwAAABd0RVh0U29mdHdhcmUAR0xEUE5HIHZlciAzLjRxhaThAAAACHRwTkdHTEQzAAAAAEqAKR8AAAAEZ0FNQQAAsY8L/GEFAAAABmJLR0QAQwBDAEN7GbpVAAACU0lEQVR4nMVXzytEURR+Q342k0izIBqkCElC2Kj5C0yxMMOCGjspa8nK0sI/YGUlWViwJhsbhSYLzYwyCw02z6+Np3vqvM6cd+979z2Dr75m5sx993znu7/eNeLxuPGf/LWOz8Z6LcE/F4CJdQVUGGXCplmwBPH3ffETSGNSlKvi452UTT8uBHYAKzZTw4bgwd6NTYzRtqp+fAvgVmPSxFyfzcxpFqgDbQE8MQcKUSVWPespYOLqzlrKZUsexgkmUHwxgYjnRxMoa+tbgEief39zxNuba4ACzY1hIKIpGgbK2spcUArA5GZrg7FfVamsYuHrAz6pE9wFN0gF0OS0OhWECOoEd4HC4QJfl+vRmLUQiVqJnm4rPT4EFN8F97o6HWtcxDAu2m7PTgJ5O9W+4JmcipAJCErHRqRju9tckMFrBdhD4FZ5ciVfVhfokNkO0Mr5uu43V43XkUOlC1pVEtBlKQACHkYHQmg7X9fZTA5E4H9eHepiI9wSsgV44eL8usQVv3OB4qSuGogoEcDtR1BXvPYF1ZDwxFIB3H43USoX+JDwxHyTcgwBnXBcFIrR2R29EisFUBEdvTFjbXlEKkZA5gJPXEheAhH8nLAFYHU44ymoCCrGT2KEcgiwOrrsZKBDJNpn2iJaVqsgHQK+7GQi+OSkianFMx/zQOURzU9Dug1vLU5bt7tpII3R7RlPP058Q+Zx7YuJSgDGuYD1qUGgSlDgmxEKwHcCfljxpFxI2a5m/N0Axfit+Md3Q+5A0MSBb0Z39U0hQR4/eqoNCfrt7xs4b0YLPwUwKgAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain;content:"";height:100%;position:absolute;width:100%}hr{border-radius:2px;border:2px solid rgb(97,63,1);width:90%}.chatBox{overflow:hidden;overflow-y:auto}.chatWrapper{display:flex;flex-direction:column;height:100%;padding:1 rem;overflow:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray}::-webkit-scrollbar-thumb{background:#613f01;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background:#613f01}.token{width:100%}.stat{font-size:x-large!important}div.inactive{box-shadow:inset 0 0 0 2000px #0000004d}.inactive .playerHealth,.inactive .statBlock{filter:opacity(50%)}.inactive img{filter:grayscale(80%)}#playHand{margin:2px auto;max-height:86px;padding:4px;width:95%}.selectToken{-webkit-animation-duration:1s;-webkit-animation-duration:.9s;-webkit-animation-fill-mode:both;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;-webkit-filter:drop-shadow(2px 1px 0 white) drop-shadow(-1px -1px 0 white);animation-duration:1s;animation-fill-mode:both;animation-iteration-count:1;animation-timing-function:ease-in-out;filter:drop-shadow(2px 1px 0 white) drop-shadow(-1px -1px 0 white) brightness(100%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@-webkit-keyframes demo{0%{background-color:#f5f5f5;opacity:1}22%{background-color:#ffffffb6}77%{background-color:#ffffff40}to{background-color:transparent}}button:active,.playerMenu button.active{box-shadow:none;margin-left:2px;margin-top:2px}.playerHealth ul{margin:0;padding:0}.playerHealth li{display:inline;padding:0;text-decoration:none}.playerHealth li img{-webkit-filter:drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);filter:drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);height:16px;width:16px}button:disabled{background-color:gray}.meter{box-sizing:content-box;height:12px;max-width:98%;position:relative;background:#555;border-radius:15px;padding:2px;box-shadow:inset 0 -1px 1px #ffffff4d}.meter>span{display:block;height:100%;border-radius:20px 8px 8px 20px;box-shadow:inset 0 2px 9px #ffffff4d,inset 0 -2px 6px #0006;position:relative;overflow:hidden}.hurt{background-color:#c22b2b;background-image:linear-gradient(center bottom,#c22b2b 37%,#f05454 69%)}.damaged{background-color:#e9e51e!important;background-image:linear-gradient(center bottom,#e9e51e 37%,#e9e51e 69%)!important}.healthy{background-color:#2bc253;background-image:linear-gradient(center bottom,#2bc253 37%,#54f054 69%)}.cardHand{box-shadow:inset 0 0 0 2000px #0000002a}.resetList li{display:block;padding:0;text-decoration:dashed;list-style-type:square}.Pending{grid-template-columns:1fr}.miniBoard{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,64px);height:192px;align-self:center}.miniBoard div{border:1px solid #000000;display:flex}.playerHealth sub p{margin:2px 5px 0 0}.animated{animation:bounce .25s infinite alternate;-webkit-animation:bounce .25s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@-webkit-keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.systemHeader{width:100%;text-align:center;border-bottom:2px solid rgb(97,63,1);line-height:.1em;margin:10px 0 20px}.systemHeader span{background:#fff;padding:0 10px}.damage{display:none!important;position:absolute;box-sizing:border-box;text-align:center;background-color:transparent!important;z-index:999999;border:none!important;font-size:35px;color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black;opacity:0;margin-left:1%}.showDamage{display:flex!important;animation:fadeIn 1s ease-in;-webkit-animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:1}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-50px)}to{opacity:0}}.cell{display:flex;flex-direction:column}.cell img{z-index:9999}.cell .meter{position:absolute;margin-top:-.25%;width:3.5rem;height:6px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chatBox{width:94%;background-color:#fff;margin:5px;padding:5px;height:90%;border:2px solid rgb(97,63,1)}.lobby-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.lobby-content{background-image:url(/assets/parchmentlight-Bh294zwX.jpg);background-size:cover;border:3px solid #613f01;border-radius:8px;box-shadow:0 8px 32px #0006;max-width:1400px;width:100%;max-height:95vh;overflow-y:auto;display:flex;flex-direction:column}.lobby-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #613f01;background:linear-gradient(to bottom,#f0e9cdf2,#f0e9cdcc);gap:2rem;flex-wrap:wrap}.lobby-title{font-size:2.5rem;color:#613f01;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.2);flex-shrink:0}.lobby-form{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.9rem;color:#613f01;font-weight:600}.form-group input{padding:.5rem 1rem;font-size:1.25rem;font-family:VT323,monospace;border:2px solid #613f01;border-radius:6px;background:#fff;min-width:140px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#8b5a00;box-shadow:0 0 0 3px #8b5a0033}.form-group input:disabled{background:#e0e0e0;cursor:not-allowed}.form-group input#lobbyCode{text-transform:uppercase;letter-spacing:.2em;font-weight:700}.form-buttons{display:flex;gap:.75rem}.btn{font-family:VT323,monospace;font-size:1.5rem;padding:.5rem 1.5rem;border:2px solid #613f01;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-primary{background:linear-gradient(to bottom,#f0e9cd,#ddd5b5);color:#613f01;box-shadow:0 3px #613f01}.btn-primary:hover:not(:disabled){background:linear-gradient(to bottom,#fff5d9,#f0e9cd);transform:translateY(-1px);box-shadow:0 4px #613f01}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #613f01}.btn-success{background:linear-gradient(to bottom,#5cb85c,#449d44);color:#fff;border-color:#398439;box-shadow:0 3px #398439}.btn-success:hover:not(:disabled){background:linear-gradient(to bottom,#6fd16f,#5cb85c)}.btn-danger{background:linear-gradient(to bottom,#d9534f,#c9302c);color:#fff;border-color:#ac2925;box-shadow:0 3px #ac2925}.btn-danger:hover:not(:disabled){background:linear-gradient(to bottom,#e66460,#d9534f)}.btn:disabled{background:#999;border-color:#666;box-shadow:0 3px #666;cursor:not-allowed;opacity:.7}.lobby-main{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}@media(min-width:1200px){.lobby-main{grid-template-columns:2fr 1fr}}.character-section{display:flex;flex-direction:column;gap:1rem}.section-title{font-size:1.5rem;color:#613f01;margin:0;padding-bottom:.5rem;border-bottom:2px solid #613f01}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.character-card{background:linear-gradient(135deg,#f5f0e1,#e8e0c8);border:2px solid #613f01;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;gap:1rem;position:relative;overflow:hidden}.character-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(97,63,1,.1) 100%);opacity:0;transition:opacity .2s ease}.character-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #613f014d;border-color:#8b5a00}.character-card:hover:before{opacity:1}.character-card.selected{border-color:gold;box-shadow:0 0 0 3px #ffd70080,0 8px 20px #613f014d;background:linear-gradient(135deg,#fff8e7,#f5ecd3)}.character-card.selected:after{content:"SELECTED";position:absolute;top:8px;right:-32px;background:gold;color:#613f01;font-size:.7rem;font-weight:700;padding:2px 40px;transform:rotate(45deg)}.character-card.taken{opacity:.6;cursor:not-allowed}.character-card.taken:hover{transform:none;box-shadow:none}.character-card.inactive{filter:grayscale(0)}.character-portrait-wrapper{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.character-portrait{width:80px;height:80px;border:3px solid #613f01;border-radius:8px;background:#fff;object-fit:contain;image-rendering:pixelated}.character-card.selected .character-portrait{border-color:gold}.character-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.character-name{font-size:1.4rem;color:#613f01;margin:0;font-weight:700}.character-class{font-size:1rem;color:#8b5a00;margin:0}.character-hp{font-size:1rem;color:#333;display:flex;align-items:center;gap:.5rem}.hp-bar{flex:1;height:8px;background:#444;border-radius:4px;overflow:hidden;max-width:100px}.hp-fill{height:100%;background:linear-gradient(to right,#4caf50,#8bc34a);border-radius:4px}.character-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;margin-top:auto}.stat-item{display:flex;flex-direction:column;align-items:center;padding:.25rem;border-radius:4px;background:#613f011a}.stat-value{font-size:1.25rem;font-weight:700;color:#613f01}.stat-label{font-size:.65rem;color:#666;text-transform:uppercase}.player-indicator{position:absolute;bottom:8px;right:8px;background:#613f01;color:#f0e9cd;font-size:.75rem;padding:.25rem .5rem;border-radius:4px}.ability-section,.ability-cards{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px)and (max-width:1199px){.ability-cards{flex-direction:row}}.ability-card{background:linear-gradient(135deg,#f5f0e1,#e8e0c8);border:2px solid #613f01;border-radius:8px;padding:1rem;flex:1;min-height:140px;display:flex;flex-direction:column}.ability-card.passive{border-left:4px solid #9c27b0}.ability-card.active{border-left:4px solid #2196f3}.ability-card.ultimate{border-left:4px solid #ff9800}.ability-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(97,63,1,.3)}.ability-type{font-size:.8rem;color:#666;text-transform:uppercase;font-weight:700}.ability-cooldown{font-size:.75rem;background:#613f0133;padding:.2rem .5rem;border-radius:4px;color:#613f01}.ability-name{font-size:1.2rem;color:#613f01;margin:0 0 .5rem;font-weight:700}.ability-description{font-size:.9rem;color:#444;line-height:1.4;flex:1}.ability-description p{margin:0}.ability-empty{color:#999;font-style:italic;text-align:center;display:flex;align-items:center;justify-content:center;flex:1}.lobby-players{background:#613f011a;border-radius:8px;padding:1rem;margin-top:auto}.players-title{font-size:1rem;color:#613f01;margin:0 0 .75rem}.players-list{display:flex;gap:.5rem;flex-wrap:wrap}.player-chip{background:#f0e9cd;border:1px solid #613f01;border-radius:20px;padding:.25rem .75rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.player-chip-icon{width:20px;height:20px;border-radius:50%;background:#613f01}@media(max-width:768px){.lobby-header{flex-direction:column;align-items:stretch;gap:1rem}.lobby-title{text-align:center;font-size:2rem}.lobby-form{flex-direction:column}.form-group,.form-group input{width:100%}.form-buttons{width:100%;justify-content:center}.character-grid{grid-template-columns:1fr}.character-card{flex-direction:column;align-items:center;text-align:center}.character-stats{width:100%}}@media(max-width:480px){.lobby-content{border-radius:0;border-left:none;border-right:none}.lobby-header,.lobby-main{padding:1rem}.btn{font-size:1.25rem;padding:.5rem 1rem}}@keyframes pulse{0%,to{box-shadow:0 0 #ffd70066}50%{box-shadow:0 0 0 10px #ffd70000}}.character-card.selected{animation:pulse 2s infinite}.lobby-loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:1.5rem;color:#613f01}.character-card.bot-owned{opacity:.9;border-style:dashed;cursor:pointer}.character-card.bot-owned:hover{transform:translateY(-4px);box-shadow:0 8px 20px #613f014d;border-style:solid;border-color:#2196f3}.character-portrait-wrapper{position:relative}.swap-hero-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(to bottom,#2196f3,#1976d2);color:#fff;border:2px solid #0d47a1;border-radius:6px;padding:.5rem .75rem;font-family:VT323,monospace;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 3px #0d47a1,0 4px 10px #0000004d;transition:all .15s ease;white-space:nowrap;z-index:10}.swap-hero-btn:hover{background:linear-gradient(to bottom,#42a5f5,#2196f3);transform:translate(-50%,-50%) translateY(-2px);box-shadow:0 4px #0d47a1,0 6px 12px #0006}.swap-hero-btn:active{transform:translate(-50%,-50%) translateY(1px);box-shadow:0 2px #0d47a1,0 2px 6px #0000004d}.bot-difficulty{display:flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:700;width:fit-content}.bot-difficulty .difficulty-icon{font-size:.9rem}.bot-difficulty .difficulty-text{text-transform:uppercase;letter-spacing:.05em}.bot-difficulty.easy{background:linear-gradient(to right,#81c784,#66bb6a);color:#1b5e20;border:1px solid #4caf50}.bot-difficulty.medium{background:linear-gradient(to right,#ffb74d,#ffa726);color:#e65100;border:1px solid #ff9800}.bot-difficulty.hard{background:linear-gradient(to right,#e57373,#ef5350);color:#b71c1c;border:1px solid #f44336}.bot-difficulty.insane{background:linear-gradient(to right,#ba68c8,#ab47bc);color:#4a148c;border:1px solid #9c27b0}