: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 summon-circle{0%{opacity:0;transform:scale(.2)}25%{opacity:.9;transform:scale(1)}70%{opacity:.9;transform:scale(1.05)}to{opacity:0;transform:scale(1.15)}}@keyframes summon-rise{0%{opacity:0;transform:translateY(8px) scale(0);filter:brightness(3)}45%{opacity:0;transform:translateY(8px) scale(0);filter:brightness(3)}75%{opacity:1;transform:translateY(0) scale(1.08);filter:brightness(1.6)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes token-attack{0%,to{transform:translate(0) translateY(0)}40%{transform:translate(var(--attack-x, 10px)) translateY(var(--attack-y, 0))}}@keyframes token-lunge{0%,to{transform:translate(0)}45%{transform:translate(var(--lunge-dx, 20%),var(--lunge-dy, 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}.page-panel{padding:var(--space-lg, 1.5rem);max-width:640px;width:min(640px,92vw)}.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}.parchment-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;filter:drop-shadow(0 12px 16px rgba(0,0,0,.65)) drop-shadow(0 2px 3px rgba(0,0,0,.4))}.parchment-sheet:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 62%,rgba(122,84,24,.28) 100%),radial-gradient(circle at 18% 28%,rgba(150,105,40,.13) 0,transparent 13%),radial-gradient(ellipse 22% 14% at 82% 64%,rgba(150,105,40,.11) 0,transparent 100%),radial-gradient(circle at 63% 18%,rgba(97,63,1,.07) 0,transparent 9%),radial-gradient(ellipse 30% 18% at 30% 82%,rgba(120,85,30,.09) 0,transparent 100%),repeating-linear-gradient(0deg,rgba(97,63,1,.035) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(97,63,1,.025) 0 1px,transparent 1px 5px),linear-gradient(to bottom,#e8dcb8,#f0e9cd 14%,#f8f4e8 45%,#f0e9cd 78%,#e9dfc4);clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 8px),97.1% calc(100% - 21px),94.1% calc(100% - 14px),91.2% calc(100% - 18px),88.2% calc(100% - 2px),85.3% calc(100% - 12px),82.4% calc(100% - 20px),79.4% calc(100% - 6px),76.5% calc(100% - 20px),73.5% calc(100% - 3px),70.6% calc(100% - 2px),67.6% calc(100% - 3px),64.7% calc(100% - 14px),61.8% calc(100% - 3px),58.8% calc(100% - 14px),55.9% calc(100% - 6px),52.9% calc(100% - 8px),50% calc(100% - 9px),47.1% calc(100% - 2px),44.1% calc(100% - 12px),41.2% calc(100% - 14px),38.2% calc(100% - 3px),35.3% calc(100% - 5px),32.4% calc(100% - 21px),29.4% calc(100% - 8px),26.5% calc(100% - 24px),23.5% calc(100% - 14px),20.6% calc(100% - 12px),17.6% calc(100% - 2px),14.7% calc(100% - 24px),11.8% calc(100% - 8px),8.8% calc(100% - 15px),5.9% calc(100% - 20px),2.9% calc(100% - 9px),0% calc(100% - 20px))}.parchment-sheet--scroll:before{top:16px;left:8px;right:8px}.parchment-sheet--scroll:after{content:"";position:absolute;top:0;left:0;right:0;height:32px;box-sizing:border-box;border:2px solid #613f01;border-radius:16px;background:linear-gradient(to right,rgba(97,63,1,.55) 0,transparent 22px,transparent calc(100% - 22px),rgba(97,63,1,.55) 100%),linear-gradient(to bottom,#b8975a,#e8dcb8 28%,#d4bf8c 52%,#a8854a 78%,#7a5520);box-shadow:inset 0 -3px 4px #231c0859}.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;grid-template-areas:"header header" "left board" "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)}.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-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;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.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.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.token-sprite{aspect-ratio:1 / 1;height:auto;background-color:transparent;border:none;container-type:size;display:flex;align-items:center;justify-content:center}.sprite-sheet{width:100%;height:100%;background-repeat:no-repeat;image-rendering:pixelated}.token-sprite .sprite-sheet{width:min(100cqw,100cqh);height:min(100cqw,100cqh);background-color:transparent;border:none}@keyframes sprite-sheet-play{to{background-position-x:var(--sprite-sheet-shift)}}.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}.token.token-lunge{animation:token-lunge var(--lunge-ms, .3s) ease-out}.cell.token-step{container-type:inline-size;z-index:calc(var(--z-token-selected) + 1)}.cell.token-step>:is(.token-reactions,.meter){animation:token-step var(--step-ms, .16s) linear}.cell.token-step>.token{animation:token-walk var(--step-ms, .16s) linear}.cell.token-step>.token.token-lunge{animation:token-lunge var(--lunge-ms, .3s) ease-out}@keyframes token-step{0%{translate:calc(var(--step-dx, 0) * 100cqw) calc(var(--step-dy, 0) * 100cqw)}to{translate:0 0}}@keyframes token-walk{0%{translate:calc(var(--step-dx, 0) * 100cqw) calc(var(--step-dy, 0) * 100cqw);rotate:0deg}50%{translate:calc(var(--step-dx, 0) * 50cqw) calc(var(--step-dy, 0) * 50cqw - 9cqw);rotate:calc(var(--step-lean, 0) * 7deg)}to{translate:0 0;rotate:0deg}}.cell.token-face-left>.token{scale:-1 1}.cell.token-face-left>.token.token-lunge{animation:token-lunge-mirrored var(--lunge-ms, .3s) ease-out}@keyframes token-lunge-mirrored{0%,to{transform:translate(0)}45%{transform:translate(calc(var(--lunge-dx, 20%) * -1),var(--lunge-dy, 0%))}}@media(prefers-reduced-motion:reduce){.cell.token-step>:is(.token,.token-reactions,.meter){animation:none}}.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;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.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.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))}.spawn-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:5}.spawn-capsule{position:absolute;left:50%;top:50%;width:38%;height:55%;transform:translate(-50%,-1200%) rotate(12deg);background:linear-gradient(135deg,#8d99ae,#5c6672 45%,#2b303c);border:2px solid #1d2129;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;box-shadow:inset -3px -4px 6px #00000080;animation:capsule-fall .55s cubic-bezier(.5,0,1,.6) forwards}.spawn-capsule:after{content:"";position:absolute;left:50%;top:-70%;width:45%;height:80%;transform:translate(-50%);background:radial-gradient(ellipse at 50% 100%,#ffd867,#ff8c2e 45%,#ff501e00 75%);border-radius:50%;filter:blur(1px)}@keyframes capsule-fall{0%{transform:translate(-50%,-1200%) rotate(12deg);opacity:1}85%{opacity:1}to{transform:translate(-50%,-50%) rotate(6deg);opacity:0}}.spawn-boom{position:absolute;left:50%;top:50%;width:130%;height:130%;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,#fff3c4,#ffd867 25%,#ff8c2e 55%,#b3341b 75%,#50140500 90%);border-radius:50%;opacity:0;animation:spawn-boom .75s ease-out .5s forwards}@keyframes spawn-boom{0%{transform:translate(-50%,-50%) scale(0);opacity:1}55%{transform:translate(-50%,-50%) scale(1.4);opacity:.95}to{transform:translate(-50%,-50%) scale(1.9);opacity:0}}.spawn-ring{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%) scale(0);border:3px solid rgba(255,216,103,.9);border-radius:50%;opacity:0;animation:spawn-ring .8s ease-out .55s forwards}@keyframes spawn-ring{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(2.6);opacity:0}}.cell .token{animation:none}.summon-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:summon-circle 1.2s ease-out both}.summon-circle{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;border:2px solid rgba(120,200,255,.9);box-shadow:0 0 12px #78c8ffcc,inset 0 0 10px #78c8ff80}.summon-glow{position:absolute;top:20%;right:20%;bottom:20%;left:20%;border-radius:50%;background:radial-gradient(circle,rgba(160,220,255,.55),transparent 70%)}.token.summoning{animation:summon-rise 1.2s ease-out both}.focus-cursor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.focus-cursor-bracket{position:absolute;width:30%;height:30%;border-color:#ffd867f2;border-style:solid;border-width:0}.focus-cursor-bracket.tl{top:4%;left:4%;border-top-width:3px;border-left-width:3px}.focus-cursor-bracket.tr{top:4%;right:4%;border-top-width:3px;border-right-width:3px}.focus-cursor-bracket.bl{bottom:4%;left:4%;border-bottom-width:3px;border-left-width:3px}.focus-cursor-bracket.br{bottom:4%;right:4%;border-bottom-width:3px;border-right-width:3px}.focus-cursor-ring{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:2px solid rgba(255,216,103,.6);animation:focus-pulse 1.4s ease-in-out infinite}@keyframes focus-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:.5}}.cell.aid-route{box-shadow:inset 0 0 0 3px #c9a648e6,inset 0 0 14px #ffd8678c;z-index:1}.cell.aid-route-end{box-shadow:inset 0 0 0 4px #613f01,inset 0 0 16px #ffd867e6}.cell.cta-reachable{box-shadow:inset 0 0 0 9999px #78c8ff1f}.cell.cta-confirm{box-shadow:inset 0 0 0 4px #ffd867,inset 0 0 18px #ffd867e6;z-index:2}.board .cta-marker{position:absolute;left:50%;top:0;transform:translate(-50%,-62%);z-index:6;width:36%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#b41414f2;border:2px solid rgb(255,216,103);box-shadow:0 2px 6px #0009;color:#fff;font-family:VT323,monospace;font-weight:700;font-size:1.15em;line-height:1;pointer-events:none}.board .cta-marker.cta-marker--edge{top:2px;transform:translate(-50%)}.board .house-count{position:absolute;right:4%;bottom:4%;z-index:5;min-width:34%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#3c2814eb;border:2px solid rgb(255,216,103);color:#fff;font-family:VT323,monospace;font-size:1em;line-height:1;pointer-events:none}.cell.cta-possible{outline:2px dashed rgba(255,216,103,.75);outline-offset:-3px}.cta-confirm-bar{position:absolute;bottom:64px;left:50%;transform:translate(-50%);z-index:25}.cta-confirm-bar.cta-confirm-bar--anchored{bottom:auto;transform:none;z-index:60}.cta-confirm-btn{font-size:1.4rem;box-shadow:0 0 0 3px #ffd86773,0 6px 18px #0009;animation:cta-confirm-pulse 1.6s ease-in-out infinite}.cta-confirm-btn:disabled{animation:none}.cta-key-hint{margin-left:10px;padding:0 6px;border:1px solid #613f01;border-radius:4px;font-size:.9rem;opacity:.8}@keyframes cta-confirm-pulse{0%,to{box-shadow:0 0 0 3px #ffd86773,0 6px 18px #0009}50%{box-shadow:0 0 0 6px #ffd86733,0 6px 18px #0009}}.combo-effect-chip{position:absolute;top:0;left:50%;z-index:var(--z-overlay);pointer-events:none;white-space:nowrap;font-family:var(--font-family),var(--font-family-fallback);font-size:.75rem;font-weight:700;color:var(--color-brown-dark);background:var(--color-parchment);border:1px solid var(--color-brown-medium);border-radius:999px;padding:1px 8px;opacity:0;animation:combo-chip-pop 1.6s ease-out forwards}@keyframes combo-chip-pop{0%{opacity:0;transform:translate(-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-.9em) scale(1.05)}70%{opacity:1;transform:translate(-50%,-2.2em) scale(1)}to{opacity:0;transform:translate(-50%,-3.2em) scale(.95)}}.cell.strip-reveal{animation:strip-reveal-fade .7s ease-out backwards}@keyframes strip-reveal-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.attack-fx-layer,.board .attack-fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;overflow:visible;background-color:transparent;border:none}.board .attack-fx-layer div{background-color:transparent;border:none}.attack-projectile-track{position:absolute;width:0;height:0;animation-name:attack-projectile-fly;animation-timing-function:linear;animation-fill-mode:both}@keyframes attack-projectile-fly{0%{left:var(--fx-start-x);top:var(--fx-start-y)}to{left:var(--fx-end-x);top:var(--fx-end-y)}}.attack-projectile-sprite{position:absolute;left:0;top:0;width:var(--cell-size, 40px);height:var(--cell-size, 40px);transform:translate(-50%,-50%) rotate(var(--fx-angle-deg, 0deg)) scale(.4)}.attack-projectile-img{display:block;width:100%;height:100%;object-fit:contain}.attack-projectile-orb .attack-projectile-sprite{border-radius:50%;background:radial-gradient(circle,#fff3c4,#ffd867,#ff8c2e 70%,#ff501e00);box-shadow:0 0 8px 2px #ffb43cbf,calc(var(--cell-size, 40px) * -.35) 0 10px -2px #ff8c1e8c}.attack-projectile-thrown{width:calc(var(--cell-size, 40px) * .6);height:calc(var(--cell-size, 40px) * .6);animation-name:attack-thrown-arc;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes attack-thrown-arc{0%{transform:translate(-50%,-50%) rotate(var(--fx-angle-deg, 0deg)) translateY(0) rotate(0)}50%{transform:translate(-50%,-50%) rotate(var(--fx-angle-deg, 0deg)) translateY(-35%) rotate(220deg)}to{transform:translate(-50%,-50%) rotate(var(--fx-angle-deg, 0deg)) translateY(0) rotate(400deg)}}.attack-impact-flash{position:absolute;left:50%;top:50%;width:var(--cell-size, 40px);height:var(--cell-size, 40px);transform:translate(-50%,-50%) scale(0);border-radius:50%;background:radial-gradient(circle,#fff6d6f2,#ffbe5ab3 45%,#ff782800 75%);opacity:0;animation:attack-impact-flash .35s ease-out forwards}@keyframes attack-impact-flash{0%{transform:translate(-50%,-50%) scale(.2);opacity:.95}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.attack-melee-slash{position:absolute;width:calc(var(--cell-size, 40px) * .95);height:calc(var(--cell-size, 40px) * .95);transform:translate(-50%,-50%) rotate(var(--fx-angle-deg, 0deg));background-image:url(/assets/images/projectiles/slash.png);background-repeat:no-repeat;background-size:300% 100%;background-color:transparent;border:none;image-rendering:pixelated;opacity:0;pointer-events:none;animation:melee-slash-frames .3s steps(3) forwards,melee-slash-window .3s linear forwards}@keyframes melee-slash-frames{to{background-position-x:150%}}@keyframes melee-slash-window{0%{opacity:0}5%{opacity:1}90%{opacity:1}to{opacity:0}}.attack-aoe-ring{position:absolute;left:0;top:0;width:calc(var(--aoe-radius-px, var(--cell-size, 40px)) * 2);height:calc(var(--aoe-radius-px, var(--cell-size, 40px)) * 2);transform:translate(-50%,-50%) scale(.15);border-radius:50%;border:3px solid rgba(255,140,46,.85);box-shadow:0 0 16px #ff8c2e80;opacity:0;animation:attack-aoe-ring-expand ease-out forwards}@keyframes attack-aoe-ring-expand{0%{transform:translate(-50%,-50%) scale(.1);opacity:.9}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.cell.aim-valid{outline:2px dashed rgba(255,216,103,.85);outline-offset:-3px}.cell.aim-preview{box-shadow:inset 0 0 0 999px #d32f2f47}.cell.aim-hit{outline:3px solid #d32f2f;outline-offset:-3px}.aim-cell-num{position:absolute;top:2px;left:2px;z-index:6;min-width:18px;height:18px;border-radius:50%;background:#d32f2f;color:#fff;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;pointer-events:none}.aim-arrow{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:70;pointer-events:none;overflow:visible}.aim-arrow-path{fill:none;stroke-width:6;stroke-linecap:round;stroke-dasharray:14 8}.aim-arrow--idle .aim-arrow-path{stroke:#9e9e9e}.aim-arrow--idle .aim-arrow-head{fill:#9e9e9e}.aim-arrow--valid .aim-arrow-path{stroke:#d32f2f}.aim-arrow--valid .aim-arrow-head{fill:#d32f2f}.board .token-reactions{position:absolute;top:2px;right:2px;z-index:5;display:flex;gap:2px;pointer-events:none;background-color:transparent;border:none}.board .token-reaction{display:block;width:9px;height:9px;transform:rotate(45deg);border:1px solid #2b2b2b;border-radius:2px}.board .token-reaction.ready{background:#ffd867;box-shadow:0 0 4px #ffd867e6}.board .token-reaction.used{background:#5a5a5a;opacity:.6}.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}.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,.card-stat.def.has-value .card-stat-value,.card-stat.rng.has-value .card-stat-value,.card-stat.spd.has-value .card-stat-value,.card-stat.crt.has-value .card-stat-value,.card-stat.tgt.has-value .card-stat-value,.card-stat.psh.has-value .card-stat-value,.card-stat.pll.has-value .card-stat-value{color:#231c08!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 .atk .stat,.subMenuItem .statBlock .def .stat,.subMenuItem .statBlock .rng .stat,.subMenuItem .statBlock .spd .stat,.subMenuItem .statBlock .crt .stat,.subMenuItem .statBlock .tgt .stat,.subMenuItem .statBlock .psh .stat,.subMenuItem .statBlock .pll .stat{color:#231c08!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}.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,.subMenuItem .statBlock .def .stat,.subMenuItem .statBlock .rng .stat,.subMenuItem .statBlock .spd .stat,.subMenuItem .statBlock .crt .stat,.subMenuItem .statBlock .tgt .stat{color:#231c08!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}}@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}}@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}}.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}.subMenuItem .statBlock>div,.card-stats .card-stat{background:#613f012e!important}.subMenuItem .statBlock .stat,.card-stats .card-stat .card-stat-value{background-position:center!important;background-repeat:no-repeat!important;background-size:auto 16px!important;width:100%!important;min-height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important}.subMenuItem .statBlock .atk .stat,.card-stats .card-stat.atk .card-stat-value{background-image:url(/assets/atk-CmYN4TN2.png)!important}.subMenuItem .statBlock .def .stat,.card-stats .card-stat.def .card-stat-value{background-image:url(/assets/def-C_kzIJKo.png)!important}.subMenuItem .statBlock .rng .stat,.card-stats .card-stat.rng .card-stat-value{background-image:url(/assets/rng-DTXjsddf.png)!important}.subMenuItem .statBlock .spd .stat,.card-stats .card-stat.spd .card-stat-value{background-image:url(/assets/spd-CQ8jRJCi.png)!important}.subMenuItem .statBlock .crt .stat,.card-stats .card-stat.crt .card-stat-value{background-image:url(/assets/crt-Bax5nJal.png)!important}.subMenuItem .statBlock .tgt .stat,.card-stats .card-stat.tgt .card-stat-value{background-image:url(/assets/tgt-CJX61cdc.png)!important}.subMenuItem .statBlock .psh .stat,.card-stats .card-stat.psh .card-stat-value{background-image:url(/assets/psh-C_nS-cXY.png)!important}.subMenuItem .statBlock .pll .stat,.card-stats .card-stat.pll .card-stat-value{background-image:url(/assets/pll-xptbnkP3.png)!important}.stat{position:relative}.stat-mod-badge{position:absolute;top:-6px;right:-14px;font-size:.6rem;font-weight:700;line-height:1;padding:1px 4px;border-radius:999px;pointer-events:auto;cursor:help}.stat-mod-badge.buff{color:#1d5c1d;background:#dff0d5;border:1px solid #6d9b60}.stat-mod-badge.debuff{color:#7a1717;background:#f6dcdc;border:1px solid #b06060}.status-list{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.status-chip{font-size:.75rem;font-weight:700;line-height:1;padding:2px 6px;border-radius:8px;cursor:help}.status-chip.buff{color:#1d5c1d;background:#dff0d5;border:1px solid #6d9b60}.status-chip.detrimental{color:#7a1717;background:#f6dcdc;border:1px solid #b06060}.status-chip.reaction.ready{color:#5c4500;background:#fff1c2;border:1px solid #c9a227}.status-chip.reaction.used{color:#555;background:#e6e6e6;border:1px solid #9a9a9a}.status-chip .status-rounds{font-weight:400}.combo-rail{display:flex;align-items:flex-end;justify-content:center;gap:18px;list-style:none;margin:0;padding:4px 0}.combo-card{position:relative;width:120px;min-height:160px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:6px;box-shadow:0 3px 10px #00000073;display:flex;flex-direction:column;align-items:center;padding:6px 4px;font-family:VT323,monospace}.combo-card+.combo-card:before{content:"→";position:absolute;left:-16px;top:45%;color:#c9a648;font-size:1.2rem;font-weight:700}.combo-card-num{position:absolute;top:-9px;left:-9px;width:20px;height:20px;border-radius:50%;background:#c9a648;color:#231c08;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}.combo-card-name{font-size:.95rem;text-align:center;color:#3a2f14}.combo-rail.mini{gap:8px}.combo-rail.mini .combo-card{width:54px;min-height:64px}.combo-rail.mini .combo-card img{width:24px;height:24px}.combo-rail.mini .combo-card-art-fallback{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;opacity:.7}.combo-rail.mini .combo-card-name{font-size:.6rem}.combo-rail.mini .combo-card+.combo-card:before{display:none}@keyframes combo-pulse{0%{transform:translateY(0);box-shadow:0 3px 10px #00000073}50%{transform:translateY(-10px);box-shadow:0 0 16px #c9a648}to{transform:translateY(0);box-shadow:0 3px 10px #00000073}}.combo-card.pulse-1{animation:combo-pulse .5s ease 0s 1}.combo-card.pulse-2{animation:combo-pulse .5s ease .35s 1}.combo-card.pulse-3{animation:combo-pulse .5s ease .7s 1}.combo-card.pulse-4{animation:combo-pulse .5s ease 1.05s 1}.combo-card.pulse-5{animation:combo-pulse .5s ease 1.4s 1}.hand-fan{display:flex;justify-content:center;align-items:flex-end;padding-top:24px;min-height:150px}.fan-card{width:150px;height:220px;margin:0 -14px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:6px;box-shadow:0 3px 10px #00000080;cursor:pointer;font-family:VT323,monospace;display:flex;flex-direction:column;align-items:center;padding:4px;transition:transform .15s ease,z-index 0s;transform-origin:bottom center}.fan-card:hover:not(:disabled){transform:translateY(-34px) scale(1.35)!important;z-index:101!important}.fan-card:disabled{filter:grayscale(.6);cursor:default}.combo-slots-row{display:flex;align-items:center;justify-content:center;gap:10px}.combo-slot{position:relative;width:110px;height:150px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:VT323,monospace}.combo-slot.empty{border:2px dashed #8a7648;color:#8a7648;font-size:1.4rem;background:#00000040}.combo-slot.filled{border:2px solid #c9a648;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);box-shadow:0 0 12px #c9a64873;cursor:grab}.combo-slot-remove{position:absolute;top:2px;right:2px;border:none;background:transparent;color:#7a1f1f;cursor:pointer;font-size:.9rem;z-index:3}.lock-in-btn{padding:10px 18px;font-family:VT323,monospace;font-size:1.2rem;background:#c9a648;color:#231c08;border:2px solid #613f01;border-radius:6px;cursor:pointer}.lock-in-btn:disabled{opacity:.45;cursor:default}.card-zone{position:absolute;bottom:6px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:96%;padding:10px 14px 8px;background:#2b2417d1;border:2px solid #613f01;border-radius:10px;box-shadow:0 6px 22px #0009}.card-zone-header{display:flex;align-items:center;gap:10px}.card-zone-banner{background:#c9a648;color:#231c08;font-family:VT323,monospace;font-size:1.1rem;padding:2px 16px;border-radius:12px}.card-zone-toggle{font-family:VT323,monospace;font-size:.95rem;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:10px;padding:2px 10px;cursor:pointer;color:#3a2f14}.zone-gold-chip{font-family:VT323,monospace;font-size:.95rem;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:10px;padding:2px 10px;color:#613f01;font-weight:700}.strip-draft-waiting{font-family:VT323,monospace;font-size:1.15rem;color:#f0e9cd;padding:6px 10px}.strip-draft{display:flex;flex-direction:column;align-items:center;gap:10px}.strip-draft-options{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.strip-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:200px;padding:8px;font-family:VT323,monospace;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:8px;cursor:pointer;color:#231c08}.strip-card.picked{border-color:#c9a648;box-shadow:0 0 12px #c9a6488c}.strip-card-name{font-size:1.1rem;font-weight:700}.strip-card-desc{font-size:.9rem;text-align:center;color:#4a3f22}.strip-minimap{width:100%;border:1px solid #613f01;border-radius:3px;overflow:hidden}.strip-minimap-cell{width:100%;height:100%}.strip-draft-confirm{padding:10px 18px;font-family:VT323,monospace;font-size:1.2rem;background:#c9a648;color:#231c08;border:2px solid #613f01;border-radius:6px;cursor:pointer}.strip-draft-confirm:disabled{opacity:.45;cursor:default}.item-targets{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto;min-width:180px}.item-target{display:flex;align-items:center;gap:8px;font-family:VT323,monospace;font-size:.95rem;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:6px;padding:3px 8px;cursor:pointer;color:#231c08;text-align:left}.item-target:hover:not(:disabled){border-color:#c9a648;box-shadow:0 0 8px #c9a64880}.item-target img{width:26px;height:26px;image-rendering:pixelated}.item-target span:first-of-type{flex:1}.item-target-hp{color:#5a4a20;font-size:.8rem}.item-no-targets,.item-zone-empty{font-family:VT323,monospace;color:#e8d9b5;font-size:1rem;padding:8px 12px}.item-target.selected{border-color:#c9a648;box-shadow:0 0 8px #c9a64899;background:linear-gradient(to bottom,#fdf6da,#f3e6b8)}.cf-art-fallback{font-size:2.2rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.item-target.selected{background:#613f01!important;border-color:#c9a648;color:#fdf6da;box-shadow:0 0 8px #c9a64899}.item-target.selected .item-target-hp{color:#e8d9b5}.teammate-rails{position:absolute;bottom:6px;left:6px;z-index:15;display:flex;flex-direction:column;gap:4px;pointer-events:none}.teammate-rail{display:flex;align-items:center;gap:6px;background:#1e1608b8;border:1px solid rgba(201,166,72,.4);border-radius:8px;padding:3px 8px}.teammate-rail-name{font-size:.7rem;font-weight:700;color:#e8dcb8;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fan-card.pad-focused,.card-zone-toggle.pad-focused,.combo-slot-remove.pad-focused,.lock-in-btn.pad-focused,.strip-card.pad-focused,.strip-draft-confirm.pad-focused,.item-target.pad-focused{outline:2px dashed #ffd867;outline-offset:2px;box-shadow:0 0 10px #ffd86799}.fan-card.pad-focused{z-index:100!important}.fan-card--dimmed{opacity:.5;filter:grayscale(.55)}.fan-card--dimmed:hover,.fan-card--dimmed:focus-visible{opacity:.8}.strip-card-votes{margin-top:4px;font-size:.8em;opacity:.85}.toast-host{position:fixed;bottom:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm);z-index:1000;pointer-events:none}body:has(.play-layout--gameplay) .toast-host{bottom:calc(var(--hud-band-h) + 8px)}body:has(.phone) .toast-host{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(296px + env(safe-area-inset-bottom));align-items:center}body:has(.phone--landscape) .toast-host{left:calc(206px + env(safe-area-inset-left));right:calc(206px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom))}.toast{font-family:var(--font-family),var(--font-family-fallback);font-size:1.1rem;background:var(--color-parchment);color:var(--color-brown-dark);border:2px solid var(--color-brown-medium);border-radius:6px;padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-card);max-width:320px;pointer-events:auto}.toast-error{border-color:var(--color-danger-dark);background:var(--color-parchment-light);color:var(--color-danger-dark)}.toast-ping{font-size:1.4rem;max-width:380px;border:3px solid #c9a648;background:var(--color-parchment-light);color:var(--color-brown-dark);box-shadow:0 0 0 3px #ffd86773,var(--shadow-card);animation:toast-ping-nudge .5s ease-in-out 2}@keyframes toast-ping-nudge{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.toast-ping{animation:none}}.toast-info{border-color:var(--color-brown-medium);background:var(--color-parchment-light);color:var(--color-brown-dark)}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:1100;padding:var(--space-sm) var(--space-md);text-align:center;font-weight:600;letter-spacing:.02em;color:#1a1208;background:#d9a441;box-shadow:0 2px 8px #0006}.connection-banner[data-status=disconnected]{color:#fdf3e7;background:#8c2f2f}.phase-hint{position:absolute;top:4px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:6px;max-width:90%;padding:3px 10px;border-radius:4px;font-size:.85rem;color:#c9c2a8;background:#181a21d1;border:1px solid #3b4152;pointer-events:auto}.phase-hint-text{text-align:center}.phase-hint-dismiss{background:none;border:none;color:#7a7460;cursor:pointer;font-size:.9rem;line-height:1;padding:0 2px}.phase-hint-dismiss:hover{color:#c9c2a8}.party-row--active{box-shadow:inset 3px 0 #c9a648}.party-row-active-marker{color:#c9a648;font-weight:700;margin-right:4px}.party-row-state{font-size:.8em;color:#c9c2a8;margin-right:6px;white-space:nowrap}.party-row-locked-check{color:#9fd08a;font-weight:700;margin-right:4px;text-shadow:0 0 3px #000}.party-npc-turn{font-family:VT323,monospace;color:#c9a648;text-align:center;padding:6px 0;border-top:1px solid #3b4152;margin-top:4px}.turn-controls{position:absolute;right:calc((100cqw - min(100cqw,100cqh))/2 + 12px);bottom:calc((100cqh - min(100cqw,100cqh))/2 + 12px);z-index:26;display:flex;align-items:flex-end;gap:8px;pointer-events:auto}.turn-end-btn{min-width:150px;padding:12px 20px;font-family:VT323,monospace;font-size:1.6rem;letter-spacing:.04em;color:#fff3d0;background:radial-gradient(ellipse at 50% 35%,#c0392b,#7a1f1f 70%,#4a1010);border:3px solid #c9a648;border-radius:50%/40%;box-shadow:0 4px 14px #0009;cursor:pointer}.turn-end-btn:disabled{cursor:default;filter:grayscale(.4);opacity:.85}.turn-end-btn--done{font-size:1.1rem;background:#3b4152;border-color:#6b7285;color:#d8d2bd}.turn-end-btn--pulse{animation:turn-end-pulse 1.3s ease-in-out infinite}@keyframes turn-end-pulse{0%,to{box-shadow:0 0 #ffd867b3,0 4px 14px #0009}50%{box-shadow:0 0 0 10px #ffd86700,0 4px 14px #0009}}.turn-undo-btn{padding:6px 12px;font-family:VT323,monospace;font-size:1.1rem;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:8px;cursor:pointer}.turn-end-btn.pad-focused,.turn-undo-btn.pad-focused{outline:2px dashed #ffd867;outline-offset:3px}@media(prefers-reduced-motion:reduce){.turn-end-btn--pulse{animation:none;outline:2px solid #ffd867}}.hero-kit{display:flex;flex-direction:column;flex:0 0 auto;align-self:stretch;width:100%;min-width:0;box-sizing:border-box;container-type:inline-size}.hero-kit>.sideMenu.playerInfo{flex:0 0 auto;align-self:stretch;width:100%;box-sizing:border-box;max-height:none;margin-bottom:0;padding:8px 10px 10px;grid-template-columns:clamp(52px,22cqi,104px) minmax(0,1fr);column-gap:10px;row-gap:8px;border-bottom-left-radius:0;border-bottom-right-radius:0}.hero-kit .playerInfo>img.token{grid-row:1;width:100%;height:auto;align-self:center;image-rendering:pixelated}.hero-kit .playerHealth{grid-column:2;grid-row:1;min-width:0;align-self:center;font-family:VT323,monospace;color:#3a2f14}.hero-kit .playerHealth>br{display:none}.hero-kit .playerInfo-name{display:block;margin-bottom:4px;font-size:clamp(1rem,4.4cqi,1.5rem);font-weight:700;color:#613f01;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-kit .playerHealth .meter{max-width:100%;box-sizing:border-box}.hero-kit .playerInfo-vitals{justify-content:flex-start!important;align-items:center;flex-wrap:wrap;gap:2px 12px;margin-top:6px}.hero-kit .playerInfo-hp,.hero-kit .playerInfo-gold{font-size:clamp(1.05rem,4.4cqi,1.5rem)!important;line-height:1.1;white-space:nowrap}.hero-kit .playerInfo-gold{margin-left:auto!important;color:#6b4e00}.hero-kit .kit-unclaimed{font-family:VT323,monospace;font-size:clamp(.95rem,3.8cqi,1.25rem);line-height:1.1;color:#8a5a00;background:#fff3c4;border:1px solid #b8860b;border-radius:8px;padding:0 6px;white-space:nowrap}.hero-kit .statBlock{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;align-content:start}.hero-kit .statBlock>div{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:4px 2px 3px;border-radius:4px;background:#613f0129;background-image:none}.hero-kit .statBlock .stat{width:100%;min-height:clamp(22px,7.5cqi,34px);padding:0;display:flex;align-items:center;justify-content:center;font-family:VT323,monospace;font-size:clamp(1.15rem,5.2cqi,1.7rem)!important;font-weight:700;line-height:1;color:#231c08;text-shadow:0 0 3px rgba(255,255,255,.9);background-position:center;background-repeat:no-repeat;background-size:auto 100%}.hero-kit .statBlock .atk .stat{background-image:url(/assets/atk-CmYN4TN2.png)}.hero-kit .statBlock .def .stat{background-image:url(/assets/def-C_kzIJKo.png)}.hero-kit .statBlock .rng .stat{background-image:url(/assets/rng-DTXjsddf.png)}.hero-kit .statBlock .spd .stat{background-image:url(/assets/spd-CQ8jRJCi.png)}.hero-kit .statBlock .crt .stat{background-image:url(/assets/crt-Bax5nJal.png)}.hero-kit .statBlock .tgt .stat{background-image:url(/assets/tgt-CJX61cdc.png)}.hero-kit .statBlock .psh .stat{background-image:url(/assets/psh-C_nS-cXY.png)}.hero-kit .statBlock .pll .stat{background-image:url(/assets/pll-xptbnkP3.png)}.hero-kit .statBlock p{max-width:100%;margin:0;font-family:VT323,monospace;font-size:clamp(.72rem,3.1cqi,1rem);line-height:1.1;color:#4a3a12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-kit .stat-mod-badge{top:-4px;right:2px;font-size:clamp(.6rem,2.4cqi,.8rem)}@container (max-width: 200px){.hero-kit .statBlock{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-kit>.sideMenu.playerInfo{grid-template-columns:minmax(0,1fr)}.hero-kit .playerInfo>img.token{width:56px;justify-self:center}.hero-kit .playerHealth{grid-column:1;grid-row:2}.hero-kit .statBlock{grid-row:3}}.hero-kit-body{display:flex;flex-direction:column;gap:10px;padding:10px 10px 12px;background:var(--color-parchment, #f3ead6);border:2px solid var(--color-brown-medium, #613f01);border-top:1px dashed #c9a648;border-radius:0 0 8px 8px}.shop-label-cart{flex:none}.kit-items{display:flex;flex-wrap:wrap;gap:clamp(6px,1.8cqi,10px);min-height:clamp(36px,11cqi,52px);align-items:center}.kit-relics{display:flex;flex-wrap:wrap;gap:clamp(4px,1.4cqi,8px)}.kit-respawn-btn{font-family:VT323,monospace;font-size:clamp(1.1rem,4cqi,1.4rem);padding:4px 10px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:8px;cursor:pointer}.hero-kit .pad-focused{outline:2px dashed #ffd867;outline-offset:2px}.kit-popout{position:fixed;z-index:60;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px}.kit-popout-card.plan-card{position:relative;transform:none;cursor:default}.kit-popout-note{margin:0;padding:2px 8px;border-radius:4px;font-family:VT323,monospace;font-size:1rem;color:#ffd867;background:#000000bf}.board-input-hint{position:absolute;left:8px;bottom:8px;z-index:26;pointer-events:none}.input-hint{display:flex;gap:8px;align-items:center;pointer-events:none}.input-hint-chip{display:flex;align-items:center;gap:3px;font-family:VT323,monospace;font-size:.85rem;background:#0009;color:#f8f4e8;border-radius:4px;padding:2px 6px}.input-hint-glyph{font-weight:700;color:#ffd867}.hud-band .kit-bar{position:absolute;top:50%;transform:translateY(-50%);left:calc(var(--deck-pile-inset) + var(--deck-pile-w) + 96px + 3 * 110px * var(--slot-zoom) + 16px + 20px);right:calc(var(--deck-pile-inset) + var(--deck-pile-w) + 390px * var(--hud-zoom, 1));display:flex;justify-content:center;width:auto;min-width:0;container-type:normal}.hud-band .hero-kit-body{flex-direction:row;align-items:center;gap:10px;min-width:0;padding:0;background:none;border:none}.hud-band .kit-relics{display:flex;gap:calc(8px * var(--hud-zoom, 1));align-items:center}.hud-band .kit-items{display:flex;gap:calc(8px * var(--hud-zoom, 1));align-items:center;flex-wrap:nowrap;min-width:0;min-height:0;padding:6px 4px 6px 10px;border-left:2px solid #5a3a1e}.hud-band .kit-respawn-btn{min-height:44px;font-size:16px}.hud-band .band-turn{position:absolute;right:calc(var(--deck-pile-inset) + var(--deck-pile-w) + 110px * var(--hud-zoom, 1));top:50%;transform:translateY(-50%)}.hud-band .turn-controls{position:static;zoom:var(--hud-zoom, 1);display:flex;gap:8px;align-items:center}.hud-band .turn-end-btn{position:relative;isolation:isolate;min-height:44px;padding:10px 30px 10px 18px;border:none;border-radius:0;background:none;color:#3a2414;font:700 18px Pixelify Sans,sans-serif;box-shadow:none}.hud-band .turn-end-btn:before,.hud-band .turn-end-btn:after{content:"";position:absolute;z-index:-1;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%)}.hud-band .turn-end-btn:before{top:0;right:0;bottom:0;left:0;background:#3a2600}.hud-band .turn-end-btn:after{top:2px;right:3px;bottom:2px;left:3px;background:linear-gradient(#ffe08a,#f2c14e)}.hud-band .band-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-family:Pixelify Sans,sans-serif;font-size:16px;color:#ffe08a}.hud-band .turn-end-btn.turn-end-btn--done{background:#3b4152;color:#d8d2bd;border:2px solid #6b7285;font-size:16px;padding:10px 16px}.hud-band .turn-end-btn.turn-end-btn--done:before,.hud-band .turn-end-btn.turn-end-btn--done:after{display:none}.hud-band .turn-undo-btn{min-height:44px;background:#262c40;color:#f0e9cd;border:2px solid #4a3a1c}.kit-more{position:fixed;z-index:62;display:flex;flex-wrap:wrap;gap:6px;max-width:280px;padding:8px;background:linear-gradient(#f8f2dc,#ecdfb9);border:2px solid #5b3a10;border-radius:4px;box-shadow:0 6px 14px #0009}.card-face{display:flex;flex-direction:column;width:100%;height:100%;font-family:VT323,monospace;color:#2b2417;position:relative}.cf-art{background:radial-gradient(circle at 50% 40%,#d8e6c4,#9db07e);border:1.5px solid #8a7648;border-radius:6px 6px 0 0;margin:6px 8px 0;display:flex;align-items:center;justify-content:center;flex:0 0 34%;overflow:hidden}.cf-art img{width:55%;max-width:64px;image-rendering:pixelated}.cf-banner{position:relative;z-index:2;margin:-11px auto 0;width:fit-content;max-width:92%;background:linear-gradient(#c9a648,#a8862f);color:#231c08;font-weight:700;font-size:.85rem;padding:2px 12px;border:2px solid #613f01;border-radius:12px;box-shadow:0 2px 5px #0006;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-desc{margin:5px 9px 0;flex:1;font-size:.72rem;line-height:1.3;text-align:left;color:#3a2f14;overflow:hidden}.cf-desc--long{font-size:.63rem;line-height:1.22}.cf-desc--xlong{font-size:.57rem;line-height:1.16;letter-spacing:-.01em}.cf-keyword{font-weight:700;text-decoration:underline dotted;text-underline-offset:2px;cursor:help}.cf-flavor{margin:3px 10px 0;text-align:center;font-style:italic;font-size:.55rem;color:#6b5a35;line-height:1.2}.cf-tray{margin:4px 6px 6px;display:flex;gap:5px;justify-content:center;background:#613f0124;border-radius:6px;padding:3px}.cf-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffdf5;border:1.5px solid #c9a648;border-radius:4px;box-shadow:0 1px 3px #0000004d;color:#5a4a20;font-size:.5rem;width:34px;padding:1px 0}.cf-chip b{font-size:.8rem;color:#231c08;line-height:1}.card-face--slot .cf-flavor{display:none}.card-face--slot .cf-banner{font-size:.7rem;padding:1px 8px}.card-face--slot .cf-desc{font-size:.55rem;line-height:1.18}.card-face--rail .cf-art{flex:0 0 42%}.card-face--rail .cf-banner{font-size:.7rem;padding:1px 8px}.card-face--dense .cf-art{flex:0 0 26%}.card-face--dense .cf-art img{width:42%}.cf-price{position:absolute;top:-8px;left:-8px;z-index:3;width:30px;height:30px;border-radius:50%;background:#613f01;border:2px solid #c9a648;color:#ffd867;font-family:VT323,monospace;font-size:1.05rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000080}.card-face--slot .cf-price{width:26px;height:26px;font-size:.9rem}.card-face--rail .cf-desc{display:none}.combo-card:hover{transform:scale(1.55) translateY(-42px);z-index:60;transition:transform .15s ease}.combo-card:hover .card-face--rail .cf-desc{display:block}.combo-card:hover .card-face--rail .cf-art{flex:0 0 26%}.cf-hero-badge{position:absolute;top:-8px;right:-8px;z-index:3;max-width:80%;padding:1px 6px;border:2px solid #c9a648;border-radius:8px;color:#fff;font-family:VT323,monospace;font-size:.8rem;line-height:1.1;white-space:nowrap;box-shadow:0 2px 5px #00000080}.cf-hero-1{background:#3b3f4a}.cf-hero-2{background:#8a1c2b}.cf-hero-3{background:#7a5a1e}.cf-hero-4{background:#2f5fa8}.cf-hero-5{background:#5a4a3a}.card-face--slot .cf-hero-badge{font-size:.65rem;padding:0 4px}:root{--hud-nav-h: clamp(52px, 6.5vh, 72px);--play-layout-pad-x: 12px}body:has(.play-layout){margin:0;background:radial-gradient(ellipse at 50% 40%,#151c30,#0c101d 80%);background-attachment:fixed}.play-layout{display:grid;background:radial-gradient(ellipse at 50% 40%,#151c30,#0c101d 80%);grid-template-columns:clamp(150px,17vw,420px) minmax(0,1fr) clamp(170px,20vw,480px);grid-template-areas:"nav nav nav" "left board right" "band band band";grid-template-rows:var(--hud-nav-h) minmax(0,1fr) 0;box-sizing:border-box;height:var(--play-layout-h);column-gap:8px;justify-content:center;padding:var(--play-layout-pad-y) var(--play-layout-pad-x) 0;overflow:hidden}.play-layout--gameplay{grid-template-rows:var(--hud-nav-h) minmax(0,1fr) var(--hud-band-h)}.play-layout .hud-nav-row{grid-area:nav;min-width:0;margin:calc(-1 * var(--play-layout-pad-y)) calc(-1 * var(--play-layout-pad-x)) 0}.play-layout .hud-band{grid-area:band;position:relative;margin:0 calc(-1 * var(--play-layout-pad-x));background:linear-gradient(#1b1308,#120c05);border-top:3px solid #5a3a1e;box-shadow:0 -3px #2a1a0c}.play-layout .sideNav.left{grid-area:left}.play-layout .sideNav.right{grid-area:right}.board-stage{grid-area:board;min-height:0;position:relative;container-type:size;display:flex}.board-fit{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,filter .3s ease;container-type:size}.play-layout .sideNav{height:auto;width:100%;max-width:600px;box-sizing:border-box}.play-layout .sideNav.left{justify-content:flex-start;gap:8px;overflow-y:auto}.play-layout .sideNav.right{justify-content:flex-start;gap:6px;min-height:0;min-width:0;overflow-x:hidden}.play-layout .sideNav.left{min-width:0;overflow-x:hidden}.play-layout .board{box-sizing:border-box;height:min(100cqw,100cqh);width:auto;max-width:100%;max-height:100%}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#0a0804b8}.game-over-panel{min-width:320px;max-width:480px;padding:28px 36px;text-align:center;background:var(--color-parchment);border:3px solid var(--color-brown-medium);border-radius:10px;box-shadow:0 12px 40px #0009;color:var(--color-brown-dark)}.game-over-panel h1{margin:0 0 8px;letter-spacing:.12em}.game-over-panel.victory h1{color:#1d5c1d}.game-over-panel.defeat h1{color:#7a1717}.game-over-reason{margin:0 0 16px;font-style:italic}.game-over-stats{display:flex;justify-content:center;gap:16px;margin-bottom:20px;font-size:.9rem;font-weight:600}.game-over-exit{font-size:1rem;font-weight:700;padding:8px 22px;border-radius:6px;border:2px solid var(--color-brown-medium);background:var(--color-brown-dark);color:var(--color-parchment);cursor:pointer}.game-over-exit:hover{filter:brightness(1.15)}.game-over-exit.pad-focused{outline:2px dashed #ffd867;outline-offset:2px;box-shadow:0 0 10px #ffd86799}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:920;display:flex;align-items:center;justify-content:center;background:#0a0804b8}.confirm-dialog-panel{min-width:320px;max-width:480px;padding:28px 36px;text-align:center;background:var(--color-parchment);border:3px solid var(--color-brown-medium);border-radius:10px;box-shadow:0 12px 40px #0009;color:var(--color-brown-dark)}.confirm-dialog-panel h1{margin:0 0 20px;letter-spacing:.06em;font-size:1.3rem}.confirm-dialog-actions{display:flex;justify-content:center;gap:16px}.confirm-dialog-actions button{font-size:1rem;font-weight:700;padding:8px 22px;border-radius:6px;border:2px solid var(--color-brown-medium);cursor:pointer}.confirm-dialog-cancel{background:var(--color-brown-dark);color:var(--color-parchment)}.confirm-dialog-cancel:hover{filter:brightness(1.15)}.confirm-dialog-confirm{background:var(--color-parchment);color:#7a1717;border-color:#7a1717}.confirm-dialog-confirm:hover{filter:brightness(.95)}.confirm-dialog-actions button.pad-focused{outline:2px dashed #ffd867;outline-offset:2px;box-shadow:0 0 10px #ffd86799}@media(min-width:1600px)and (min-aspect-ratio:16 / 10){.play-layout{grid-template-columns:clamp(150px,26vw,540px) minmax(0,1fr) clamp(170px,20vw,480px)}}@media(max-aspect-ratio:16/10),(max-width:1365px){.play-layout{grid-template-columns:calc(232px * var(--hud-zoom, 1)) minmax(0,1fr) calc(232px * var(--hud-zoom, 1))}}.sprite{width:var(--sprite-size);height:var(--sprite-size);background-repeat:no-repeat;background-size:calc(var(--sprite-size) * 6) var(--sprite-size);image-rendering:pixelated;animation:sprite-idle .9s steps(6) infinite}@keyframes sprite-idle{0%{background-position-x:0}to{background-position-x:calc(var(--sprite-size) * -6)}}.sprite--flip{transform:scaleX(-1)}.sprite--silhouette{filter:brightness(0)}@media(prefers-reduced-motion:reduce){.sprite{animation:none}}@property --sky-top{syntax: "<color>"; inherits: true; initial-value: #0b1020;}@property --sky-mid{syntax: "<color>"; inherits: true; initial-value: #18203a;}@property --sky-horizon{syntax: "<color>"; inherits: true; initial-value: #2a2236;}.night-scene{transition:--sky-top .3s ease,--sky-mid .3s ease,--sky-horizon .3s ease;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.night-scene--dimmed{filter:blur(3px) brightness(.4)}.night-scene>*{position:absolute}.night-scene__sky{top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 95%,color-mix(in srgb,var(--sky-horizon) 60%,transparent),transparent 70%),linear-gradient(var(--sky-top) 0%,var(--sky-mid) 50%,var(--sky-horizon) 80%)}.night-scene__stars{top:0;right:0;bottom:40%;left:0;background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#fff9 1px,transparent 1.5px);background-size:61px 43px,97px 71px;background-position:0 0,30px 20px;opacity:.55}.night-scene__moon{left:84%;top:8%;width:7vh;height:7vh;background:#f3e6c0;box-shadow:0 0 40px 10px #f3e6c055;clip-path:polygon(30% 0,70% 0,70% 10%,90% 10%,90% 30%,100% 30%,100% 70%,90% 70%,90% 90%,70% 90%,70% 100%,30% 100%,30% 90%,10% 90%,10% 70%,0 70%,0 30%,10% 30%,10% 10%,30% 10%)}.night-scene__hills{left:0;right:0;bottom:34%;height:20%;background:#10162a;clip-path:polygon(0% 100%,0% 43.3%,6.2% 43.3%,6.2% 54%,12.5% 54%,12.5% 47.9%,18.8% 47.9%,18.8% 56.1%,25% 56.1%,25% 56.9%,31.2% 56.9%,31.2% 37.3%,37.5% 37.3%,37.5% 35.5%,43.8% 35.5%,43.8% 64.3%,50% 64.3%,50% 44.1%,56.2% 44.1%,56.2% 43.2%,62.5% 43.2%,62.5% 69.8%,68.8% 69.8%,68.8% 51.5%,75% 51.5%,75% 64.3%,81.2% 64.3%,81.2% 51.7%,87.5% 51.7%,87.5% 57.4%,93.8% 57.4%,93.8% 40.3%,100% 40.3%,100% 100%)}.night-scene__ridge{left:48%;width:50%;bottom:34%;height:9%;background:#1b2238;clip-path:polygon(0 100%,0 70%,3% 70%,3% 40%,7% 40%,7% 0,93% 0,93% 40%,97% 40%,97% 70%,100% 70%,100% 100%)}.night-scene__grass{left:0;right:0;bottom:0;height:34%;background:#1e2a1e}.night-scene__soil{left:0;right:0;bottom:0;height:21%;background:#14100c}.night-scene__light-pool{left:66%;bottom:19%;width:90vh;height:15vh;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,#ff9a3c40,#ff9a3c14 55%,transparent 72%)}.night-scene__glow{left:66%;bottom:21%;width:48vh;height:25vh;transform:translate(-50%);z-index:1;background:radial-gradient(ellipse at 50% 80%,#ff9a3c55,transparent 65%)}.night-scene__hero{display:flex;flex-direction:column;align-items:center}.night-scene__hero-shadow{position:absolute;left:50%;transform:translate(-50%);bottom:-.7vh;height:1.4vh;border-radius:50%;background:#0008}.night-scene__flame{left:calc(66% - 3.1vh);bottom:24%;width:6.2vh;height:9vh;z-index:2;background:linear-gradient(#ffe08a,#ff8a2a 45%,#c0301a);clip-path:polygon(50% 0,62% 22%,75% 12%,78% 40%,92% 34%,100% 100%,0 100%,8% 38%,22% 46%,26% 16%,38% 30%);transform-origin:bottom;animation:flame-flicker .5s steps(2) infinite}@keyframes flame-flicker{50%{transform:scaleY(.86) scaleX(1.06)}}.night-scene__logs{left:calc(66% - 5.2vh);bottom:22.6%;width:10.4vh;height:1.7vh;z-index:2;background:#3a2414;box-shadow:inset 0 -4px #24160c}.night-scene__ember{width:3px;height:3px;background:#ffb35c;opacity:0;animation:ember-rise 4s linear infinite}@keyframes ember-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}to{transform:translateY(-260px) translate(30px);opacity:0}}@media(prefers-reduced-motion:reduce){.night-scene__flame,.night-scene__ember{animation:none}.night-scene__ember{display:none}.night-scene{transition:none}}.save-picker{position:relative;isolation:isolate;width:min(560px,44vw);padding:22px 26px 38px;color:#3a2600;font-family:VT323,monospace}.save-picker__title{margin:0 0 10px;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:2rem;color:#613f01}.save-picker__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.save-picker__row{display:flex;align-items:center;gap:10px;padding:4px 0;border-bottom:1px solid #613f0122;font-size:1.2rem}.save-picker__kind{font-size:.85rem;padding:0 6px;box-shadow:inset 0 0 0 2px #613f0155}.save-picker__kind--manual{background:#f2c14e55}.save-picker__label{flex:1}.save-picker button{font:inherit;font-size:1.2rem;padding:2px 12px;cursor:pointer;background:#613f01;color:#f2c14e;border:none}.save-picker button[aria-disabled=true]{opacity:.6;cursor:default}.save-picker button,.save-picker button:active{box-shadow:none;border-radius:0;margin:0}.save-picker__back{margin-top:12px}.save-picker button.pad-focused,.save-picker button:focus-visible{outline:3px solid #f2c14e;outline-offset:2px}.edge-flag,.edge-flag:active{position:fixed;z-index:2;bottom:16%;height:52px;min-width:84px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:0;box-shadow:none;margin:0;font-family:VT323,monospace;font-size:32px;color:#f0e9cd;cursor:pointer}.edge-flag--back{left:0;padding-right:12px;background:#9b2d20;clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%)}.edge-flag--confirm{right:0;padding:0 14px 0 26px;background:#2f6b45;clip-path:polygon(18% 0,100% 0,100% 100%,18% 100%,0 50%)}.edge-flag__text{font-size:22px}.edge-flag:hover,.edge-flag:focus-visible,.edge-flag.pad-focused{filter:brightness(1.25);outline:none}.code-entry{position:relative;display:inline-block}.code-entry__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:none;padding:0;font-size:16px;cursor:text}.code-entry__boxes{display:flex;gap:5px;pointer-events:none}.code-entry__box{width:30px;height:40px;display:flex;align-items:center;justify-content:center;background:#f0e9cd;color:#3a2600;font-family:VT323,monospace;font-size:32px;box-shadow:inset 0 -4px #c9b98f}.code-entry__box--active{outline:3px solid #f2c14e}.code-entry--invalid .code-entry__box{box-shadow:inset 0 -4px #b0281d}.code-entry:has(.code-entry__input.pad-focused) .code-entry__boxes{outline:2px dashed #ffd867;outline-offset:4px}.edge-flag:disabled{filter:grayscale(.7) brightness(.7);cursor:default}.phone{--phone-gold: #f2c14e;--phone-parch: #f0e9cd;--phone-touch: 44px;position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#1a2238,#0f1424 70%);color:var(--phone-parch);font-family:VT323,monospace;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}.phone *{box-sizing:border-box}.phone-status{flex:none;height:44px;display:flex;align-items:center;gap:8px;padding:0 8px;background:repeating-linear-gradient(#5a3a1e 0,#5a3a1e 22px,#4d3119 22px,#4d3119 24px);box-shadow:0 2px #2a1a0c}.phone-status__portrait{flex:none;width:32px;height:32px;border:2px solid #5b3a10;border-radius:5px;background:#2a2f44;image-rendering:pixelated}.phone-status__portrait--down{background:none;border-color:transparent}.phone-status__me{flex:none;width:96px;min-width:0}.phone-status__name{font:700 12px/1.1 Pixelify Sans,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-status__bar{height:7px;background:#2b1d10;border:1px solid #000;position:relative}.phone-status__bar>i{position:absolute;inset:0 auto 0 0;background:#4caf50}.phone-status__bar--low>i{background:#d9822b}.phone-status__nums{font-size:14px;line-height:1}.phone-status__gold{color:var(--phone-gold)}.phone-status .nav-objective{flex:0 1 auto;min-width:0;max-width:50%;height:auto;max-height:100%;margin-left:auto;padding:0 2px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:center;gap:0 6px;overflow:hidden;background:none;font-size:13px;line-height:1.1;white-space:nowrap;zoom:1}.phone .phone-status__menu{flex:none;width:44px;height:44px;min-width:44px;min-height:44px;margin:0 -8px 0 0;padding:0;border:none;border-radius:0;background:none;box-shadow:none;color:var(--phone-parch);font:24px/1 Pixelify Sans,sans-serif}.phone .phone-status__menu[aria-expanded=true]{background:#0005;color:var(--phone-gold)}.phone-board{flex:1;min-height:0;overflow:hidden;position:relative;touch-action:none}.phone-board__stage{position:absolute;left:0;top:0;will-change:transform}.phone-board__stage--easing{transition:transform .2s ease-out}.phone .board{width:100%;height:auto;margin:0;border:0}.phone-board__ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.phone-board__ui>*{pointer-events:auto}.phone-board__zoom{position:absolute;left:6px;top:6px;width:44px;height:44px;border:2px solid #5b3a10;border-radius:6px;background:#f0e9cdeb;color:#3a2414;font-size:22px;line-height:1}.phone-band{flex:none;height:210px;background:linear-gradient(#2a1b10,#170e08);border-top:2px solid #6b4a22}.phone-band__notice{margin:0;padding:16px;text-align:center;font-size:18px;opacity:.8}.phone-minimap{position:absolute;right:6px;top:6px;width:78px;background:#3f6a27;outline:2px solid var(--phone-parch);outline-offset:0;box-shadow:0 2px 8px #000000b3}.phone-minimap__road{fill:#7a5a3c}.phone-minimap__me{fill:var(--phone-gold)}.phone-minimap__hero{fill:#58d058}.phone-minimap__foe{fill:#ff4a3a}.phone-minimap__villager{fill:#fff}.phone-minimap__frame{fill:none;stroke:#fff;stroke-width:.5}.phone-edge{position:absolute;min-width:44px;height:44px;padding:0 10px;border-radius:22px;border:1px solid #ff5a4a;background:#0f1424e0;color:#fff;font:17px/1 VT323,monospace}.phone-edge--villager{border-color:var(--phone-parch)}.phone-edge--top{top:6px;left:50%;transform:translate(-50%)}.phone-edge--bottom{bottom:6px;left:50%;transform:translate(-50%)}.phone-edge--left{left:6px;top:50%;transform:translateY(-50%)}.phone-edge--right{right:6px;top:50%;transform:translateY(-50%)}.phone-edge--top.phone-edge--villager,.phone-edge--bottom.phone-edge--villager{left:28%}.phone-edge--left.phone-edge--villager,.phone-edge--right.phone-edge--villager{top:68%}.phone .phone-thumb{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--thumb-w);height:calc(var(--thumb-w) * 1.4);padding:2px 2px 0;overflow:hidden;border:2px solid #613f01;border-radius:5px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);box-shadow:0 2px 5px #0000008c;color:#231c08}.phone .phone-thumb__art{flex:1 1 0;min-height:0;width:78%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.phone .phone-thumb__name{flex:none;align-self:stretch;padding:0 1px 2px;font:700 11px/1.1 VT323,monospace;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone .phone-thumb--selected{box-shadow:0 0 0 2px var(--phone-gold),0 3px 8px #000000b3}.phone .phone-thumb--dimmed{opacity:.45;filter:grayscale(.5)}.phone .phone-fullcard{flex:none;position:relative;width:var(--fullcard-w, 230px);height:calc(var(--fullcard-w, 230px) * 220 / 150);box-sizing:border-box;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:8px;box-shadow:0 4px 14px #0000008c;container-type:inline-size}.phone .phone-fullcard .cf-art img{max-width:128px}.phone .phone-fullcard .cf-banner{font-size:min(1.7rem,9.07cqw);padding:min(4px,1.33cqw) min(24px,8cqw);margin-top:max(-22px,-7.33cqw);border-radius:24px}.phone .phone-fullcard .cf-desc{font-size:min(1.44rem,7.68cqw)}.phone .phone-fullcard .cf-desc--long{font-size:min(1.26rem,6.72cqw)}.phone .phone-fullcard .cf-desc--xlong{font-size:min(1.14rem,6.08cqw)}.phone .phone-fullcard .cf-flavor{font-size:min(1.1rem,5.87cqw)}.phone .phone-fullcard .cf-chip{font-size:min(1rem,5.33cqw);width:min(68px,22.67cqw)}.phone .phone-fullcard .cf-chip b{font-size:min(1.6rem,8.53cqw)}.phone .phone-viewer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0;box-sizing:border-box;background:#080a14db;overflow:hidden}.phone .phone-viewer__label{flex:none;color:#f0e9cd;font-size:.85rem;letter-spacing:.08em;min-height:28px;display:flex;align-items:center}.phone .phone-viewer__close{position:absolute;top:0;right:0;width:44px;height:44px;z-index:3;border:0;background:transparent;color:#f0e9cd;font-size:1.3rem}.phone .phone-viewer__stage{flex:1;min-height:0;align-self:stretch;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none}.phone .phone-viewer__stage>.phone-fullcard{position:relative;z-index:2}.phone .phone-viewer__peek{position:absolute;top:50%;width:var(--fullcard-w, 230px);padding:0;border:0;background:none;z-index:1;opacity:.45;filter:brightness(.7);transform:translateY(-50%) scale(.85)}.phone .phone-viewer__peek--prev{left:calc(40px - var(--fullcard-w, 230px) * .925)}.phone .phone-viewer__peek--next{right:calc(40px - var(--fullcard-w, 230px) * .925)}.phone .phone-viewer__dots{flex:none;display:flex;gap:6px;align-items:center;min-height:12px}.phone .phone-viewer__dot{width:7px;height:7px;border-radius:50%;background:#f0e9cd59}.phone .phone-viewer__dot[aria-current=true]{background:#f0e9cd}.phone .phone-viewer__actions{flex:none;display:flex;gap:10px;padding:0 16px;position:relative;z-index:3}.phone .phone-viewer__btn{min-height:44px;min-width:120px;padding:0 18px;border-radius:8px;border:2px solid #613f01;font-size:1rem;font-weight:700;background:#f0e9cd;color:#2a1a00}.phone .phone-viewer__btn--primary{background:#e0a526}.phone .phone-viewer__btn[aria-disabled=true]{opacity:.45;filter:grayscale(.8)}.phone .phone-viewer__reason{flex:none;box-sizing:border-box;color:#f0c9a0;font-size:.85rem;text-align:center;padding:0 16px}.phone-main{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.phone-main--viewing .phone-board__ui{visibility:hidden}.phone .phone-token-card,.phone .phone-respawn{position:absolute;left:8px;right:8px;bottom:8px;z-index:20;max-height:45%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:2px solid #2a1a0c;border-radius:6px;box-shadow:0 4px #00000073;color:#2a1a00}.phone .phone-token-card__close,.phone .phone-respawn__close{position:sticky;top:0;z-index:1;display:block;width:44px;height:44px;min-width:44px;min-height:44px;margin:0 0 -44px auto;padding:0;border:none;background:none;box-shadow:none;color:#613f01;font:22px/1 VT323,monospace}.phone .phone-token-card>.playerInfo{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 8px;width:auto;max-height:none;margin:0;padding:8px 44px 8px 8px;border:none}.phone .phone-token-card .playerInfo img{grid-row:1;width:56px;align-self:start}.phone .phone-token-card .playerHealth{min-width:0}.phone .phone-token-card .playerHealth>br{display:none}.phone .phone-token-card .playerInfo-name{display:block;font:700 15px/1.2 Pixelify Sans,sans-serif;overflow-wrap:anywhere}.phone .phone-token-card .statBlock{grid-column:1 / -1;margin-right:-36px;font-size:18px}.phone .phone-token-card .statBlock>div{padding-bottom:0;background-size:auto 28px;background-position:center top}.phone .phone-token-card .statBlock p{line-height:14px}.phone .phone-token-card .status-list{grid-column:1 / -1;margin-right:-36px}.phone-plan{height:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:62px 16px auto;grid-template-areas:"slots piles lock" "prompt prompt prompt" "hand hand hand";align-content:start;align-items:center;row-gap:4px;padding:6px 0 4px}.phone-slots{grid-area:slots;display:flex;gap:3px;padding-left:clamp(4px,calc((100vw - 320px) / 6 + 4px),8px)}.phone-slot{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:62px;padding:0;margin:0;border:0;border-radius:5px;background:none;box-shadow:none;color:inherit;font:inherit}.phone-slot--empty{border:2px dashed rgba(240,233,205,.45);background:#00000040;color:#f0e9cd99;font-size:22px}.phone-band__prompt{grid-area:prompt;margin:0;padding:0 8px;height:16px;font-size:16px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.phone .phone-lockin{grid-area:lock;margin:0 clamp(4px,calc((100vw - 320px) / 6 + 4px),8px) 0 0;min-width:76px;min-height:48px;padding:0 clamp(2px,calc((100vw - 320px)/4 + 2px),8px);font-size:19px;line-height:1;white-space:nowrap;background:linear-gradient(#ffe08a,#f2c14e);color:#231c08;border:2px solid #3a2600;border-radius:6px}.phone .phone-lockin:disabled{opacity:1;filter:grayscale(1) brightness(.8)}.phone-hand{grid-area:hand;align-self:start;display:flex;gap:4px;min-width:0;padding:2px 2px 5px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.phone-hand::-webkit-scrollbar{display:none}.phone-hand--scroll{overflow-x:auto;padding-left:8px;padding-right:8px}.phone-hand__card{flex:none;display:block;padding:0;margin:0;border:0;border-radius:5px;background:none;box-shadow:none;color:inherit;font:inherit;line-height:0}.phone-hand__card:first-child{margin-left:auto}.phone-hand__card:last-child{margin-right:auto}.phone-piles{grid-area:piles;display:flex;gap:3px;justify-content:center;min-width:0}.phone-pile{flex:none;min-width:44px;min-height:44px;height:44px;padding:0 6px;margin:0;border:1px solid rgba(240,233,205,.5);border-radius:22px;background:#0f1424b3;box-shadow:none;color:var(--phone-parch);font:17px/1 VT323,monospace;white-space:nowrap}.phone-pile[aria-disabled=true]{opacity:.55}.phone-rest{height:100%;display:flex;flex-direction:column;padding-top:6px}.phone-rest__row{flex:none;display:flex;align-items:center;gap:8px;min-height:52px;padding:0 8px}.phone-rest__row .phone-piles{margin-left:auto}.phone-combo{display:flex;gap:2px}.phone-combo__card{flex:none;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:52px;padding:0;margin:0;border:0;background:none;box-shadow:none;color:inherit;font:inherit}.phone .phone-band button:active{margin-top:0;margin-left:0}.phone .phone-band .phone-hand__card:first-child:active{margin-left:auto}.phone .phone-thumb--art-only{padding:2px}.phone .phone-thumb--art-only .phone-thumb__art{width:100%}.phone-turn{height:100%;display:flex;flex-direction:column;gap:6px;padding:6px 8px}.phone-turn__row{flex:none;display:flex;flex-direction:column;gap:4px}.phone-turn__prompt{flex:none;margin:0;height:32px;font-size:16px;line-height:16px;overflow:hidden;opacity:.85}.phone-turn__controls{flex:none;display:flex;align-items:center;gap:8px;height:52px}.phone-turn__gap{flex:1 1 0;min-width:0}.phone .phone-turn__cancel,.phone .phone-turn__undo{flex:none;width:48px;min-width:44px;height:48px;margin:0;padding:0;border:2px solid #5b3a10;border-radius:6px;background:#f0e9cdeb;box-shadow:none;color:#3a2414;font:24px/1 VT323,monospace}.phone .phone-turn__confirm{flex:1 1 0;min-width:0;height:48px;min-height:48px;margin:0;padding:0 8px;border:2px solid #3a2600;border-radius:6px;box-shadow:none;font:22px/1 VT323,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone .phone-turn__confirm--move{background:linear-gradient(#ffe08a,#f2c14e);color:#231c08}.phone .phone-turn__confirm--strike{background:linear-gradient(#d24a3a,#8f2219);border-color:#3a0d08;color:#fff3d0}.phone .phone-turn__confirm:disabled{opacity:1;filter:grayscale(1) brightness(.8)}.phone .phone-turn__end{flex:none;min-width:96px;height:48px;min-height:48px;margin:0;padding:0 10px;border:2px solid #c9a648;border-radius:6px;background:linear-gradient(#b23a2c,#6e1c1c);box-shadow:none;color:#fff3d0;font:22px/1 VT323,monospace;letter-spacing:0;white-space:nowrap}.phone .phone-turn__end.phone-turn__end--done{min-width:0;border-color:#6b7285;background:#3b4152;color:#d8d2bd;font-size:18px;opacity:1;filter:none}.phone-turn__kit{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:6px}.phone-turn--pending .phone-turn__kit{opacity:.45}.phone-kit__row{flex:none;display:flex;align-items:stretch;gap:6px;height:44px}.phone-kit__items{flex:none;display:flex;gap:4px}.phone .phone-kit__power,.phone .phone-kit__passive{flex:1 1 0;min-width:44px;height:44px;min-height:44px;margin:0;padding:0 6px;display:flex;align-items:center;gap:6px;position:relative;border:2px solid #5b3a10;border-radius:6px;background:#24170d;box-shadow:none;color:#f0e9cd;font:16px/1 VT323,monospace;text-align:left;overflow:hidden}.phone .phone-kit__power--ready{border-color:#f2c14e;background:linear-gradient(#4a3212,#2b1d0e)}.phone .phone-kit__power--cooldown .phone-kit__icon,.phone .phone-kit__power--idle .phone-kit__icon{filter:grayscale(1) brightness(.7)}.phone .phone-kit__power--aiming,.phone .phone-kit__item--aiming{outline:2px solid #fff3d0;outline-offset:1px;border-color:#d24a3a}.phone .phone-kit__passive{background:none;border-style:dashed}.phone .phone-kit__passive--armed{border-color:#6fbf73}.phone .phone-kit__passive--used{opacity:.6}.phone-kit__icon{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:22px}.phone-kit__icon img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.phone-kit__passive .phone-kit__icon{width:20px;height:20px;font-size:16px}.phone-kit__item .phone-kit__icon{width:36px;height:36px}.phone-kit__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.phone-kit__kind,.phone-kit__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-kit__kind{font-size:14px;line-height:14px;opacity:.7;text-transform:uppercase}.phone-kit__name{font-size:18px;line-height:18px}.phone-kit__cd{position:absolute;left:22px;top:2px;min-width:18px;height:18px;padding:0 2px;box-sizing:border-box;border-radius:9px;background:#8f2219;color:#fff3d0;font-size:16px;line-height:18px;text-align:center}.phone .phone-kit__item,.phone .phone-kit__blessings{flex:none;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:2px solid #5b3a10;border-radius:6px;background:#24170d;box-shadow:none;color:#f0e9cd;font:18px/1 VT323,monospace}.phone .phone-kit__blessings{width:auto;padding:0 6px;border-color:#c9a648;white-space:nowrap}.phone .phone-kit__blast--ready{border-color:#f2c14e}.phone-kit__slot{flex:none;width:44px;height:44px;box-sizing:border-box;border:2px dashed rgba(240,233,205,.25);border-radius:6px}.phone-turn--pending .phone-turn__kit:has(.phone-kit--aiming){opacity:1}.phone-turn--pending .phone-turn__kit:has(.phone-kit--aiming) button:not(.phone-kit--aiming),.phone-turn--pending .phone-turn__kit:has(.phone-kit--aiming) .phone-kit__slot{opacity:.45}.phone-phase{height:100%;display:flex;flex-direction:column;gap:4px;padding:6px 8px}.phone-phase__title{flex:none;margin:0;height:22px;font:700 18px/22px Pixelify Sans,sans-serif;color:var(--phone-gold)}.phone-phase--down .phone-phase__title{color:#ff9a8a}.phone-phase__line{flex:none;margin:0;height:32px;font-size:16px;line-height:16px;overflow:hidden;opacity:.85}.phone-phase__row{flex:none;display:flex;align-items:center;gap:8px;height:52px}.phone-phase__gap{flex:1 1 0;min-width:0}.phone .phone-follow,.phone .phone-respawn-btn{flex:none;min-width:120px;height:44px;min-height:44px;margin:0;padding:0 12px;border:2px solid #5b3a10;border-radius:6px;background:#24170d;box-shadow:none;color:var(--phone-parch);font:20px/1 VT323,monospace;white-space:nowrap}.phone .phone-follow[aria-pressed=true]{border-color:var(--phone-gold);background:linear-gradient(#4a3212,#2b1d0e)}.phone .phone-respawn-btn{margin-top:2px;border-color:#c9a648;background:linear-gradient(#ffe08a,#f2c14e);color:#231c08}.phone .phone-follow-resume{position:absolute;left:6px;bottom:56px;height:44px;min-height:44px;min-width:44px;margin:0;padding:0 12px;border:1px solid var(--phone-gold);border-radius:22px;background:#0f1424e0;box-shadow:none;color:var(--phone-gold);font:17px/1 VT323,monospace;white-space:nowrap}.phone .phone-respawn{padding:8px;background:linear-gradient(#f8f2dc,#ecdfb9)}.phone .phone-respawn>.phone-respawn__close{margin:-8px -8px -36px auto}.phone .phone-respawn__title{margin:0 44px 8px 0;min-height:28px;font:700 16px/28px Pixelify Sans,sans-serif;color:#3a2414}.phone .phone-respawn__none{margin:0;font-size:18px;line-height:1.2}.phone .phone-respawn .item-targets{gap:6px;max-height:none;min-width:0;overflow:visible}.phone .phone-respawn .item-target{min-height:44px;margin:0;padding:0 12px;box-shadow:none;font-size:20px}.phone .phone-menu{position:absolute;top:calc(env(safe-area-inset-top) + 44px);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);z-index:40;display:flex;flex-direction:column;background:linear-gradient(#f8f2dc,#ecdfb9);color:#3a2414}.phone .phone-menu__head{flex:none;min-height:52px;display:flex;align-items:center;gap:8px;padding:4px 12px;border-bottom:2px solid #5b3a10}.phone .phone-menu__title{margin:0;font:700 20px/1 Pixelify Sans,sans-serif;color:#3a2414}.phone .phone-menu__back{flex:none;min-width:88px;height:44px;min-height:44px;margin:0;padding:0 10px;border:2px solid #5b3a10;border-radius:6px;background:none;box-shadow:none;color:#3a2414;font:22px/1 VT323,monospace}.phone .phone-menu__rows{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:0 12px}.phone .phone-menu__row{flex:none;height:52px;min-height:52px;margin:0;padding:0 8px;border:none;border-bottom:1px dashed #b9a77a;border-radius:0;background:none;box-shadow:none;color:#3a2414;font:20px/1 Pixelify Sans,sans-serif;text-align:left}.phone .phone-menu__row--danger{color:#c0301a}.phone .phone-menu__row--back{margin-top:12px;border:2px solid #5b3a10;border-radius:6px;text-align:center}.phone .phone-menu__settings{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 12px 16px}.phone .phone-menu .settings-row{grid-template-columns:1fr;gap:4px}.phone .phone-menu .settings-row__control{gap:2px 6px}.phone .phone-menu .settings-volume{gap:2px}.phone .phone-menu .settings-volume>button:not(.settings-volume__cell){width:44px;height:44px;min-width:44px;min-height:44px}.phone .phone-menu .settings-volume__cell{width:18px;height:44px;min-height:44px;pointer-events:none}.phone .phone-menu .settings-volume__value{margin-left:6px}.phone .phone-menu .settings-switch{width:80px;height:44px;min-height:44px}.phone .phone-menu .settings-switch__knob{width:38px;height:38px}.phone .phone-menu .settings-switch.is-on .settings-switch__knob{transform:translate(36px)}.phone .phone-menu .settings-segments button{min-width:44px;min-height:44px;padding:2px 12px}.phone-rows{flex:none;display:flex;flex-direction:column}.phone-party-strip{flex:none;height:40px}.phone-chips{flex:none;height:38px}.phone .phone-turn__end[aria-disabled=true],.phone .phone-turn__undo[aria-disabled=true]{opacity:.4;filter:grayscale(.7);animation:none}.phone .phone-board .cell.cta-reachable{box-shadow:inset 0 0 0 1px #def3ffe6}.phone .phone-board:has(.cta-reachable) .cell:not(.cta-reachable):not(.aid-route):not(.cta-confirm):not(.cta-possible):not(.aim-valid):not(.aim-preview):not(.aim-hit):not(:has(.token)){box-shadow:inset 0 0 0 9999px #080c1866}.phone .phone-board .cell.aid-route{box-shadow:inset 0 0 0 3px #ffd867,inset 0 0 0 9999px #ffc43c6b}.phone .phone-board .cell.aid-route-end,.phone .phone-board .cell.cta-confirm{box-shadow:inset 0 0 0 2px #3a2600,inset 0 0 0 6px #ffe078,inset 0 0 0 9999px #ffd86799}.phone .phone-board .cell.cta-possible,.phone .phone-board .cell.aim-valid{outline:3px dashed rgb(255,120,90);outline-offset:-3px;box-shadow:inset 0 0 0 9999px #ff463242}.phone .phone-board .cell.aim-preview{box-shadow:inset 0 0 0 9999px #d32f2f80}.phone .phone-board .cell.aim-hit{outline:4px solid rgb(255,60,48);outline-offset:-4px}.phone .phone-kit__passive .phone-kit__text{max-height:36px;overflow:hidden}.phone .phone-kit__passive .phone-kit__name{flex:none;white-space:normal;overflow:visible;overflow-wrap:anywhere}.phone .phone-kit__passive .phone-kit__kind{flex:none}.phone .phone-main:has(.phone-token-card) .phone-follow-resume,.phone .phone-main:has(.phone-respawn) .phone-follow-resume{top:56px;bottom:auto}.phone .phone-viewer__extra{flex:none;align-self:stretch;position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 8px;padding:0 16px;color:#f0e9cd}.phone .phone-viewer__note{flex:none;box-sizing:border-box;padding:0 16px;color:#f0e9cd;font-size:.85rem;text-align:center}.phone.phone--landscape .phone-viewer{--viewer-side: clamp(134px, 100% - 322px, 300px);align-items:flex-end}.phone.phone--landscape .phone-viewer__stage{position:absolute;top:0;bottom:0;left:-88px;right:var(--viewer-side);padding-left:88px;overflow:hidden}.phone.phone--landscape .phone-viewer__peek--prev{left:calc(50% + 40px - var(--fullcard-w, 230px) * 1.425 + clamp(-3000px,(50% - var(--fullcard-w, 230px) / 2 - 68px) * 1000,0px))}.phone.phone--landscape .phone-viewer__peek--next{right:calc(50% - 48px - var(--fullcard-w, 230px) * 1.425 + clamp(-3000px,(50% - var(--fullcard-w, 230px) / 2 - 68px) * 1000,0px))}.phone.phone--landscape .phone-viewer__label{width:var(--viewer-side);align-self:flex-end;min-height:44px;margin-bottom:auto;padding:0 44px 0 8px;line-height:1.15}.phone.phone--landscape .phone-viewer__dots{width:var(--viewer-side);align-self:flex-end;flex-wrap:wrap;justify-content:center;padding:0 8px}.phone.phone--landscape .phone-viewer__extra{width:var(--viewer-side);align-self:flex-end;flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px}.phone.phone--landscape .phone-viewer__reason,.phone.phone--landscape .phone-viewer__note{width:var(--viewer-side);align-self:flex-end;order:1;padding:0 8px}.phone.phone--landscape .phone-viewer__actions{width:var(--viewer-side);align-self:flex-end;order:2;flex-direction:column;gap:8px;padding:0 8px}.phone.phone--landscape .phone-viewer__btn{min-width:0;padding:4px 6px;line-height:1.1;white-space:normal}.phone .phone-rounds{position:absolute;top:calc(env(safe-area-inset-top) + 44px);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);z-index:35;display:flex;flex-direction:column}.phone .phone-rounds[hidden]{display:none}.phone .phone-rounds:empty{display:none}.phone .phone-rounds__unpeek{position:absolute;top:calc(env(safe-area-inset-top) + 100px);left:calc(env(safe-area-inset-left) + 6px);z-index:35;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:2px solid #5b3a10;border-radius:6px;background:var(--phone-gold);box-shadow:0 2px 6px #0009;color:#231c08;font:22px/1 system-ui,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.phone .phone-page{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:linear-gradient(#f8f2dc,#ecdfb9);color:#2a1a00}.phone .phone-page__head{flex:none;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 0 0 12px;border-bottom:2px solid #5b3a10}.phone .phone-page__title{flex:1;min-width:0;margin:0;color:#3a2414;font:700 20px/1.1 Pixelify Sans,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone .phone-page__aside{flex:none;font-size:20px;line-height:1;white-space:nowrap}.phone .phone-page__aside:last-child{padding-right:12px}.phone .phone-page__peek{flex:none;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:none;border-radius:0;background:none;box-shadow:none;color:#3a2414;font:22px/1 system-ui,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.phone .phone-page__body{position:relative;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px}.phone .phone-page__bar{flex:none;display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:2px solid #5b3a10;background:#e3d3a4}.phone .phone-page__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.phone .phone-page__overlay .phone-viewer{background:#0b0d17}.phone .phone-page .phone-viewer__close{box-shadow:none}.phone .phone-page__title:focus,.phone .phone-page__overlay:focus{outline:none}.phone .phone-tile{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:3px;min-width:44px;min-height:44px;margin:0;padding:4px;border:none;border-radius:6px;background:none;box-shadow:none;color:#2a1a00;font:18px/1 VT323,monospace;overflow:hidden}.phone .phone-tile:disabled{opacity:1;filter:none}.phone .phone-tile__price{display:flex;align-items:baseline;gap:4px}.phone .phone-tile__list{opacity:.6}.phone .phone-tile__mark{position:absolute;top:14px;left:-6px;right:-6px;padding:1px 0;background:#c0301a;color:#fff;font:700 11px/1.3 Pixelify Sans,sans-serif;letter-spacing:.04em;text-align:center;transform:rotate(-10deg);pointer-events:none}.phone .phone-tile--held .phone-tile__mark{background:#2f6fb0}.phone .phone-tile--sold .phone-tile__mark,.phone .phone-tile--released .phone-tile__mark{background:#4a4234}.phone .phone-party-strip,.phone .phone-chips{display:flex;align-items:flex-start;gap:4px;padding:0 4px}.phone .phone-hero-chip{position:relative;flex:1 1 0;min-width:44px;height:44px;min-height:44px;margin:-10px 0 0;padding:10px 0 0;border:none;border-radius:0;background:none;box-shadow:none;color:var(--phone-parch);font:15px/1 VT323,monospace;text-align:left}.phone .phone-hero-chip__face{position:relative;display:flex;align-items:center;gap:4px;height:34px;padding:0 4px 0 2px;border:1px solid #3a4a6b;border-radius:6px;background:linear-gradient(#232e4a,#161d33);overflow:hidden}.phone .phone-hero-chip--me .phone-hero-chip__face{border-color:var(--phone-gold)}.phone .phone-hero-chip[aria-pressed=true] .phone-hero-chip__face{background:linear-gradient(#4a3a14,#2b2210);border-color:var(--phone-gold)}.phone .phone-hero-chip--down .phone-hero-chip__portrait{filter:grayscale(1);opacity:.55}.phone .phone-hero-chip__order{position:absolute;left:1px;top:1px;z-index:1;width:12px;height:12px;border-radius:50%;background:#0f1424;color:var(--phone-gold);font-size:12px;line-height:12px;text-align:center}.phone .phone-hero-chip__portrait{flex:none;width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.phone .phone-hero-chip__body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}.phone .phone-hero-chip__hp{white-space:nowrap;overflow:hidden}.phone .phone-hero-chip__bar{display:block;height:5px;background:#2b1d10;border:1px solid #000;position:relative}.phone .phone-hero-chip__bar>i{position:absolute;inset:0 auto 0 0;background:#4caf50}.phone .phone-hero-chip__bar--low>i{background:#d9822b}.phone .phone-hero-chip__state{flex:none;color:var(--phone-gold);font-size:15px}.phone .phone-chip{position:relative;flex:none;min-width:64px;max-width:34%;height:44px;min-height:44px;margin:-6px 0 0;padding:6px 0 0;border:none;border-radius:0;background:none;box-shadow:none;color:var(--phone-parch);font:16px/1 VT323,monospace;text-align:left}.phone .phone-chip--log{flex:1 1 0;min-width:44px;max-width:none}.phone .phone-chip__face{display:flex;align-items:center;gap:6px;height:38px;padding:0 8px;border:1px solid #3a4a6b;border-radius:6px;background:linear-gradient(#232e4a,#161d33);overflow:hidden}.phone .phone-chip[aria-pressed=true] .phone-chip__face{background:var(--phone-gold);border-color:var(--phone-gold);color:#2a1a00}.phone .phone-chip__text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone .phone-chip__dot{flex:none;width:8px;height:8px;border-radius:50%;background:#e0492f;box-shadow:0 0 0 1px #000}.phone .phone-party-strip--locked .phone-hero-chip__face,.phone .phone-chips--locked .phone-chip__face{opacity:.45}.phone .phone-sheet{position:absolute;left:0;right:0;bottom:0;z-index:22;height:288px;max-height:55%;display:flex;flex-direction:column;border-top:2px solid var(--phone-gold);border-radius:10px 10px 0 0;background:linear-gradient(#1c2540,#12182b);box-shadow:0 -4px 12px #0000008c;color:var(--phone-parch)}.phone .phone-sheet__grip{flex:none;padding:0 8px;touch-action:none}.phone .phone-sheet__handle{height:12px;display:flex;align-items:center;justify-content:center}.phone .phone-sheet__handle:before{content:"";width:40px;height:4px;border-radius:2px;background:#5b6a8c}.phone .phone-sheet__bar{display:flex;gap:6px;height:44px}.phone .phone-sheet__tabs{flex:1 1 0;min-width:0;display:flex;gap:6px}.phone .phone-sheet__tab{flex:1 1 0;min-width:44px;height:44px;min-height:44px;margin:0;padding:0 4px;border:1px solid #3a4a6b;border-radius:6px;background:#161d33;box-shadow:none;color:#9aa7c7;font:15px/1 Pixelify Sans,sans-serif;letter-spacing:1px;text-transform:uppercase}.phone .phone-sheet__tab[aria-pressed=true]{background:var(--phone-gold);border-color:var(--phone-gold);color:#2a1a00}.phone .phone-sheet__close{flex:none;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid #3a4a6b;border-radius:6px;background:#161d33;box-shadow:none;color:var(--phone-parch);font:18px/1 Pixelify Sans,sans-serif}.phone .phone-sheet__body{flex:1;min-height:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:6px 8px 8px}.phone .phone-sheet__body>.phone-log{min-height:148px}.phone .phone-sheet__body:has(>.phone-log){flex-direction:column-reverse}.phone .phone-sheet__body>.phone-threats{min-height:176px}.phone .phone-party{flex:none;display:flex;flex-direction:column;gap:4px}.phone .phone-party__empty{margin:0;padding:12px 0;color:#9aa7c7;font:16px/1.2 VT323,monospace;text-align:center}.phone .phone-party__heroes{flex:none;display:flex;gap:4px}.phone .phone-party__hero{position:relative;flex:1 1 0;min-width:44px;height:44px;min-height:44px;margin:0;padding:0 4px 0 2px;display:flex;align-items:center;gap:4px;overflow:hidden;border:1px solid #3a4a6b;border-radius:6px;background:linear-gradient(#232e4a,#161d33);box-shadow:none;color:var(--phone-parch);font:15px/1 VT323,monospace;text-align:left}.phone .phone-party__hero--me{border-color:#8a7434}.phone .phone-party__hero[aria-pressed=true]{background:linear-gradient(#4a3a14,#2b2210);border-color:var(--phone-gold);box-shadow:inset 0 0 0 1px var(--phone-gold)}.phone .phone-party__hero--down .phone-party__portrait{filter:grayscale(1);opacity:.55}.phone .phone-party__order{position:absolute;left:1px;top:1px;z-index:1;width:13px;height:13px;border-radius:50%;background:#0f1424;color:var(--phone-gold);font-size:12px;line-height:13px;text-align:center}.phone .phone-party__portrait{flex:none;width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.phone .phone-party__vitals{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px}.phone .phone-party__hp{white-space:nowrap;overflow:hidden}.phone .phone-party__bar{display:block;height:5px;background:#2b1d10;border:1px solid #000;position:relative}.phone .phone-party__bar>i{position:absolute;inset:0 auto 0 0;background:#4caf50}.phone .phone-party__bar--low>i{background:#d9822b}.phone .phone-party__sheet{flex:none;display:flex;align-items:flex-start;gap:6px;min-height:136px}.phone .phone-party .game-radar{flex:none;display:block}.phone .phone-party .game-radar__ring{stroke:#3f4f73}.phone .phone-party .game-radar__spoke{stroke:#2f3b5a}.phone .phone-party .game-radar__base{stroke:#c9d3ea}.phone .phone-party .game-radar__label{fill:var(--phone-parch)}.phone .phone-party .game-radar__delta--up{fill:#6fd07a}.phone .phone-party .game-radar__delta--down{fill:#ff7a66}.phone .phone-party__stats{flex:1 1 0;min-width:0}.phone .phone-party__who{display:flex;align-items:baseline;gap:6px;height:18px;overflow:hidden}.phone .phone-party__name{min-width:0;color:var(--phone-gold);font:14px/18px Pixelify Sans,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone .phone-party__fallen{flex:none;color:#ff7a66;font:15px/18px VT323,monospace;white-space:nowrap}.phone .phone-party__list{margin:0;padding:0}.phone .phone-party__stat{display:flex;gap:6px;height:14px;font:16px/14px VT323,monospace;white-space:nowrap}.phone .phone-party__stat>dt{flex:none;width:72px;margin:0;color:#9aa7c7}.phone .phone-party__stat>dd{margin:0;color:var(--phone-gold)}.phone .phone-party__delta--up{color:#6fd07a}.phone .phone-party__delta--down{color:#ff7a66}.phone .phone-party__statuses{flex:none;display:flex;flex-wrap:wrap;gap:4px;min-height:20px;align-items:center}.phone .phone-party__statuses .status-chip{font-size:13px;white-space:nowrap}.phone .phone-party__cards{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:2px}.phone .phone-party__cards-tag{flex:none;margin-right:4px;color:#9aa7c7;font:12px/1 Pixelify Sans,sans-serif;letter-spacing:1px;text-transform:uppercase}.phone .phone-party__card{flex:none;width:44px;min-width:44px;height:52px;min-height:44px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:0;background:none;box-shadow:none}.phone .phone-threats{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:4px}.phone .phone-threats__boss{flex:none}.phone .phone-threats__none{flex:none;margin:0;height:18px;color:#9aa7c7;font:italic 15px/18px VT323,monospace}.phone .phone-dossier{width:100%;height:44px;min-height:44px;margin:0;padding:2px 4px;display:flex;align-items:center;gap:6px;overflow:hidden;border:1px solid transparent;border-radius:6px;background:none;box-shadow:none;color:var(--phone-parch);font:15px/1 VT323,monospace;text-align:left}.phone .phone-dossier[aria-current=true]{border-color:var(--phone-gold);background:linear-gradient(#4a3a14,#2b2210)}.phone .phone-dossier__img{flex:none;width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.phone .phone-dossier__body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}.phone .phone-dossier__top{display:flex;align-items:baseline;gap:5px;height:15px}.phone .phone-dossier__tag{flex:none;color:#ff8a5c;font:10px/15px Pixelify Sans,sans-serif;letter-spacing:1px;text-transform:uppercase}.phone .phone-dossier__name{flex:1 1 0;min-width:0;font:14px/15px Pixelify Sans,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone .phone-dossier__hp{flex:none;white-space:nowrap}.phone .phone-dossier__bar{display:block;height:5px;background:#2b1d10;border:1px solid #000;position:relative}.phone .phone-dossier__bar>i{position:absolute;inset:0 auto 0 0;background:#d8402f}.phone .phone-dossier__stats{height:13px;color:#b9c4e0;font-size:14px;line-height:13px;white-space:nowrap;overflow:hidden}.phone .phone-dossier__lines{margin:2px 0 0;padding:0 4px;color:#b9c4e0;font:14px/13px VT323,monospace}.phone .phone-threats__list{position:relative;flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.phone .phone-threats__empty{margin:0;padding:12px 0;color:#9aa7c7;font:16px/1.2 VT323,monospace;text-align:center}.phone .phone-threat{display:block;width:100%;height:44px;min-height:44px;margin:0;padding:4px 0 3px;border:none;border-radius:0;background:none;box-shadow:none;color:var(--phone-parch);font:15px/1 VT323,monospace;text-align:left}.phone .phone-threat__face{display:flex;align-items:center;gap:6px;height:37px;padding:0 5px 0 3px;overflow:hidden;border:1px solid #2c3857;border-radius:6px;background:#161d33}.phone .phone-threat[aria-pressed=true] .phone-threat__face{border-color:var(--phone-gold);background:linear-gradient(#4a3a14,#2b2210)}.phone .phone-threat__img{flex:none;width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.phone .phone-threat__body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}.phone .phone-threat__top{display:flex;align-items:baseline;gap:5px;height:15px;white-space:nowrap}.phone .phone-threat__name{min-width:0;font-size:16px;line-height:15px;overflow:hidden;text-overflow:ellipsis}.phone .phone-threat__count{flex:none;color:#b9c4e0}.phone .phone-threat__tag{flex:none;color:#ff8a5c;font:9px/15px Pixelify Sans,sans-serif;letter-spacing:1px;text-transform:uppercase}.phone .phone-threat__hp{flex:none;margin-left:auto}.phone .phone-threat__low{color:#9aa7c7;font-size:13px}.phone .phone-threat__bottom{display:flex;align-items:center;gap:6px;height:13px}.phone .phone-threat__bar{flex:1 1 0;min-width:0;height:5px;background:#2b1d10;border:1px solid #000;position:relative}.phone .phone-threat__bar>i{position:absolute;inset:0 auto 0 0;background:#d8402f}.phone .phone-threat__stats{flex:none;color:#b9c4e0;font-size:13px;line-height:13px;white-space:nowrap}.phone .phone-threats__wave{flex:none;margin:0;height:18px;display:flex;align-items:baseline;gap:6px;font:14px/18px VT323,monospace;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.phone .phone-threats__wave-tag{flex:none;color:var(--phone-gold);font:10px/18px Pixelify Sans,sans-serif;letter-spacing:1px;text-transform:uppercase}.phone .phone-threats__wave-text{flex:none;color:#b9c4e0}.phone .phone-threat__marks{display:flex;flex-wrap:wrap;align-items:center;gap:3px 4px;margin:0 0 4px;padding:2px 4px 2px 8px;border-left:2px solid var(--phone-gold)}.phone .phone-threats__boss .phone-threat__marks{margin:2px 0 0}.phone .phone-threat__marks .status-chip{font-size:14px;white-space:nowrap}.phone .phone-threat__which{color:#9aa7c7;font:14px/1 VT323,monospace;white-space:nowrap}.phone .phone-log{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:4px}.phone .phone-log__filters{position:relative;z-index:1;flex:none;height:44px;margin:-6px 0;display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.phone .phone-log__filter{flex:none;height:44px;min-height:44px;min-width:44px;margin:0;padding:8px 3px;border:none;border-radius:0;background:none;box-shadow:none;color:#b9c4e0;font:12px/1 Pixelify Sans,sans-serif;letter-spacing:1px;text-transform:uppercase}.phone .phone-log__filter-face{display:flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border:1px solid #3a4a6b;border-radius:14px;background:#161d33;white-space:nowrap}.phone .phone-log__filter[aria-pressed=true] .phone-log__filter-face{background:#5b6a8c;border-color:#8fa0c8;color:#fff}.phone .phone-log__list{flex:1 1 0;min-height:0;margin:0;padding:0;list-style:none;overflow-x:hidden;overflow-y:auto}.phone .phone-log__list .log-line{font:15px/16px VT323,monospace}.phone .phone-log__list .log-round{margin:2px 0 0;font:11px/16px Pixelify Sans,sans-serif;color:var(--phone-gold);border-bottom:none}.phone .phone-log__empty{padding:12px 0;color:#9aa7c7;font:16px/1.2 VT323,monospace;text-align:center}.phone .phone-log__error{flex:none;margin:0;height:12px;color:#ff7a66;font:15px/12px VT323,monospace}.phone .phone-log__chat{flex:none;display:flex;gap:6px;height:44px;position:sticky;bottom:0;z-index:2;background:#12182b;box-shadow:0 8px #12182b,0 -4px #12182b}.phone .phone-log__input{flex:1 1 0;min-width:0;height:44px;margin:0;padding:0 10px;border:1px solid #3a4a6b;border-radius:6px;background:#0f1424;color:var(--phone-parch);font:16px/1.2 VT323,monospace;-webkit-user-select:text;user-select:text;scroll-margin-bottom:8px}.phone .phone-log__input::placeholder{color:#7f8cab}.phone .phone-log__input:focus{outline:none;border-color:var(--phone-gold)}.phone .phone-log__send{flex:none;min-width:44px;width:60px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid var(--phone-gold);border-radius:6px;background:linear-gradient(#4a3a14,#2b2210);box-shadow:none;color:var(--phone-gold);font:15px/1 Pixelify Sans,sans-serif}.phone .phone-log__send[aria-disabled=true]{opacity:.5}.phone .phone-toasts{position:absolute;top:56px;left:8px;right:90px;z-index:24;display:flex;justify-content:center;pointer-events:none}.phone .phone-toast{pointer-events:auto;min-width:44px;min-height:44px;max-width:100%;margin:0;padding:6px 12px;border-radius:6px;font:16px/1.15 Pixelify Sans,sans-serif;white-space:normal;overflow-wrap:anywhere;text-align:center}.phone .phone-explain{position:absolute;left:8px;top:8px;z-index:60;box-sizing:border-box;max-width:min(260px,calc(100% - 16px));padding:6px 10px;border:1px solid var(--phone-parch);border-radius:6px;background:#10162a;box-shadow:0 3px 10px #000c;color:var(--phone-parch);font-size:16px;line-height:1.15;text-align:left;overflow-wrap:anywhere;pointer-events:none}.phone .phone-keywords{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.phone .phone-keywords__row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px}.phone .phone-keywords__chip{min-width:44px;min-height:44px;margin:0;padding:0 14px;border:1px solid #3a4a6b;border-radius:22px;background:linear-gradient(#232e4a,#161d33);box-shadow:none;color:var(--phone-parch);font:inherit;font-size:18px;line-height:1}.phone .phone-keywords__chip[aria-expanded=true]{background:var(--phone-gold);border-color:var(--phone-gold);color:#2a1a00}.phone .phone-keywords__def{margin:0;max-width:100%;font-size:16px;line-height:1.1;text-align:center}.phone .phone-minimap__fog{fill:#0b1020;fill-opacity:.62}.phone .phone-loot{display:flex;flex-direction:column;gap:12px}.phone .phone-loot__summary{text-align:center;color:#3a2f14;font:17px/1.2 VT323,monospace}.phone .phone-loot__summary p{margin:0}.phone .phone-loot__waiting{color:#8a4b00}.phone .phone-loot__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.phone .phone-loot__row{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;width:100%;min-height:56px;margin:0;padding:6px 12px;border:2px solid #613f01;border-radius:8px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);box-shadow:0 2px 5px #00000059;color:#231c08;font:20px/1.15 VT323,monospace;text-align:left}.phone .phone-loot__row:active{margin:0;box-shadow:0 2px 5px #00000059;background:#efe2b8}.phone .phone-loot__row[aria-disabled=true]{opacity:.6}.phone .phone-loot__row[aria-disabled=true]:active{background:linear-gradient(to bottom,#f8f4e8,#f0e9cd)}.phone .phone-loot__row--still{border-style:dashed;background:none;box-shadow:none;color:#4a3f22}.phone .phone-loot__row--done,.phone .phone-loot__row--done[aria-disabled=true]{opacity:.9;color:#231c08}.phone .phone-loot__icon{flex:none;display:inline-flex;justify-content:center;width:28px;font-size:24px;line-height:1}.phone .phone-loot__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.phone .phone-loot__label{font-size:22px}.phone .phone-loot__detail{color:#5a4210;font-size:16px;line-height:1.15}.phone .phone-loot__check{flex:none;color:#2f7a1f;font-size:26px;line-height:1}.phone .phone-loot__go{flex:none;color:#613f01;font-size:20px;line-height:1}.phone .phone-loot__strip--settling{opacity:.6;pointer-events:none}.phone .strip-draft{align-items:stretch;gap:8px}.phone .strip-draft h3{margin:4px 0 0;color:#3a2414;font:700 17px/1.2 Pixelify Sans,sans-serif;text-align:center}.phone .strip-draft-options{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:8px}.phone .strip-draft-options .strip-card{position:relative;box-sizing:border-box;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;justify-items:start;gap:2px 10px;width:100%;min-height:64px;margin:0;padding:8px 10px;border:2px solid #613f01;border-radius:8px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);box-shadow:0 2px 5px #00000059;color:#231c08;font:16px/1.15 VT323,monospace;text-align:left}.phone .strip-draft-options .strip-card:active{margin:0;box-shadow:0 2px 5px #00000059}.phone .strip-draft-options .strip-card .strip-minimap{grid-column:1;grid-row:1 / span 4;align-self:center}.phone .strip-draft-options .strip-card-name{grid-column:2;font-size:19px}.phone .strip-draft-options .strip-card-desc{grid-column:2;font-size:16px;text-align:left}.phone .strip-draft-options .strip-card-votes{grid-column:2;margin:0;font-size:15px;opacity:1;color:#5a4210}.phone .strip-draft-options .strip-card.picked{border-color:#2f7a1f;background:linear-gradient(to bottom,#f4f6d2,#dfe7ad);box-shadow:0 0 0 2px #2f7a1f,0 2px 5px #00000059}.phone .strip-draft-options .strip-card.picked:after{content:"✓ Your vote";grid-column:2;margin-top:2px;padding:2px 6px;border-radius:4px;background:#2f7a1f;color:#fff;font:15px/1.2 VT323,monospace}.phone .phone-loot__bar{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.phone .phone-loot__reason{margin:0;color:#6b2a10;font:17px/1.15 VT323,monospace;text-align:center}.phone .phone-loot__actions{display:flex;align-items:stretch;gap:8px}.phone .phone-loot__ping{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:96px;min-height:48px;margin:0;padding:0 12px;border:2px solid #613f01;border-radius:8px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);box-shadow:none;color:#231c08;font:20px/1 VT323,monospace}.phone .phone-loot__ping:active{margin:0}.phone .phone-loot__ping[aria-disabled=true]{opacity:.65}.phone .phone-loot__bar .loot-proceed{flex:1;min-width:0;min-height:48px;margin:0;padding:0 12px;border:2px solid #c9a648;border-radius:8px;background:linear-gradient(#b2392d,#7a1f1f);box-shadow:none;color:#fff3d0;font:700 18px/1 Pixelify Sans,sans-serif;letter-spacing:.02em;transform:none;transition:none}.phone .phone-loot__bar .loot-proceed:hover,.phone .phone-loot__bar .loot-proceed:focus-visible{transform:none;box-shadow:none}.phone .phone-loot__bar .loot-proceed:focus-visible{outline:2px solid #231c08;outline-offset:1px}.phone .phone-loot__bar .loot-proceed:active{margin:0}.phone .phone-loot__bar .loot-proceed[aria-disabled=true]{filter:grayscale(.6);opacity:.7}.phone .phone-loot__bar .loot-proceed.phone-loot__proceed--ready{filter:none;opacity:1;border-color:#6b7285;background:#3b4152;color:#d8d2bd}.phone .phone-rounds[data-page=draft] .phone-page{background:radial-gradient(ellipse at 50% 30%,#1a2238,#0f1424 70%);color:#f0e9cd}.phone .phone-rounds[data-page=draft] .phone-page__head{border-bottom-color:#3a2a12;background:#141a2c}.phone .phone-rounds[data-page=draft] .phone-page__title,.phone .phone-rounds[data-page=draft] .phone-page__peek{color:#f0e9cd}.phone .phone-rounds[data-page=draft] .phone-page__bar{border-top-color:#5b3a10;background:#2a1c0a}.phone .phone-rounds[data-page=draft] .phone-page__body{overflow:hidden}.phone .phone-rounds[data-page=draft] .phone-viewer{background:none}.phone .phone-draft__thumbs{flex:0 0 100%;display:flex;justify-content:center;gap:8px}.phone .phone-draft__thumb.draft-modal-card{flex:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:44px;min-height:44px;margin:0;padding:2px;border:none;border-radius:7px;background:none;box-shadow:none;transform:none;transition:none;container-type:normal;opacity:.7}.phone .phone-draft__thumb.draft-modal-card:hover,.phone .phone-draft__thumb.draft-modal-card:focus-visible{transform:none;z-index:auto}.phone .phone-draft__thumb.draft-modal-card:focus-visible{outline:2px solid #ffd867;outline-offset:1px}.phone .phone-draft__thumb.draft-modal-card[aria-current=true]{opacity:1}.phone .phone-draft__back{flex:none;min-width:96px;min-height:48px;margin:0;padding:0 14px;border:2px solid #613f01;border-radius:8px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);box-shadow:none;color:#231c08;font:700 17px/1 Pixelify Sans,sans-serif}.phone .phone-draft__back:active{margin:0}.phone .phone-draft__none{margin:32px 0 0;color:#f0e9cd;font:20px/1.2 VT323,monospace;text-align:center}.phone .phone-draft__dealing{color:#b9b08d}.phone .phone-shop{display:flex;flex-direction:column;gap:10px}.phone .phone-shop__gold{color:#3a2414;font:700 20px/1 Pixelify Sans,sans-serif}.phone .phone-shop__section{display:flex;flex-direction:column;gap:4px;min-width:0}.phone .phone-shop__label{margin:0;color:#613f01;font:700 14px/1.2 Pixelify Sans,sans-serif;letter-spacing:.08em;text-transform:uppercase}.phone .shop-wares-row,.phone .phone-shop__row{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:6px 8px}.phone .phone-shop__slot{flex:none;display:flex}.phone .phone-shop__slot--short .phone-tile__price{color:#a02a1a}.phone .phone-shop__stock{align-self:center;margin:0 0 0 4px;color:#5a4210;font:18px/1.15 VT323,monospace}.phone .phone-shop__service{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;min-width:44px;min-height:52px;margin:0;padding:6px 12px;border:2px solid #613f01;border-radius:8px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);box-shadow:0 2px 5px #00000059;color:#231c08;font:20px/1.15 VT323,monospace;text-align:left}.phone .phone-shop__service:active{margin:0;box-shadow:0 2px 5px #00000059;background:#efe2b8}.phone .phone-shop__service[aria-disabled=true]{opacity:.65}.phone .phone-shop__service[aria-disabled=true]:active{background:linear-gradient(to bottom,#f8f4e8,#f0e9cd)}.phone .phone-shop__service-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.phone .phone-shop__service-reason{color:#6b2a10;font-size:16px}.phone .phone-shop__go{flex:none;color:#613f01;font-size:20px;line-height:1}.phone .phone-shop__belt{display:flex;gap:8px}.phone .phone-shop__belt-slot{box-sizing:border-box;flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid #613f01;border-radius:6px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd)}.phone .phone-shop__belt-slot--empty{border-style:dashed;border-color:#613f0180;background:none}.phone .phone-shop__belt-slot img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.phone .phone-shop__back{flex:1;min-width:96px;min-height:48px;margin:0;padding:0 14px;border:2px solid #613f01;border-radius:8px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);box-shadow:none;color:#231c08;font:700 17px/1 Pixelify Sans,sans-serif}.phone .phone-shop__back:active{margin:0}.phone .phone-shop__viewer{position:absolute;top:0;right:0;bottom:0;left:0}.phone .phone-shop__viewer .phone-viewer__actions{align-self:stretch}.phone .phone-shop__viewer .phone-viewer__btn{flex:1 1 0;min-width:0;padding:0 8px}.phone .phone-shop__viewer .phone-viewer__btn:active{margin:0}.phone .phone-shop__viewer .phone-viewer__note,.phone .phone-shop__viewer .phone-viewer__reason{line-height:18px;min-height:18px}.phone .phone-shop__viewer .phone-viewer__note{min-height:36px}.phone .phone-shop__viewer .phone-viewer__actions:last-child,.phone .phone-shop__viewer .phone-viewer__reason:last-child{margin-bottom:44px}.phone .phone-shop__pay{flex:0 0 100%;display:flex;align-items:center;justify-content:center;gap:12px}.phone .phone-shop__step{flex:none;width:48px;height:44px;min-width:48px;min-height:44px;margin:0;padding:0;border:2px solid #613f01;border-radius:8px;background:#f0e9cd;box-shadow:none;color:#2a1a00;font:700 24px/1 Pixelify Sans,sans-serif}.phone .phone-shop__step:active{margin:0}.phone .phone-shop__step:disabled{background:#f0e9cd;opacity:.4}.phone .phone-shop__amount{min-width:96px;color:#f0e9cd;font:22px/1 VT323,monospace;text-align:center}.phone .phone-remove{display:flex;flex-direction:column;gap:8px}.phone .phone-remove__price{color:#3a2414;font:700 20px/1 Pixelify Sans,sans-serif}.phone .phone-remove__intro{margin:0;color:#3a2f14;font:18px/1.2 VT323,monospace}.phone .phone-remove__blocked{margin:0;color:#6b2a10;font:18px/1.2 VT323,monospace}.phone .phone-remove__none{margin:24px 0 0;color:#4a3f22;font:20px/1.2 VT323,monospace;text-align:center}.phone .phone-remove__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));justify-items:center;align-items:start;gap:6px 8px}.phone .phone-remove__back{flex:1;min-width:96px;min-height:48px;margin:0;padding:0 14px;border:2px solid #613f01;border-radius:8px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);box-shadow:none;color:#231c08;font:700 17px/1 Pixelify Sans,sans-serif}.phone .phone-remove__back:active{margin:0}.phone-overlay.game-over-overlay,.phone-overlay.confirm-dialog-overlay{box-sizing:border-box;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.phone-overlay .game-over-panel,.phone-overlay .confirm-dialog-panel{box-sizing:border-box;width:100%;min-width:0;max-height:100%;overflow-y:auto;padding:20px 16px}.phone-overlay .game-over-reason{font-size:16px;overflow-wrap:anywhere}.phone-overlay .game-over-stats{flex-direction:column;align-items:center;gap:4px;font-size:16px}.phone-overlay .game-over-exit{min-width:44px;min-height:48px;padding:8px 22px;font-size:18px}.phone-overlay .confirm-dialog-panel h1{font-size:20px;line-height:1.25;letter-spacing:.02em;overflow-wrap:anywhere}.phone-overlay .confirm-dialog-actions{flex-wrap:wrap;gap:12px 16px}.phone-overlay .confirm-dialog-actions button{flex:1 1 120px;min-width:44px;min-height:48px;padding:8px 16px;font-size:18px}.phone .phone-menu .settings-panel__group:has(+.settings-row .settings-segments),.phone .phone-menu .settings-row:has(.settings-segments),.phone .phone-menu .settings-preview{display:none}.phone-overlay.game-over-overlay:has(.game-over-exit){padding-bottom:calc(env(safe-area-inset-bottom) + 80px)}.phone-overlay.game-over-overlay:after{content:"";position:fixed;left:0;right:0;bottom:0;height:calc(env(safe-area-inset-bottom) + 64px);box-sizing:border-box;border-top:2px solid #5b3a10;background:#e3d3a4}.phone-overlay.game-over-overlay .game-over-exit{position:fixed;z-index:1;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 8px);box-sizing:border-box;width:auto;max-width:480px;min-height:48px;margin:0 auto}.phone-overlay.game-over-overlay .game-over-exit:active{margin:0 auto}.phone-overlay.game-over-overlay .game-over-stats{margin-bottom:0}.phone-overlay.game-over-overlay:has(~.phone--landscape) .game-over-stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 16px}.phone-overlay.confirm-dialog-overlay:has(~.phone--landscape) .confirm-dialog-panel{max-width:420px}.phone-overlay.confirm-dialog-overlay:has(~.phone--landscape) .confirm-dialog-actions button{min-width:88px;min-height:48px}.phone.phone--landscape{display:grid;grid-template-columns:198px minmax(0,1fr) 198px;grid-template-rows:minmax(0,1fr)}.phone--landscape>.phone-rail--left{grid-area:1 / 1}.phone--landscape>.phone-main{grid-area:1 / 2;min-width:0}.phone--landscape>.phone-rail--right{grid-area:1 / 3;background:linear-gradient(#2a1b10,#170e08);border-left:2px solid #6b4a22}.phone--landscape .phone-rail{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.phone--landscape .phone-rail--left>:nth-child(2){flex:1 1 0;min-height:0}.phone--landscape .phone-status{height:auto;max-height:76px;flex-wrap:wrap;align-content:flex-start;gap:0 6px;padding:0 0 2px 6px;overflow:hidden;background:none;box-shadow:none}.phone--landscape .phone-status__me{flex:1 1 0;width:auto}.phone.phone--landscape .phone-status__menu{margin:0}.phone--landscape .phone-status .nav-objective{order:1;flex:0 0 100%;max-width:100%;max-height:none;margin:0;padding:0 6px 0 0;justify-content:space-between}.phone--landscape .phone-band{flex:1 1 0;height:auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-top:0;background:none}.phone--landscape .phone-band>*{flex:1 1 0;height:auto;min-height:0}.phone--landscape .phone-turn{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"prompt prompt" "combo combo" "kit kit" "small main";gap:0;padding:6px 4px}.phone--landscape .phone-turn__row,.phone--landscape .phone-turn__controls{display:contents}.phone--landscape .phone-turn__gap{display:none}.phone--landscape .phone-turn__prompt{grid-area:prompt;height:auto;min-height:32px;max-height:48px;margin-bottom:4px;text-align:center}.phone--landscape .phone-turn .phone-combo{grid-area:combo;justify-self:center;margin-bottom:3px}.phone--landscape .phone-turn__kit{grid-area:kit;align-self:stretch;margin-inline:-3px;margin-bottom:3px;padding:3px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.phone.phone--landscape .phone-turn__cancel,.phone.phone--landscape .phone-turn__undo{grid-area:small;margin:0 6px 0 0}.phone.phone--landscape .phone-turn__confirm,.phone.phone--landscape .phone-turn__end{grid-area:main;min-width:0;font-size:19px}.phone.phone--landscape .phone-turn__end.phone-turn__end--done{padding:0 4px;font-size:16px;white-space:normal}.phone--landscape .phone-kit__row--powers{flex-direction:column;height:auto}.phone.phone--landscape .phone-kit__power{flex:none}.phone--landscape .phone-kit__row--belt{flex-wrap:wrap;height:auto;gap:4px}.phone.phone--landscape .phone-kit__passive{order:1;flex:1 1 100px}.phone.phone--landscape .phone-kit__blessings{order:1}.phone--landscape .phone-plan{grid-template-columns:auto minmax(0,1fr);grid-template-rows:16px 62px minmax(0,1fr) 48px;grid-template-areas:"prompt prompt" "slots slots" "hand hand" "piles lock";align-content:stretch;gap:4px;padding:6px 4px}.phone--landscape .phone-slots{justify-content:space-around;padding-left:0}.phone--landscape .phone-band__prompt{padding:0;text-align:center}.phone.phone--landscape .phone-lockin{margin:0;min-width:0;padding:0 2px;font-size:17px}.phone--landscape .phone-piles{justify-content:flex-start}.phone--landscape .phone-pile{padding:0 4px}.phone--landscape .phone-hand{align-self:stretch;flex-wrap:wrap;justify-content:center;align-content:flex-start;padding:2px 2px 5px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.phone.phone--landscape .phone-hand__card:first-child,.phone.phone--landscape .phone-hand__card:last-child{margin:0}.phone.phone--landscape .phone-band .phone-hand__card:first-child:active{margin-left:0}.phone--landscape .phone-rest{padding:6px 4px 0;overflow-x:hidden;overflow-y:auto}.phone--landscape .phone-rest__row{flex-wrap:wrap;justify-content:center;gap:4px;padding:0}.phone.phone--landscape .phone-rest__row .phone-piles{margin-left:0}.phone--landscape .phone-band__notice{padding:8px 4px}.phone--landscape .phone-phase{padding:6px 4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.phone--landscape .phone-phase__title{text-align:center}.phone--landscape .phone-phase__line{height:auto;min-height:32px;text-align:center}.phone--landscape .phone-phase__row{flex-wrap:wrap;justify-content:center;gap:4px;height:auto;min-height:52px}.phone--landscape .phone-phase__gap{display:none}.phone.phone--landscape .phone-follow{flex:1 1 100%;min-width:0}.phone.phone--landscape .phone-respawn-btn{width:100%;min-width:0}.phone--landscape .phone-rail--right>.phone-respawn{position:static;flex:none;max-height:50%;margin:0 4px 6px}.phone.phone--landscape .phone-respawn__title{min-height:36px;margin-bottom:6px;line-height:18px}.phone--landscape .phone-main>.phone-token-card{right:auto;width:min(320px,calc(100% - 16px))}.phone--landscape .phone-info-rail{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;color:var(--phone-parch)}.phone--landscape .phone-info-rail__tabs{flex:none;display:flex;gap:2px;padding:0 4px}.phone--landscape .phone-info-rail__tab{position:relative;flex:1 1 0;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #3a4a6b;border-radius:6px;background:#161d33;box-shadow:none;color:#9aa7c7;font:11px/1 Pixelify Sans,sans-serif;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.phone--landscape .phone-info-rail__tab[aria-pressed=true]{background:var(--phone-gold);border-color:var(--phone-gold);color:#2a1a00}.phone--landscape .phone-info-rail__dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#e0492f;box-shadow:0 0 0 1px #000}.phone--landscape .phone-info-rail__body{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:6px 8px 8px}.phone--landscape .phone-info-rail__body>.phone-log{min-height:148px}.phone--landscape .phone-info-rail__body>.phone-threats{min-height:214px}.phone--landscape .phone-info-rail .phone-party__heroes{flex-direction:column;gap:2px}.phone--landscape .phone-info-rail .phone-party__hero{flex:none;width:100%;padding:0 6px 0 2px;gap:6px}.phone--landscape .phone-info-rail .phone-party__row-top{display:flex;align-items:baseline;gap:6px}.phone--landscape .phone-info-rail .phone-party__row-name{flex:1 1 0;min-width:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone--landscape .phone-info-rail .phone-party__hp{flex:none}.phone--landscape .phone-info-rail .phone-party__sheet{display:block;min-height:0}.phone--landscape .phone-info-rail .phone-party__line{display:block;width:100%;min-height:44px;margin:0;padding:4px 6px;border:1px solid #2c3857;border-radius:6px;background:#161d33;box-shadow:none;color:var(--phone-parch);font:15px/15px VT323,monospace;text-align:left}.phone--landscape .phone-info-rail .phone-party__line[aria-expanded=true]{border-color:var(--phone-gold)}.phone--landscape .phone-info-rail .phone-party__who{gap:4px}.phone--landscape .phone-info-rail .phone-party__name{flex:1 1 0;font-size:12px}.phone--landscape .phone-info-rail .phone-party__more{flex:none;color:#9aa7c7;font:12px/18px Pixelify Sans,sans-serif}.phone--landscape .phone-info-rail .phone-party__bits{display:flex;flex-wrap:wrap;gap:0 8px}.phone--landscape .phone-info-rail .phone-party__bit{flex:none;white-space:nowrap;color:#b9c4e0}.phone--landscape .phone-info-rail .phone-party__bit--up{color:#6fd07a}.phone--landscape .phone-info-rail .phone-party__bit--down{color:#ff7a66}.phone--landscape .phone-info-rail .phone-party__sheet .game-radar{margin:4px auto 0;max-width:100%;height:auto}.phone--landscape .phone-info-rail .phone-dossier{height:auto;min-height:44px;align-items:flex-start}.phone--landscape .phone-info-rail .phone-dossier__top{height:auto;flex-wrap:wrap;gap:0 5px}.phone--landscape .phone-info-rail .phone-dossier__tag{flex:1 1 100%}.phone--landscape .phone-info-rail .phone-dossier__stats{overflow:visible}.phone--landscape .phone-info-rail .phone-threat{height:auto;min-height:44px}.phone--landscape .phone-info-rail .phone-threat__face{height:auto;min-height:37px;padding:3px 5px 3px 3px}.phone--landscape .phone-info-rail .phone-threat__top{height:auto;flex-wrap:wrap;gap:0 5px}.phone--landscape .phone-info-rail .phone-threat__name{flex:1 1 0}.phone--landscape .phone-info-rail .phone-threat__hp{margin-left:0}.phone--landscape .phone-info-rail .phone-threat__tag{order:1;flex:1 1 100%}.phone--landscape .phone-info-rail .phone-threat__bottom{height:auto;flex-wrap:wrap;gap:2px 6px}.phone--landscape .phone-info-rail .phone-threat__bar,.phone--landscape .phone-info-rail .phone-threat__stats{flex:1 1 100%}.phone--landscape .phone-info-rail .phone-log__chat{gap:4px;background:none;box-shadow:none}.phone--landscape .phone-info-rail .phone-log__send{width:46px;font-size:13px}.phone.phone--landscape .phone-rounds{top:env(safe-area-inset-top)}.phone.phone--landscape .phone-rounds__unpeek{top:calc(env(safe-area-inset-top) + 56px);left:calc(env(safe-area-inset-left) + 204px)}.phone.phone--landscape .phone-page{--page-side: 300px;display:grid;grid-template-columns:minmax(0,1fr) var(--page-side);grid-template-rows:auto minmax(0,1fr) auto}.phone.phone--landscape .phone-page__head{grid-column:1 / -1;grid-row:1}.phone.phone--landscape .phone-page__body{grid-column:1;grid-row:2 / 4}.phone.phone--landscape .phone-page:not(:has(>.phone-page__bar)) .phone-page__body{grid-column:1 / -1}.phone.phone--landscape .phone-rounds[data-page] .phone-page__bar{grid-column:2;grid-row:3;align-self:end;border-top:none;background:none}.phone.phone--landscape .phone-page__title{flex:none;max-width:40%}.phone.phone--landscape .phone-page__status{flex:none;margin-left:auto;display:flex;align-items:center}.phone.phone--landscape .phone-page-status{display:flex;align-items:center;gap:8px;color:inherit;font:20px/1 VT323,monospace;white-space:nowrap}.phone.phone--landscape .phone-page-status__portrait{flex:none;width:32px;height:32px;border:1px solid #5b3a10;border-radius:4px;background:#1a2238;object-fit:contain;image-rendering:pixelated}.phone.phone--landscape .phone-page-status__portrait--down{border-color:transparent;background:none}.phone.phone--landscape .phone-page-status__hp--low{color:#a02a1a}.phone.phone--landscape .phone-rounds[data-page=draft] .phone-page-status__hp--low{color:#ff9a7a}.phone.phone--landscape .phone-rounds[data-page=shop] .phone-page-status__gold{display:none}.phone.phone--landscape .phone-page-status__menu{flex:none;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:none;border-radius:0;background:none;box-shadow:none;color:inherit;font:24px/1 Pixelify Sans,sans-serif}.phone.phone--landscape .phone-page-status__menu:active{margin:0}.phone.phone--landscape .phone-page-status__menu[aria-expanded=true]{background:#0000002e}.phone.phone--landscape .phone-rounds[data-page=loot] .phone-page{--page-side: clamp(300px, 46%, 400px);grid-template-rows:auto auto minmax(0,1fr) auto}.phone.phone--landscape .phone-rounds[data-page=loot] .phone-page__body,.phone.phone--landscape .phone-rounds[data-page=loot] .phone-loot{display:contents}.phone.phone--landscape .phone-rounds[data-page=loot] .phone-loot__summary{grid-column:1;grid-row:2;padding:8px 12px 0}.phone.phone--landscape .phone-rounds[data-page=loot] .phone-loot__rows{grid-column:1;grid-row:3 / 5;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px}.phone.phone--landscape .phone-rounds[data-page=loot] .phone-loot__strip{grid-column:2;grid-row:2 / 4;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px 4px 0}.phone.phone--landscape .phone-rounds[data-page=loot] .phone-page__bar{grid-row:4;padding:8px 12px 8px 0}.phone.phone--landscape .phone-rounds[data-page=loot] .phone-page:not(:has(>.phone-page__bar)) .phone-loot__summary{grid-column:1 / -1}.phone.phone--landscape .phone-rounds[data-page=loot] .phone-page:not(:has(>.phone-page__bar)) .phone-loot__rows{grid-column:1 / -1}.phone.phone--landscape .strip-draft-options .strip-card{grid-template-columns:88px minmax(0,1fr);gap:2px 8px;min-height:56px;padding:6px 8px}.phone.phone--landscape .strip-draft h3{margin-top:0}.phone.phone--landscape .phone-rounds[data-page=shop] .phone-page__body{position:static}.phone.phone--landscape .phone-shop__section:has(>.phone-shop__service){position:absolute;top:54px;right:12px;width:calc(var(--page-side) - 24px)}.phone.phone--landscape .phone-shop__section:has(>.phone-shop__belt){position:absolute;right:12px;bottom:72px;width:calc(var(--page-side) - 24px)}.phone.phone--landscape .phone-rounds[data-page=remove] .phone-page__body{position:static}.phone.phone--landscape .phone-remove__intro{position:absolute;top:54px;right:12px;width:calc(var(--page-side) - 24px)}.phone.phone--landscape .phone-remove__blocked{position:absolute;right:12px;bottom:72px;width:calc(var(--page-side) - 24px)}.phone.phone--landscape .phone-page .phone-viewer{--viewer-side: var(--page-side)}.phone.phone--landscape .phone-page .phone-viewer__actions{flex-direction:row;align-self:flex-end}.phone.phone--landscape .phone-page .phone-viewer__btn{flex:1 1 0}.phone.phone--landscape .phone-shop__viewer .phone-viewer__actions:last-child{margin-bottom:0}.phone.phone--landscape .phone-shop__viewer .phone-viewer__reason:last-child{margin-bottom:0}.phone.phone--landscape .phone-rounds[data-page=draft] .phone-page__body{grid-column:1 / -1}.phone.phone--landscape .phone-rounds[data-page=draft] .phone-page__bar{position:relative;z-index:31;justify-self:start;padding:0 0 8px 8px}.phone.phone--landscape .phone-draft__back{width:96px;min-width:96px;padding:0 6px}.phone.phone--landscape .phone-rounds[data-page=draft] .phone-viewer__actions{padding-left:112px}.phone.phone--landscape .phone-rounds[data-page=draft] .phone-viewer__btn{min-height:48px}.phone.phone--landscape .phone-draft__thumbs{flex-wrap:wrap;gap:4px}.phone.phone--landscape .phone-menu{top:env(safe-area-inset-top)}.phone.phone--landscape .phone-menu__rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:24px}.phone.phone--landscape .phone-menu__row--back{grid-column:1 / -1;justify-self:center;width:min(100%,420px)}.phone.phone--landscape .phone-menu .settings-row{grid-template-columns:200px minmax(0,1fr)}html:root{--play-layout-pad-x: calc(12px + max(env(safe-area-inset-left), env(safe-area-inset-right))) ;--deck-pile-inset: calc(14px + max(env(safe-area-inset-left), env(safe-area-inset-right))) }html .game-nav{padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right))}html .stat-sheet{left:calc(10px + env(safe-area-inset-left))}html .rotate-screen{padding-top:calc(24px + env(safe-area-inset-top));padding-right:calc(24px + env(safe-area-inset-right));padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-left:calc(24px + env(safe-area-inset-left))}html .welcome-dim{padding-top:calc(16px + env(safe-area-inset-top));padding-right:calc(16px + env(safe-area-inset-right));padding-bottom:calc(16px + env(safe-area-inset-bottom));padding-left:calc(16px + env(safe-area-inset-left))}html .game-over-overlay,html .confirm-dialog-overlay{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}html .connection-banner{padding-top:calc(var(--space-sm) + env(safe-area-inset-top));padding-right:calc(var(--space-md) + env(safe-area-inset-right));padding-left:calc(var(--space-md) + env(safe-area-inset-left))}html .toast-host{right:calc(var(--space-lg) + env(safe-area-inset-right));bottom:calc(var(--space-lg) + env(safe-area-inset-bottom))}html:where(:not(.phone-menus-page)) .title-screen,html:where(:not(.phone-menus-page)) .mp-screen,html:where(:not(.phone-menus-page)) .campaign-screen,html:where(:not(.phone-menus-page)) .hero-select,html:where(:not(.phone-menus-page)) .auth-screen,html:where(:not(.phone-menus-page)) .settings-screen{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}html:where(:not(.phone-menus-page)) .stats-page{padding-left:calc(2rem + env(safe-area-inset-left));padding-right:calc(2rem + env(safe-area-inset-right))}html:where(:not(.phone-menus-page)) .edge-flag--back{left:env(safe-area-inset-left)}html:where(:not(.phone-menus-page)) .edge-flag--confirm{right:env(safe-area-inset-right)}html:where(:not(.phone-menus-page)) .party-banner{padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right))}html:where(:not(.phone-menus-page)) .hero-panel{left:calc(5% + env(safe-area-inset-left));right:calc(5% + env(safe-area-inset-right))}html:where(:not(.phone-menus-page)) .title-screen .input-hint,html:where(:not(.phone-menus-page)) .mp-screen .input-hint,html:where(:not(.phone-menus-page)) .campaign-screen .input-hint,html:where(:not(.phone-menus-page)) .stats-page .input-hint,html:where(:not(.phone-menus-page)) .hero-select .input-hint{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}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,.church,.grass,.water,.wall,.dirt{background-repeat:no-repeat;background-size:cover}.church{background-color:#e8d9a0!important}.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%}::-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)}}.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;top:21%;left:50%;transform:translate(-50%);margin-top:0;width:80%;height:5px;padding:0;background:transparent;box-shadow:none;z-index:calc(var(--z-token) + 1)}.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)}}.board .fog-tail__mist{pointer-events:none;border:none;display:block;position:relative;background-color:#0f1422;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(100% - 2px),rgba(201,185,143,.25) calc(100% - 2px),rgba(201,185,143,.25) 100%),radial-gradient(ellipse at 30% 20%,rgba(120,132,160,.35),transparent 60%),radial-gradient(ellipse at 75% 70%,rgba(150,160,185,.28),transparent 55%);background-size:100% calc(100% / var(--fog-strips, 1)),140% 100%,160% 100%;animation:fog-drift 18s ease-in-out infinite alternate}.board .fog-tail__keep{pointer-events:none;border:none;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));position:relative;filter:grayscale(.7) brightness(.55)}.board .fog-tail__keep:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0f1422bf,#0f142259)}.board .fog-tail__keep-label{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);font:13px Pixelify Sans,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#f0e9cd;text-shadow:0 1px 2px #000}.board .fog-tail__recede{pointer-events:none;border:none;display:block;z-index:2;background:linear-gradient(#0f1422,#0f142299);animation:fog-recede 1.2s ease-out forwards}@keyframes fog-drift{0%{background-position:0 0,0% 0,100% 0}to{background-position:0 0,40% 0,60% 0}}@keyframes fog-recede{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40%)}}@media(prefers-reduced-motion:reduce){.board .fog-tail__mist{animation:none}.board .fog-tail__recede{display:none}}.kit-slot{touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0;background:#2a1d10;border:2px solid #b48c4a;border-radius:6px;box-shadow:inset 0 0 0 2px #1d140c;color:#f3e6c4;font-family:var(--font-family, "VT323", monospace);cursor:default}.kit-slot--large{width:calc(50px * var(--hud-zoom, 1));height:calc(50px * var(--hud-zoom, 1))}.kit-slot--small{width:calc(38px * var(--hud-zoom, 1));height:calc(38px * var(--hud-zoom, 1))}.kit-slot__icon{width:80%;height:80%;image-rendering:pixelated;pointer-events:none}.kit-slot__fallback{font-size:calc(22px * var(--hud-zoom, 1));line-height:1}.kit-slot__label{position:absolute;top:-9px;left:50%;transform:translate(-50%);font-size:calc(11px * var(--hud-zoom, 1));letter-spacing:1px;line-height:1.2;background:#1d140c;color:#e8c25a;padding:0 4px;border-radius:3px;white-space:nowrap}.kit-slot__key{position:absolute;bottom:-3px;right:2px;font-size:calc(15px * var(--hud-zoom, 1));text-shadow:0 0 3px #000,0 0 2px #000}.kit-slot__cd{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(28px * var(--hud-zoom, 1));color:#fff;text-shadow:0 0 4px #000;z-index:1}.kit-slot--ready{border-color:#e8c25a;box-shadow:inset 0 0 0 2px #1d140c,0 0 8px #e8c25a66;cursor:pointer}.kit-slot--ready:hover,.kit-slot--ready:focus-visible{box-shadow:inset 0 0 0 2px #1d140c,0 0 12px #e8c25aaa}.kit-slot--cooldown,.kit-slot--used{border-color:#6b4a22}.kit-slot--cooldown .kit-slot__icon,.kit-slot--idle .kit-slot__icon,.kit-slot--used .kit-slot__icon,.kit-slot--cooldown .kit-slot__fallback,.kit-slot--idle .kit-slot__fallback,.kit-slot--used .kit-slot__fallback{filter:grayscale(1) brightness(.5)}.kit-slot--cooldown:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:4px;background:conic-gradient(#000a 0 62%,transparent 62% 100%)}.kit-slot--passive,.kit-slot--armed,.kit-slot--used{border-style:dashed}.kit-slot--armed{border-color:#8fd18f;box-shadow:inset 0 0 0 2px #1d140c,0 0 8px #8fd18f88}.kit-slot.pad-focused,.kit-slot:focus-visible{outline:2px dashed #ffd867;outline-offset:2px}.kit-slot--empty{border-style:dotted;border-color:#6b4a22;background:transparent}@media(prefers-reduced-motion:reduce){.kit-slot{transition:none}}.kit-relic-more{font-size:calc(18px * var(--hud-zoom, 1))}:root{--hud-band-h: clamp(84px, 12vh, 132px);--deck-pile-h: calc(var(--hud-band-h) - 20px);--deck-pile-w: calc(var(--deck-pile-h) * .76);--deck-pile-inset: 14px;--slot-zoom: .4;--play-layout-h: 100vh;--play-layout-pad-y: 8px;--resting-gap: 12px;--plan-card-w: clamp(180px, 14vw, 300px);--plan-card-h: calc(var(--plan-card-w) * 220 / 150)}@media(min-height:761px){:root{--slot-zoom: .44}}@media(min-height:851px){:root{--slot-zoom: .51}}@media(min-height:951px){:root{--slot-zoom: .58}}@media(min-height:1041px){:root{--slot-zoom: .65}}@media(min-height:1091px){:root{--slot-zoom: .69}}.plan-surface{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.pile-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45}.plan-slots{position:fixed;left:calc(var(--deck-pile-inset) + var(--deck-pile-w) + 96px);bottom:10px;top:auto;transform:none;display:flex;flex-direction:row;align-items:center;gap:8px;pointer-events:auto}.plan-slots-cards{display:flex;gap:8px}.plan-slots .combo-slot{box-sizing:border-box;width:calc(110px * var(--slot-zoom));height:calc(160px * var(--slot-zoom))}.plan-slots .combo-slot-card{box-sizing:border-box;width:110px;height:160px;zoom:var(--slot-zoom)}.plan-slots .lock-in-btn{position:fixed;right:calc(var(--deck-pile-inset) + var(--deck-pile-w) + 110px * var(--hud-zoom, 1));bottom:calc((var(--hud-band-h) - 48px * var(--hud-zoom, 1)) / 2);isolation:isolate;min-height:44px;padding:10px 30px 10px 18px;border:none;border-radius:0;background:none;color:#3a2414;font:700 calc(18px * var(--hud-zoom, 1)) "Pixelify Sans",sans-serif;box-shadow:none}.plan-slots .lock-in-btn:before,.plan-slots .lock-in-btn:after{content:"";position:absolute;z-index:-1;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%)}.plan-slots .lock-in-btn:before{top:0;right:0;bottom:0;left:0;background:#3a2600}.plan-slots .lock-in-btn:after{top:2px;right:3px;bottom:2px;left:3px;background:linear-gradient(#ffe08a,#f2c14e)}.plan-slots .lock-in-btn:disabled{filter:grayscale(1) brightness(.8);opacity:1}.plan-slots .combo-slot.empty{background:#0000001f;border-color:#c9a648}.combo-slot.combo-slot--over{outline:2px dashed #ffd867;outline-offset:2px;box-shadow:0 0 12px #ffd867b3}.combo-slot-card{all:unset;position:relative;display:block;width:100%;height:100%;cursor:grab;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:6px;box-shadow:0 3px 10px #00000080}.combo-slot-card--dragging{opacity:.35}.combo-slot-card.pad-focused,.combo-slot-card:focus-visible,.plan-slots .lock-in-btn:focus-visible{outline:2px dashed #ffd867;outline-offset:2px}.plan-hand.hand-fan{position:fixed;left:calc(var(--stage-left, 0px) + var(--stage-width, 100vw) / 2);bottom:0;transform:translate(-50%);display:flex;align-items:flex-end;justify-content:center;padding:0;min-height:0;width:max-content;pointer-events:none;transition:transform .3s ease}.plan-hand.hand-fan.plan-hand--held{transform:translate(-50%) translateY(110%)}.plan-card{all:unset;display:block;flex:none;pointer-events:auto;box-sizing:border-box;position:relative;width:var(--plan-card-w);height:var(--plan-card-h);margin:0 calc(var(--plan-card-w) * -.16);transform-origin:bottom center;transform:translate(calc(var(--shift) * 20%)) translateY(calc(var(--rest, 50%) + var(--drop))) rotate(var(--rot));transition:transform .15s ease,width .15s ease,margin .15s ease,z-index 0s;cursor:grab}.plan-card-fly{background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:8px;box-shadow:0 4px 14px #0000008c;box-sizing:border-box;overflow:hidden}.plan-card--lifted,.plan-hand--directional .plan-card.pad-focused{transform:translateY(0) rotate(0) scale(1.4)}.plan-card--lifted .plan-card-fly,.plan-hand--directional .plan-card.pad-focused .plan-card-fly{box-shadow:0 0 0 2px #ffd867,0 10px 26px #000000a6}.plan-hand--directional .plan-card.pad-focused{z-index:55!important;outline:2px dashed #ffd867;outline-offset:2px}.plan-card--lifted{z-index:60!important}.plan-surface .plan-hand{--plan-card-w: calc(var(--hud-band-h) * 1.25);--plan-card-h: calc(var(--plan-card-w) * 220 / 150);--rest: calc(100% - var(--hud-band-h) + 10px)}.plan-surface .plan-hand .plan-card--lifted,.plan-surface .plan-hand--directional .plan-card.pad-focused{transform:translateY(0) rotate(0) scale(1.75)}.plan-card--discarding{pointer-events:none}.plan-card:focus-visible{outline:2px dashed #ffd867;outline-offset:2px}.plan-card--dragging{width:0;margin:0;opacity:0;transition:width .15s ease,margin .15s ease,opacity .1s ease}.plan-card:disabled{cursor:default}.plan-card-fly{display:block;width:100%;height:100%}.plan-card-fly,.plan-card--overlay,.draft-modal-card{container-type:inline-size}.plan-card .cf-art img,.plan-card--overlay .cf-art img,.draft-modal-card .cf-art img{max-width:128px}.plan-card .cf-banner,.plan-card--overlay .cf-banner,.draft-modal-card .cf-banner{font-size:min(1.7rem,9.07cqw);padding:min(4px,1.33cqw) min(24px,8cqw);margin-top:max(-22px,-7.33cqw);border-radius:24px}.plan-card .cf-desc,.plan-card--overlay .cf-desc,.draft-modal-card .cf-desc{font-size:min(1.44rem,7.68cqw)}.plan-card .cf-desc--long,.plan-card--overlay .cf-desc--long,.draft-modal-card .cf-desc--long{font-size:min(1.26rem,6.72cqw)}.plan-card .cf-desc--xlong,.plan-card--overlay .cf-desc--xlong,.draft-modal-card .cf-desc--xlong{font-size:min(1.14rem,6.08cqw)}.plan-card .cf-flavor,.plan-card--overlay .cf-flavor,.draft-modal-card .cf-flavor{font-size:min(1.1rem,5.87cqw)}.plan-card .cf-chip,.plan-card--overlay .cf-chip,.draft-modal-card .cf-chip{font-size:min(1rem,5.33cqw);width:min(68px,22.67cqw)}.plan-card .cf-chip b,.plan-card--overlay .cf-chip b,.draft-modal-card .cf-chip b{font-size:min(1.6rem,8.53cqw)}.plan-card--overlay{width:var(--plan-card-w);height:var(--plan-card-h);transform:rotate(-4deg);pointer-events:none;cursor:grabbing;box-shadow:0 0 0 2px #ffd867,0 16px 30px #000000b3;border-radius:8px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01}@keyframes plan-deal{0%{transform:translate(var(--fly-dx),var(--fly-dy)) scale(.35);opacity:.2}to{transform:none;opacity:1}}.plan-card--dealing .plan-card-fly{animation:plan-deal .25s ease-out var(--deal-delay) both}@keyframes plan-discard{to{transform:translate(var(--fly-dx),var(--fly-dy)) rotate(-30deg) scale(.35);opacity:0}}.plan-card--discarding .plan-card-fly{animation:plan-discard .45s ease-in forwards}@media(prefers-reduced-motion:reduce){.plan-card{transition:none;transform:translateY(calc(var(--rest, 50%) + var(--drop)))}.plan-card--lifted,.plan-hand--directional .plan-card.pad-focused{transform:translateY(0) scale(1.4)}.plan-card--dragging{transition:none}.plan-card--dealing .plan-card-fly,.plan-card--discarding .plan-card-fly{animation:none}}.deck-pile{all:unset;position:fixed;bottom:calc((var(--hud-band-h) - var(--deck-pile-h)) / 2);width:var(--deck-pile-w);height:var(--deck-pile-h);border:2px solid #613f01;border-radius:6px;box-shadow:0 4px 12px #0009;cursor:pointer;pointer-events:auto;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 6px,transparent 6px 12px)}.deck-pile--draw{left:var(--deck-pile-inset);background-color:#3d5a80}.deck-pile--discard{right:var(--deck-pile-inset);background-color:#7a3b2e}.deck-pile:hover,.deck-pile.pad-focused,.deck-pile:focus-visible{outline:2px dashed #ffd867;outline-offset:2px}.deck-pile-count{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-top:10px;font-family:Pixelify Sans,sans-serif;font-size:clamp(20px,2.6vh,30px);color:#fff;text-shadow:0 2px 0 #000,0 0 6px #000}.deck-pile-glyph{position:absolute;top:4px;left:0;right:0;text-align:center;font-size:13px;color:#ffffff8c}.deck-pile-label{position:absolute;bottom:50%;transform:translateY(50%);font-family:Pixelify Sans,sans-serif;font-size:calc(13px * var(--hud-zoom, 1));letter-spacing:1px;color:#a8977a;white-space:nowrap;pointer-events:none}.deck-pile--draw .deck-pile-label{left:calc(100% + 10px)}.deck-pile--discard .deck-pile-label{right:calc(100% + 10px)}.pile-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#0009;display:flex;align-items:center;justify-content:center;pointer-events:auto}.pile-viewer-panel{width:min(1100px,92vw);max-height:84vh;overflow:auto;background:#2b2417f5;border:2px solid #613f01;border-radius:10px;padding:14px 18px}.pile-viewer-header{display:flex;align-items:center;justify-content:space-between;color:#f3ead6;font-family:VT323,monospace}.pile-viewer-header h2{margin:0;font-size:1.6rem}.pile-viewer-close{font-family:VT323,monospace;font-size:1.2rem;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:8px;cursor:pointer}.pile-viewer-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.pile-viewer-card{width:150px;height:220px;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:6px}.pile-viewer-empty{color:#c9a648;font-family:VT323,monospace;font-size:1.3rem}.plan-slots .combo-slot.filled{border:0;background:none;box-shadow:none}.plan-slots .combo-slot.combo-slot--over{box-shadow:0 0 14px 2px #ffd867d9}.plan-surface--exiting,.plan-surface--exiting *{pointer-events:none!important}.plan-surface--exiting .plan-slots{opacity:0;transition:opacity .2s ease}.resting-surface{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:39}.resting-combo{list-style:none;margin:0;--rest: calc(100% - var(--hud-band-h) + var(--resting-gap))}.resting-card{cursor:default}.resting-card .combo-card-num{z-index:1}@keyframes resting-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.resting-card--pulse .plan-card-fly{animation:resting-pulse .5s ease var(--pulse-delay) 1}@media(prefers-reduced-motion:reduce){.resting-card--pulse .plan-card-fly{animation:none}}.draft-modal-backdrop{position:fixed;left:var(--stage-left, 0px);top:var(--stage-top, 0px);width:var(--stage-width, 100vw);height:var(--stage-height, 100vh);z-index:50;background:#0000008c;display:flex;align-items:center;justify-content:center;pointer-events:auto;box-sizing:border-box;padding:8px 8px 8px var(--sheet-left-gap);--sheet-left-gap: 62px;--sheet-pad-x: 26px;--sheet-inner-w: calc(var(--stage-width, 100vw) - var(--sheet-left-gap) - 8px - 2 * var(--sheet-pad-x))}.draft-modal{position:relative;isolation:isolate;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:100%;max-height:100%;min-width:min(560px,100%);padding:48px var(--sheet-pad-x) 54px}.draft-modal>*{flex-shrink:0}.draft-modal>.loot-list,.draft-modal>.draft-modal-row,.draft-modal>.shop-body,.draft-modal>.remove-grid{flex-shrink:1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(97,63,1,.55) transparent}.draft-modal>.loot-list{padding:18px 24px;margin:-18px -24px;scroll-padding:18px 0}.draft-modal>.draft-modal-row{padding:60px 40px 24px;margin:-60px -40px -24px;scroll-padding:60px 0 24px}.draft-modal>.draft-modal-header,.draft-modal>.draft-modal-draft,.draft-modal>.loot-footer,.draft-modal>.remove-confirm{position:relative;z-index:1}.draft-modal>:is(.loot-list,.draft-modal-row,.shop-body,.remove-grid):last-child{margin-bottom:0}.draft-modal>.draft-modal-row{width:calc(var(--draft-row-w) + 12px);max-width:none}.draft-modal>.shop-body{padding:32px 44px 24px;margin:-32px -44px -24px;scroll-padding:32px 0 24px;width:calc(min(1240px,var(--sheet-inner-w, 100vw)) + 88px)}.draft-modal>.remove-grid{padding:60px 40px 24px;margin:-60px -40px -24px;scroll-padding:60px 0 24px;width:calc(min(1040px,var(--sheet-inner-w, 100vw)) + 64px);max-height:calc(var(--stage-height, 100vh) - 360px + 56px)}@media(max-height:820px){.draft-modal{gap:12px;padding-top:40px;padding-bottom:50px}.draft-modal>.draft-modal-header{gap:8px}.draft-modal .draft-modal-banner{padding:2px 36px;font-size:1.9rem}.draft-modal{--draft-btn-gap: 4px}}@keyframes board-sheet-unfurl{0%{clip-path:inset(-24px -48px calc(100% - 32px) -48px)}to{clip-path:inset(-24px -48px -48px -48px)}}@keyframes board-content-in{0%{opacity:0}to{opacity:1}}.draft-modal--unfurl>.draft-modal-sheet{animation:board-sheet-unfurl .45s cubic-bezier(.22,.7,.3,1) both}.draft-modal--unfurl>:not(.draft-modal-sheet){animation:board-content-in .25s ease-out .4s both}.draft-modal--fade>:not(.draft-modal-sheet){animation:board-content-in .25s ease-out both}@media(prefers-reduced-motion:reduce){.draft-modal--unfurl>.draft-modal-sheet,.draft-modal--unfurl>:not(.draft-modal-sheet),.draft-modal--fade>:not(.draft-modal-sheet){animation:none}}.draft-modal-header{display:flex;flex-direction:column;align-items:center;gap:14px}.draft-modal-banner{margin:0;padding:6px 42px;font-family:VT323,monospace;font-size:2.2rem;font-weight:400;color:#231c08;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:3px solid #613f01;border-radius:10px;box-shadow:0 6px 18px #0009}.draft-modal-tools{display:flex;align-items:center;justify-content:center;gap:16px}.draft-modal-tools .zone-gold-chip{font-size:1.5rem;padding:4px 16px}.draft-modal-tools .card-zone-toggle{font-family:VT323,monospace;font-size:1.5rem;padding:4px 16px}.draft-modal-row{display:flex;flex-wrap:wrap;--draft-gap: 32px;gap:var(--draft-gap);justify-content:center;--draft-card-min: 140px;--draft-card-w: max(var(--draft-card-min), min(var(--plan-card-w), 17vw, calc((var(--sheet-inner-w, 100vw) - 4 * var(--draft-gap)) / 5)));--draft-row-w: max( calc(3 * var(--draft-card-w) + 2 * var(--draft-gap)), min( calc(5 * var(--draft-card-w) + 4 * var(--draft-gap)), calc((var(--sheet-inner-w, 100vw) - 5 * var(--draft-card-min) - 4 * var(--draft-gap) + 1px) * 10000) ) );max-width:var(--draft-row-w)}.draft-modal-card{all:unset;position:relative;box-sizing:border-box;width:var(--draft-card-w);height:calc(var(--draft-card-w) * 220 / 150);background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:8px;box-shadow:0 8px 20px #0000008c;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;container-type:inline-size}.draft-modal-card:hover,.draft-modal-card:focus-visible,.draft-modal-card.pad-focused{transform:scale(1.08);z-index:1}.draft-modal-card:focus-visible,.draft-modal-card.pad-focused{outline:2px dashed #ffd867;outline-offset:3px}.draft-modal-card--selected{transform:translateY(-12px);box-shadow:0 0 0 4px #ffd867,0 0 22px 6px #ffd867b3,0 12px 24px #0009}.draft-modal-card--selected:hover,.draft-modal-card--selected:focus-visible,.draft-modal-card--selected.pad-focused{transform:translateY(-12px) scale(1.08)}.draft-modal-card[aria-disabled=true]{cursor:default}.draft-modal-draft{font-size:1.5rem;padding:6px 28px;margin-top:var(--draft-btn-gap, 18px)}.draft-modal button:active{margin-left:0;margin-top:0}.draft-modal .draft-modal-draft:active{margin-top:var(--draft-btn-gap, 18px)}.draft-modal-draft.pad-focused,.draft-modal-draft:focus-visible{outline:2px dashed #ffd867;outline-offset:2px}@media(prefers-reduced-motion:reduce){.draft-modal-card{transition:none}}.draft-modal-card:focus-visible,.draft-modal-card.pad-focused,.draft-modal-draft.pad-focused,.draft-modal-draft:focus-visible{outline-color:#b07a00}.draft-modal-card:focus-visible,.draft-modal-card.pad-focused{outline:3px dashed #7a4a00;outline-offset:4px}.draft-modal-backdrop--keys .draft-modal-card:hover:not(.pad-focused){transform:none;z-index:auto}.draft-modal-backdrop--keys .draft-modal-card--selected:hover:not(.pad-focused){transform:translateY(-12px)}.draft-modal-backdrop--keys .loot-row:hover:not(.pad-focused):not(:focus-visible){transform:none;box-shadow:0 6px 14px #00000080}.loot-summary{margin:0;font-family:VT323,monospace;font-size:1.5rem;color:#3a2f14;text-align:center}.loot-summary--waiting{color:#8a4b00}.loot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;width:min(520px,var(--sheet-inner-w, 100vw))}.loot-row{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:10px 18px;font-family:VT323,monospace;font-size:1.75rem;color:#231c08;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:8px;box-shadow:0 6px 14px #00000080;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.loot-row:hover,.loot-row:focus-visible,.loot-row.pad-focused{transform:translate(4px);box-shadow:0 0 0 3px #ffd867,0 0 0 5px #8a5a00,0 6px 14px #00000080}.loot-row[aria-disabled=true]{cursor:default;opacity:.6;transform:none}.loot-row--done[aria-disabled=true]{opacity:.85}.loot-row-icon{display:inline-flex;justify-content:center;width:1.6em}.loot-row-icon svg{width:1.1em;height:1.1em}.loot-row-label{flex:1}.loot-row-check{color:#2f7a1f;font-size:1.9rem}.loot-row--gold{flex-wrap:wrap;row-gap:4px}.loot-row-detail{display:block;box-sizing:border-box;--detail-indent: calc(1.6 * 1.75rem + 14px);flex:0 0 calc(100% - var(--detail-indent));margin-left:var(--detail-indent);padding:2px 0 0 10px;font-size:1.3rem;line-height:1.15;color:#5a4210;border-left:2px solid rgba(97,63,1,.45)}.loot-row-detail-line{display:block}.loot-footer{display:flex;justify-content:flex-end;align-items:center;gap:14px;width:min(520px,var(--sheet-inner-w, 100vw));margin-top:6px}.loot-proceed{min-width:170px;padding:10px 22px;font-family:VT323,monospace;font-size:1.75rem;letter-spacing:.04em;color:#fff3d0;background:radial-gradient(ellipse at 50% 35%,#c0392b,#7a1f1f 70%,#4a1010);border:3px solid #c9a648;border-radius:50%/40%;box-shadow:0 4px 14px #0009;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.loot-proceed:hover:not([aria-disabled=true]),.loot-proceed:focus-visible,.loot-proceed.pad-focused{transform:translateY(-2px);box-shadow:0 0 0 3px #ffd867,0 4px 14px #0009}.loot-proceed[aria-disabled=true]{cursor:default;filter:grayscale(.6);opacity:.7}.loot-proceed--ready[aria-disabled=true]{font-size:1.4rem;filter:none;opacity:1;background:#3b4152;border-color:#6b7285;color:#d8d2bd}.loot-ping{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-family:VT323,monospace;font-size:1.5rem;color:#231c08;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;border-radius:8px;box-shadow:0 4px 10px #00000080;cursor:pointer}.loot-ping svg{width:1.1em;height:1.1em}.loot-ping:hover:not([aria-disabled=true]),.loot-ping:focus-visible,.loot-ping.pad-focused{box-shadow:0 0 0 3px #ffd867,0 0 0 5px #8a5a00,0 4px 10px #00000080}.loot-ping[aria-disabled=true]{cursor:default;opacity:.65}@media(prefers-reduced-motion:reduce){.loot-row,.loot-proceed{transition:none}}@media(max-height:760px){.loot-list{gap:8px}.loot-row{padding-top:7px;padding-bottom:7px}}.peek-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55}.peek-toggle{position:fixed;left:calc(var(--stage-left, 0px) + 10px);top:calc(var(--stage-top, 0px) + var(--stage-height, 100vh) / 2);transform:translateY(-50%);width:44px;height:44px;border-radius:50%;font-size:1.4rem;line-height:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#f8f4e8,#f0e9cd);border:2px solid #613f01;color:#3a2f14;cursor:pointer;pointer-events:auto;box-shadow:0 3px 10px #00000080}.peek-toggle:hover{filter:brightness(1.06)}.peek-toggle--on{background:linear-gradient(to bottom,#e6c25a,#c9a648);border-color:#3a2f14;box-shadow:inset 0 3px 8px #00000073,0 0 10px #ffd867b3}.peek-toggle.pad-focused{outline:3px solid #ffd867;outline-offset:2px}.shop-body{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:22px;align-items:start;box-sizing:border-box;width:min(1240px,var(--sheet-inner-w, 100vw))}.shop-wares{container-type:inline-size;min-width:0}.shop-section-label{margin:0 0 8px;font-family:VT323,monospace;font-weight:400;font-size:1.5rem;color:#613f01}.shop-wares-row{display:flex;gap:16px;justify-content:center;--draft-card-w: min(var(--plan-card-w), calc((100cqw - 48px)/4) )}.shop-slot{display:flex;flex-direction:column;align-items:center;gap:10px}.shop-slot--sold{width:var(--draft-card-w);height:calc(var(--draft-card-w) * 220 / 150);box-sizing:border-box;border:2px dashed rgba(97,63,1,.4);border-radius:8px;display:flex;align-items:center;justify-content:center}.shop-slot--sold span{display:inline-block;padding:2px 14px;font-family:VT323,monospace;font-size:2rem;letter-spacing:.08em;text-transform:uppercase;color:#9b1c1c;border:3px double #9b1c1c;border-radius:6px;opacity:.85;transform:rotate(-12deg)}.shop-ware--short{filter:grayscale(.45) brightness(.85)}.shop-price{font-family:VT323,monospace;font-size:1.7rem;color:#231c08}.shop-price--short{color:#b3170f}.shop-price-row{display:inline-flex;align-items:baseline;gap:8px}.shop-price-was{font-family:VT323,monospace;font-size:1.3rem;color:#6b5a35;text-decoration:line-through}.shop-slot--sale,.shop-slot--held{position:relative}.shop-buy-row,.shop-hold-actions{display:flex;flex-direction:column;align-items:center;gap:6px}.shop-pay-stepper{display:flex;align-items:center;gap:6px}.shop-pay-stepper>button:not(.lock-in-btn){width:2rem;height:2rem;font-family:VT323,monospace;font-size:1.4rem}.shop-release{font-family:VT323,monospace;font-size:1.2rem;background:none;border:none;color:#6b5a35;text-decoration:underline;cursor:pointer}.shop-release--confirm{color:#fffdf5;text-decoration:none}.shop-held-tag{position:absolute;top:6px;right:-6px;z-index:2;padding:2px 10px;font-family:VT323,monospace;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:#231c08;background:#c9a648;border:1px solid #613f01}.shop-hold-progress{position:relative;width:100%;height:1.6rem;background:#613f0124;border:1px solid #613f01}.shop-hold-progress>span{position:absolute;inset:0 auto 0 0;background:#c9a648}.shop-hold-progress>em{position:relative;font-family:VT323,monospace;font-style:normal;font-size:1.3rem;color:#231c08;display:block;text-align:center}.shop-sale-ribbon{position:absolute;top:6px;left:-6px;z-index:2;padding:2px 10px;font-family:VT323,monospace;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:#fffdf5;background:#b3170f;border:1px solid #613f01;box-shadow:0 2px #00000040}.shop-coin{display:inline-block;width:.8em;height:.8em;margin-right:6px;vertical-align:-.05em;border-radius:50%;background:#f2c94c;border:2px solid #8a5a00}.shop-buy{font-size:1.35rem;padding:4px 16px}.shop-services{display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px 12px 14px;border:2px dashed rgba(97,63,1,.4);border-radius:12px}.shop-service{display:flex;flex-direction:column;align-items:center;gap:6px}.shop-note{margin:.3rem 0 0;font-family:VT323,monospace;font-size:1.3rem;color:#7a2b1c}.shop-service-note{font-family:VT323,monospace;font-size:1.3rem;color:#3a2f14}.shop-potion,.shop-remove-coin{all:unset;box-sizing:border-box;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.shop-potion{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 45% 40%,#ffd6d6,#b84a4a 75%);border:3px solid #613f01;box-shadow:0 6px 14px #0009}.shop-potion img{width:52px;height:52px;image-rendering:pixelated}.shop-remove-coin{width:104px;height:104px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-family:VT323,monospace;font-size:1.3rem;line-height:1;color:#613f01;background:radial-gradient(circle at 40% 35%,#ffe28a,#c9a648 60%,#8a5a00);border:4px solid #613f01;box-shadow:0 8px 16px #0009}.shop-potion:hover:not([aria-disabled=true]),.shop-potion:focus-visible,.shop-potion.pad-focused,.shop-remove-coin:hover:not([aria-disabled=true]),.shop-remove-coin:focus-visible,.shop-remove-coin.pad-focused{transform:scale(1.06);box-shadow:0 0 0 3px #ffd867,0 0 0 5px #8a5a00,0 8px 16px #0009}.shop-potion--selected{transform:translateY(-6px) scale(1.06);box-shadow:0 0 0 3px #ffd867,0 0 16px #ffd867}.shop-potion[aria-disabled=true],.shop-remove-coin[aria-disabled=true]{cursor:default;filter:grayscale(.6);opacity:.6}.draft-modal-backdrop--keys .shop-potion:hover:not(.pad-focused):not(:focus-visible){transform:none;box-shadow:0 6px 14px #0009}.draft-modal-backdrop--keys .shop-potion--selected:hover:not(.pad-focused):not(:focus-visible){transform:translateY(-6px) scale(1.06);box-shadow:0 0 0 3px #ffd867,0 0 16px #ffd867}.draft-modal-backdrop--keys .shop-remove-coin:hover:not(.pad-focused):not(:focus-visible){transform:none;box-shadow:0 8px 16px #0009}.shop-held{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.shop-held img{width:32px;height:32px;image-rendering:pixelated}.shop-held-empty{font-family:VT323,monospace;font-size:1.2rem;color:#7a6338;font-style:italic}@media(prefers-reduced-motion:reduce){.shop-potion,.shop-remove-coin{transition:none}}.remove-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-height:calc(var(--stage-height, 100vh) - 360px);overflow-y:auto;box-sizing:border-box;padding:14px 8px;width:min(1040px,var(--sheet-inner-w, 100vw));--draft-card-w: min(var(--plan-card-w), 13vw, calc((var(--sheet-inner-w, 100vw) - 5 * 16px - 16px) / 6))}.remove-confirm:disabled{cursor:default;filter:grayscale(.6);opacity:.7}.resting-surface .resting-combo{left:calc(var(--deck-pile-inset) + var(--deck-pile-w) + 96px);bottom:10px;transform:none;display:flex;gap:8px;--plan-card-w: 110px;--plan-card-h: 160px}.resting-surface .resting-combo .plan-card{margin:0;transform:none;zoom:var(--slot-zoom)}.resting-surface .resting-combo .plan-card--lifted .plan-card-fly{transform:scale(calc(1 / var(--slot-zoom)));transform-origin:bottom left}.resting-surface .resting-combo.plan-hand--held{transform:translateY(calc(100% + 40px))}@media(max-aspect-ratio:16/10),(max-width:1365px){.plan-surface .plan-hand{--plan-card-w: calc(var(--hud-band-h) * 1.05);--plan-card-h: calc(var(--plan-card-w) * 220 / 150)}.plan-surface .plan-hand .plan-card{margin:0 calc(var(--plan-card-w) * -.22)}.plan-surface .plan-hand .plan-card--dragging{margin:0}}.phase-hint.phase-hint--coach,.phase-hint.phase-hint--coach.phase-hint--nav{display:flex;align-items:center;gap:10px;max-width:100%;min-width:0;padding:3px 6px 3px 3px;background:#4a3418;border:2px solid #e8c25a;border-radius:4px;box-shadow:0 0 10px 2px #e8c25a73;color:#fff3d0;font-family:VT323,monospace;font-size:18px;text-shadow:0 2px 0 #000}.coach-tag{flex:none;padding:1px 6px;border-radius:2px;background:#e8c25a;color:#3a2414;font:700 12px Pixelify Sans,sans-serif;letter-spacing:.06em;text-shadow:none}.coach-skip{flex:none;min-height:24px;padding:4px 8px;border:none;border-radius:0;background:none;box-shadow:none;color:#e8c25a;font:16px VT323,monospace;text-decoration:underline;cursor:pointer}.coach-skip:active{margin:0;box-shadow:none}.coach-skip:hover{color:#fff3d0}.coach-skip:focus-visible{color:#fff3d0;outline:2px dashed #ffd867;outline-offset:2px}.coach-pointer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90}.coach-pointer--gold{--coach-ring: #ffd867}.coach-pointer--red{--coach-ring: #ff6a4a}.coach-ring{position:fixed;border-radius:6px;box-shadow:0 0 0 3px var(--coach-ring),0 0 0 6px #1d140c,0 0 16px 6px var(--coach-ring);animation:coach-ring-pulse 1.1s ease-in-out infinite}.coach-arrow{position:fixed;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:14px solid var(--coach-ring);filter:drop-shadow(0 2px 0 #1d140c);transform:translate(-50%,-100%);animation:coach-arrow-bob .9s ease-in-out infinite}.coach-arrow--up{border-top:none;border-bottom:14px solid var(--coach-ring);transform:translate(-50%);animation-name:coach-arrow-bob-up}@keyframes coach-ring-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes coach-arrow-bob{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 6px))}}@keyframes coach-arrow-bob-up{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.coach-pointer--still .coach-ring,.coach-pointer--still .coach-arrow{animation:none}@media(prefers-reduced-motion:reduce){.coach-ring,.coach-arrow{animation:none}}.welcome-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);display:grid;grid-template-rows:minmax(0,1fr);place-items:center;padding:16px;background:#0008}.welcome-card{box-sizing:border-box;width:min(720px,100%);max-height:calc(100% - 32px);overflow-y:auto;padding:22px 26px 18px;background:#f3ead2;border:4px solid #6b4a22;box-shadow:0 0 0 4px #1d140c,0 12px 40px #000a;color:#3a2414;font-family:VT323,monospace;text-align:center}.welcome-card__title{margin:0 0 6px;font:700 28px Pixelify Sans,sans-serif}.welcome-card__subtitle{margin:0 0 16px;font-size:20px}.welcome-card__beats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px;padding:0;list-style:none}.welcome-beat{padding:10px;border:2px solid #c9a96b;background:#fbf4e2}.welcome-beat__icon{width:40px;height:40px;image-rendering:pixelated;object-fit:contain}.welcome-beat__title{margin:6px 0 4px;font:700 16px Pixelify Sans,sans-serif}.welcome-beat__text{margin:0;font-size:18px;line-height:1.1}.welcome-card__actions{display:flex;flex-direction:column;align-items:center;gap:8px}.welcome-card__start{position:relative;isolation:isolate;min-width:190px;min-height:44px;padding:10px 34px 10px 22px;border:none;border-radius:0;background:none;box-shadow:none;color:#3a2414;font:700 20px Pixelify Sans,sans-serif;cursor:pointer}.welcome-card__start:before,.welcome-card__start:after{content:"";position:absolute;z-index:-1;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%)}.welcome-card__start:before{top:0;right:0;bottom:0;left:0;background:#3a2600}.welcome-card__start:after{top:2px;right:3px;bottom:2px;left:3px;background:linear-gradient(#ffe08a,#f2c14e)}.welcome-card__decline{min-height:44px;padding:4px 8px;border:none;border-radius:0;background:none;box-shadow:none;color:#6b4a22;font:18px VT323,monospace;text-decoration:underline;cursor:pointer}.welcome-card__start:active,.welcome-card__decline:active{margin:0;box-shadow:none}.welcome-card__start:focus-visible,.welcome-card__decline:focus-visible{outline:3px solid #1d140c;outline-offset:3px}@media(max-width:640px){.welcome-card__beats{grid-template-columns:1fr}}.game-nav{display:flex;align-items:center;gap:10px;box-sizing:border-box;height:100%;padding:0 10px;background:repeating-linear-gradient(#5a3a1e 0,#5a3a1e 22px,#4d3119 22px,#4d3119 24px);box-shadow:0 3px #2a1a0c,0 6px #0006;color:#f0e9cd;font-family:VT323,monospace;position:relative;z-index:30}.game-nav__left{display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0}.game-nav__right{display:flex;align-items:center;gap:8px;flex:none}.game-nav__prompt{flex:1;min-width:0;display:flex;justify-content:center}.phase-hint.phase-hint--nav{position:static;transform:none;max-width:100%;min-width:0;background:none;border:none;padding:0;color:#ffe08a;font-family:Pixelify Sans,sans-serif;font-size:15px;text-shadow:0 2px 0 #000}.game-nav__prompt .phase-hint-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.game-menu{position:relative}.game-menu__btn,.game-menu__btn:active{min-width:44px;min-height:44px;margin:0;border:none;border-radius:0;box-shadow:none;background:#00000040;color:#f0e9cd;font:22px Pixelify Sans,sans-serif;cursor:pointer}.game-menu__btn[aria-expanded=true]{outline:2px solid #f2c14e}.game-menu__list{position:absolute;right:0;top:calc(100% + 6px);width:210px;display:grid;padding:6px;background:linear-gradient(#f8f2dc,#ecdfb9);border:2px solid #5b3a10;border-radius:4px;box-shadow:inset 0 0 0 2px #f9f1d4,0 6px 14px #0009;z-index:80}.game-menu__item,.game-menu__item:active{min-height:44px;margin:0;padding:0 12px;text-align:left;background:none;border:none;border-bottom:1px dashed #b9a77a;border-radius:0;box-shadow:none;color:#3a2414;font:16px Pixelify Sans,sans-serif;cursor:pointer}.game-menu__item:last-child{border-bottom:none}.game-menu__item--danger{color:#c0301a}.game-menu__item:hover,.game-menu__item.pad-focused,.game-menu__item:focus-visible{background:#f2c14e44}.nav-me{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:8px;height:calc(100% - 12px);padding:0 10px 0 4px;background:#00000040;outline:2px solid #f2c14e}.nav-me__portrait,.nav-me__portrait:active{min-width:44px;min-height:44px;width:calc(var(--hud-nav-h) / var(--hud-zoom, 1) - 18px);height:calc(var(--hud-nav-h) / var(--hud-zoom, 1) - 18px);margin:0;padding:0;border:2px solid #5b3a10;border-radius:4px;background:#2a2f44;box-shadow:none;cursor:pointer}.nav-me__portrait img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain}.nav-me__vitals{display:grid;gap:2px;width:clamp(130px,11vw,200px)}.nav-me__name{font:15px Pixelify Sans,sans-serif;color:#f0e9cd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-me__bar{height:9px;background:#2b1d10;border:1px solid #000;position:relative}.nav-me__bar>i{position:absolute;inset:0 auto 0 0;background:#4caf50}.nav-me__bar--low>i{background:#d9822b}.nav-me__row{display:flex;justify-content:space-between;gap:8px;font-size:16px;white-space:nowrap}.nav-me__gold{color:#f2c14e}.nav-me__side{display:flex;align-items:center;gap:6px;min-width:0}.nav-me__chips{display:flex;gap:4px;overflow:hidden;min-width:0}.nav-me__chips .status-chip{font-size:13px;padding:0 5px;white-space:nowrap}.nav-me__more{font-size:13px;color:#cfc6aa}.nav-me__powers{display:flex;align-items:center;gap:calc(10px * var(--hud-zoom, 1));padding-top:10px}.nav-me__powers .kit-slot{width:max(30px,calc(var(--hud-nav-h) - 30px));height:max(30px,calc(var(--hud-nav-h) - 30px))}.nav-me__portrait.pad-focused,.nav-me__portrait:focus-visible{outline:2px dashed #ffd867;outline-offset:1px}.nav-objective{display:flex;gap:14px;align-items:center;height:calc(100% - 12px);padding:0 12px;background:#00000040;font:16px Pixelify Sans,sans-serif;color:#f0e9cd;white-space:nowrap}.nav-objective__kills--danger{color:#ff7a66}.nav-objective__round--late{color:#ffb35c}.stat-sheet{position:fixed;left:10px;top:calc(var(--hud-nav-h) + 6px);width:min(380px,calc(100vw - 20px));z-index:85;container-type:inline-size}.stat-sheet__close,.stat-sheet__close:active{position:absolute;right:6px;top:6px;z-index:1;min-width:44px;min-height:44px;margin:0;border:none;background:none;box-shadow:none;color:#613f01;font-size:20px;cursor:pointer}.play-layout .sideNav.left{gap:8px;overflow:hidden;align-items:stretch}.hud-tag{display:flex;justify-content:space-between;font:13px Pixelify Sans,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#613f01;margin-bottom:4px;white-space:nowrap;overflow:hidden;gap:6px}.hud-tag span{color:#8a6a2a}.party-panel,.stats-panel{box-sizing:border-box;min-width:0;padding:7px 8px;background:linear-gradient(#f8f2dc,#ecdfb9);border:2px solid #5b3a10;border-radius:4px;box-shadow:inset 0 0 0 2px #f9f1d4,0 4px 10px #0000008c;color:#3a2414;font-family:VT323,monospace}.party-panel{flex:0 0 auto;display:grid;gap:4px}.party-row,.party-row:active{box-sizing:border-box;width:100%;min-width:0;overflow:hidden;display:flex;align-items:center;gap:6px;min-height:44px;height:clamp(52px,6.4vh,72px);margin:0;padding:3px 5px;border:none;border-radius:3px;background:none;box-shadow:none;text-align:left;color:inherit;font:inherit;cursor:pointer}.party-row--me{background:#f2c14e33}.party-row--selected{outline:2px solid #f2c14e}.party-row.pad-focused,.party-row:focus-visible{outline:2px dashed #ffd867}.party-row__order{flex:none;width:16px;height:16px;border-radius:50%;background:#3a2414;color:#f0e9cd;font-size:13px;display:grid;place-items:center}.party-row__portrait{flex:none;width:36px;height:36px;image-rendering:pixelated;border:2px solid #5b3a10;border-radius:4px;background:#2a2f44}.party-row__body{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.party-row__top{display:flex;align-items:center;gap:6px;min-width:0;font-size:16px}.party-row__name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-row__hp{flex:none;color:#613f01}.party-row__pip{flex:none;font-size:13px;color:#613f01}.party-row__pip.party-row-locked-check{color:#2f7d32;font-weight:700}.party-row__pip.party-row-active-marker{color:#9b6a00}.party-row__pip.party-row-picking{color:#8a6a2a}.party-row__bar{height:6px;background:#2b1d10;border:1px solid #000;position:relative}.party-row__bar>i{position:absolute;inset:0 auto 0 0;background:#4caf50}.party-row__bar--low>i{background:#d9822b}.party-row__bottom{display:flex;align-items:center;gap:4px;min-height:16px}.party-row__chips{display:flex;gap:3px;overflow:hidden;min-width:0}.party-row__chips .status-chip{font-size:13px;padding:0 4px;white-space:nowrap}.party-row__more{font-size:13px;color:#8a6a2a}.party-row__cards{margin-left:auto;display:flex;align-items:center;gap:2px;flex:none}.party-row__cards-more{font-size:13px;color:#8a6a2a}.party-row__cards img{width:18px;height:18px;border:1px solid #5b3a10;border-radius:2px;background:#f3e6c0}.party-npc-turn{font-size:15px;color:#613f01;padding:2px 6px}.stats-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.stats-panel__head{display:flex;align-items:center;justify-content:space-between}.stats-panel__who{font:15px Pixelify Sans,sans-serif}.stats-panel__step,.stats-panel__step:active{min-width:44px;min-height:32px;margin:0;border:none;background:none;box-shadow:none;color:#7a5a20;font-size:18px;cursor:pointer}.stats-panel__body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.stats-panel__body .game-radar{flex:1 1 auto;min-width:0;width:100%;height:auto;max-height:100%}.stats-panel__extra{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;font-size:14px;flex:none}.stats-panel__key{display:inline-block;width:12px;height:8px;vertical-align:middle;border:1px solid #3a2414}.stats-panel__key--base{height:0;border-width:2px 0 0;border-style:dashed}.game-radar__ring{stroke:#b9a77a;stroke-width:1}.game-radar__spoke{stroke:#cdbb8c}.game-radar__base{stroke:#3a2414;stroke-width:1.5}.game-radar__now{stroke-width:2}.game-radar__label{font:13px VT323,monospace;fill:#3a2414}.game-radar__delta--up{fill:#2f7d32}.game-radar__delta--down{fill:#9b2d20}.play-layout .sideNav.right{gap:8px;align-items:stretch;--threat-row-h: clamp(44px, 5.2vh, 60px)}.boss-dossier,.threat-roster,.next-wave{box-sizing:border-box;min-width:0;padding:7px 9px;background:linear-gradient(#262c40,#191e2e);border:2px solid #4a3a1c;border-radius:4px;box-shadow:inset 0 0 0 1px #3d4560,0 4px 10px #0000008c;color:#f0e9cd;font-family:VT323,monospace;flex:none}.hud-tag--dark{color:#f2c14e}.hud-tag--dark span{color:#cfc6aa}.boss-dossier--empty p{margin:0;font-style:italic;color:#cfc6aa}.boss-dossier__head{display:flex;gap:8px;align-items:center}.boss-dossier__head img{width:48px;height:48px;image-rendering:pixelated;flex:none}.boss-dossier__who{flex:1;min-width:0;display:grid;gap:2px}.boss-dossier__tag{font:13px Pixelify Sans,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#f2c14e}.boss-dossier__name{font:16px Pixelify Sans,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boss-dossier__bar{height:9px;background:#2b1d10;border:1px solid #000;position:relative}.boss-dossier__bar>i{position:absolute;inset:0 auto 0 0;background:#e2483d}.boss-dossier__row{display:flex;justify-content:space-between;gap:6px;font-size:15px;white-space:nowrap}.boss-dossier__lines{list-style:none;margin:6px 0 0;padding:4px 0 0;border-top:1px dashed #4a3a1c;font-size:14px;line-height:1.05;color:#e6d9b0}.boss-dossier__foot{margin:3px 0 0;font-size:13px;color:#9d957c}.threat-roster__window{display:grid;gap:4px;height:calc(3 * var(--threat-row-h) + 8px);overflow:hidden;align-content:start}.threat-row,.threat-row:active{box-sizing:border-box;width:100%;min-width:0;min-height:44px;height:var(--threat-row-h);display:flex;gap:6px;align-items:center;margin:0;padding:2px 5px;border:none;border-radius:3px;background:none;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer;overflow:hidden}.threat-row--selected{outline:2px solid #f2c14e;background:#ffffff10}.threat-row.pad-focused,.threat-row:focus-visible{outline:2px dashed #ffd867}.threat-row img{width:32px;height:32px;image-rendering:pixelated;flex:none}.threat-row__body{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.threat-row__top{display:flex;gap:5px;align-items:baseline;min-width:0;font-size:15px}.threat-row__name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.threat-row__count{flex:none;color:#cfc6aa}.threat-row__tag{flex:none;font:9px Pixelify Sans,sans-serif;color:#f2c14e}.threat-row__hp{flex:none;margin-left:auto}.threat-row__bottom{display:flex;gap:6px;align-items:center;min-width:0}.threat-row__bar{flex:1 1 16px;height:5px;background:#2b1d10;border:1px solid #000;position:relative;min-width:16px}.threat-row__bar>i{position:absolute;inset:0 auto 0 0;background:#e2483d}.threat-row__stats{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#cfc6aa;white-space:nowrap}.threat-roster__empty{margin:4px 0;color:#cfc6aa;font-size:15px}.threat-roster__steps{display:flex;justify-content:center;gap:16px;margin-top:2px}.threat-step,.threat-step:active{min-width:44px;min-height:30px;margin:0;padding:0 10px;border:1px solid #4a3a1c;border-radius:3px;background:none;box-shadow:none;color:#f2c14e;font:14px VT323,monospace;cursor:pointer}.threat-step:disabled{color:#4a4a4a;border-color:#2a2a2a;cursor:default}.next-wave__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.next-wave__chip{font-size:15px;padding:0 6px;border:1px solid #4a3a1c;border-radius:3px;color:#ffe08a}.next-wave__empty{margin:3px 0 0;font-size:14px;color:#9d957c}.token-peek{position:fixed;z-index:85;width:280px;container-type:inline-size}.token-peek__close,.token-peek__close:active{position:absolute;right:4px;top:4px;z-index:1;min-width:44px;min-height:44px;margin:0;border:none;background:none;box-shadow:none;color:#613f01;font-size:18px;cursor:pointer}.threat-row__low{font-size:13px;color:#cfc6aa}.battle-log{flex:1 1 0;min-height:96px;display:flex;flex-direction:column;box-sizing:border-box;min-width:0;padding:6px 9px;background:linear-gradient(#262c40,#191e2e);border:2px solid #4a3a1c;border-radius:4px;box-shadow:inset 0 0 0 1px #3d4560,0 4px 10px #0000008c;color:#f0e9cd;font-family:VT323,monospace;overflow:hidden}.battle-log__head{align-items:center}.battle-log__open,.battle-log__open:active{min-height:44px;min-width:44px;margin:0;padding:0 6px;border:none;background:none;box-shadow:none;color:#cfc6aa;font:13px Pixelify Sans,sans-serif;cursor:pointer}.battle-log__list{list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;-webkit-mask-image:linear-gradient(transparent,#000 18px);mask-image:linear-gradient(transparent,#000 18px)}.log-line{display:flex;gap:5px;font-size:15px;line-height:1.2}.log-line__icon{flex:none;width:14px;text-align:center}.log-line__text{min-width:0;overflow-wrap:anywhere}.log-line--kill{color:#ff7a66}.log-line--save{color:#8fd18f}.log-line--gold{color:#f2c14e}.log-line--status{color:#c9a6ff}.log-line--spawn{color:#ffb35c}.log-line--move{color:#9d957c}.log-line--chat{color:#f0e9cd}.log-line--plain{color:#cfc6aa}.log-round{font:13px Pixelify Sans,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#a8977a;margin:4px 0 1px;border-bottom:1px dashed #3d3420}.log-drawer{position:fixed;z-index:84;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:linear-gradient(#262c40,#191e2e);border:2px solid #4a3a1c;border-radius:4px;box-shadow:0 8px 20px #0009;color:#f0e9cd;font-family:VT323,monospace}.log-drawer__head{display:flex;justify-content:space-between;align-items:center}.log-drawer__close,.log-drawer__close:active{min-width:44px;min-height:44px;margin:0;border:none;background:none;box-shadow:none;color:#cfc6aa;font-size:18px;cursor:pointer}.log-drawer__filters{display:flex;gap:6px;flex-wrap:wrap}.log-filter,.log-filter:active{min-height:44px;min-width:44px;margin:0;padding:0 10px;border:1px solid #4a3a1c;border-radius:3px;background:none;box-shadow:none;color:#cfc6aa;font:15px VT323,monospace;cursor:pointer}.log-filter[aria-pressed=true]{border-color:#f2c14e;color:#f2c14e}.log-drawer__list{list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow-y:auto}.log-drawer__chat{display:flex;gap:6px}.log-drawer__chat textarea{flex:1;min-height:44px;resize:none;background:#11141f;color:#f0e9cd;border:1px dashed #4a3a1c;font:15px VT323,monospace;padding:6px}.log-drawer__send,.log-drawer__send:active{min-width:64px;min-height:44px;margin:0;border:2px solid #5b3a10;border-radius:3px;background:linear-gradient(#fff8e2,#e7d6a6);box-shadow:none;color:#3a2414;font:16px Pixelify Sans,sans-serif;cursor:pointer}.event-toasts{position:fixed;left:calc(var(--stage-left, 0px) + var(--stage-width, 100vw) / 2);top:calc(var(--stage-top, 0px) + 14px);transform:translate(-50%);z-index:66;pointer-events:none}.event-toast{padding:7px 18px;border:2px solid #111;box-shadow:0 4px #0008;font:18px Pixelify Sans,sans-serif;white-space:normal;max-width:calc(var(--stage-width, 100vw) - 40px);text-align:center;animation:event-toast-in .25s ease-out}.event-toast--villager,.event-toast--hero-down{background:#5a1a12;color:#ffd9cf}.event-toast--hero-revived{background:#1f4a22;color:#d9f2d0}.event-toast--spawn{background:#3a2a0c;color:#ffe08a}.event-toast--boss-down{background:#4a3a10;color:#ffe08a}.event-toast--round{background:#1d2440;color:#f0e9cd}@keyframes event-toast-in{0%{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.event-toast{animation:none}}@media(max-aspect-ratio:16/10),(max-width:1365px){.nav-me{max-width:400px}.nav-me__chips .status-chip:nth-child(n+2){display:none}.party-row__cards img{width:14px;height:14px}.party-row__name{min-width:7ch}.threat-row__bar{display:none}.threat-row__stats{white-space:nowrap}.threat-roster__units{display:none}.boss-dossier__row{flex-wrap:wrap}.game-nav__prompt .phase-hint-text{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.1;text-align:center}}.game-nav>*,.play-layout .sideNav>*{zoom:var(--hud-zoom, 1)}.log-drawer>*{zoom:var(--hud-zoom, 1)}@media(min-width:1920px)and (min-height:1050px){:root:root{--hud-zoom: 1.2;--hud-nav-h: 69.6px }}@media(min-width:2240px)and (min-height:1250px){:root:root{--hud-zoom: 1.4;--hud-nav-h: calc(58px * 1.4);--hud-band-h: 150px}}@media(min-width:2560px)and (min-height:1400px){:root:root{--hud-zoom: 1.6;--hud-nav-h: calc(58px * 1.6);--hud-band-h: 165px}}.rotate-screen{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 40%,#151c30,#0c101d 80%);color:#f0e9cd;font:22px Pixelify Sans,sans-serif;text-align:center;padding:24px}.rotate-screen__glyph{font-size:64px;color:#f2c14e}@media(orientation:portrait){.rotate-screen{display:flex}}.log-round-group{list-style:none}.log-round-group__lines{list-style:none;margin:0;padding:0}.log-round-toggle,.log-round-toggle:active{display:block;width:100%;min-height:44px;margin:0;padding:0 4px;border:none;border-bottom:1px dashed #3d3420;background:none;box-shadow:none;color:#a8977a;font:13px Pixelify Sans,sans-serif;letter-spacing:1px;text-transform:uppercase;text-align:left;cursor:pointer}.log-drawer__error{margin:0;color:#ff7a66;font-size:15px}.settings-panel{font-family:VT323,monospace;color:#3a2600;text-align:left}.settings-panel__group{margin:14px 0 0;font-size:15px;font-weight:400;letter-spacing:2px;color:#8a6a2a}.settings-row{display:grid;grid-template-columns:200px 1fr;align-items:center;padding:9px 0;border-bottom:1px solid #613f0122}.settings-row__label{font-size:24px;color:#613f01}.settings-row__control{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.settings-row__note{width:100%;margin:2px 0 0;font-size:16px;color:#8a6a2a}.settings-row__state{font-size:20px}.settings-panel button,.settings-panel button:active{font:inherit;border-radius:0;box-shadow:none;margin:0;cursor:pointer}.settings-volume>button:not(.settings-volume__cell){width:30px;height:30px;font-size:22px;line-height:1;background:#613f01;color:#f2c14e;border:none}.settings-volume__cell{width:16px;height:20px;padding:0;border:none;background:#613f0122}.settings-volume__cell.is-on{background:#b47a0c}.settings-volume__value{margin-left:8px;font-size:22px}.settings-switch{position:relative;width:58px;height:26px;padding:3px;border:none;background:#613f0133;box-shadow:inset 0 0 0 2px #2a1a0c!important}.settings-switch.is-on{background:#2f6b45}.settings-switch__knob{display:block;width:20px;height:20px;background:#f0e9cd;transition:transform .12s ease}.settings-switch.is-on .settings-switch__knob{transform:translate(32px)}.settings-segments{display:flex;flex-wrap:wrap;gap:4px}.settings-segments button{padding:2px 14px;font-size:21px;background:none;border:none;color:#613f01;box-shadow:inset 0 0 0 2px #613f0155!important}.settings-segments button[aria-pressed=true]{background:#613f01;color:#f2c14e}.settings-preview{margin-top:12px;padding:8px 12px;background:#e4d9b4;box-shadow:inset 0 0 0 2px #b47a0c55;display:flex;flex-wrap:wrap;gap:14px;align-items:baseline;font-size:18px}.settings-preview__tag{width:100%;font-size:14px;letter-spacing:1px;color:#8a6a2a}.settings-panel__saved{margin:14px 0 0;font-size:16px;color:#8a6a2a}.settings-panel .pad-focused,.settings-panel button:focus-visible{outline:3px solid #f2c14e;outline-offset:2px}@media(prefers-reduced-motion:reduce){.settings-switch__knob{transition:none}}.draft-modal>.settings-modal__body{flex-shrink:1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(97,63,1,.55) transparent;padding:6px 12px;margin:-6px -12px 0;scroll-padding:6px 0;width:calc(min(660px,var(--sheet-inner-w, 100vw)) + 24px);box-sizing:border-box;container-type:inline-size}@container (max-width: 520px){.settings-modal__body .settings-row{grid-template-columns:1fr;gap:4px}}.phone-menus.phone-menus{--pm-top: env(safe-area-inset-top, 0px);--pm-right: env(safe-area-inset-right, 0px);--pm-bottom: env(safe-area-inset-bottom, 0px);--pm-left: env(safe-area-inset-left, 0px);--pm-gap: 8px;--pm-bar-h: 52px;--pm-bar-space: calc(var(--pm-bottom) + var(--pm-bar-h) + 2 * var(--pm-gap));min-height:100dvh}.phone-menus-page body{margin:0}.phone-menus .edge-flag.edge-flag{top:auto;bottom:calc(var(--pm-bottom) + var(--pm-gap));height:var(--pm-bar-h);min-width:0;box-sizing:border-box;margin:0;padding:0;border:2px solid #1c120a;border-radius:6px;clip-path:none}.phone-menus .edge-flag--back.edge-flag{left:calc(var(--pm-left) + var(--pm-gap));right:auto;width:var(--pm-bar-h)}.phone-menus .edge-flag--confirm.edge-flag{left:calc(var(--pm-left) + var(--pm-bar-h) + 2 * var(--pm-gap));right:calc(var(--pm-right) + var(--pm-gap));width:auto}.phone-menus .phone-menus__bar{position:fixed;z-index:2;left:calc(var(--pm-left) + var(--pm-bar-h) + 2 * var(--pm-gap));right:calc(var(--pm-right) + var(--pm-gap));bottom:calc(var(--pm-bottom) + var(--pm-gap));min-height:var(--pm-bar-h);display:flex;align-items:stretch;gap:var(--pm-gap)}.phone-menus .phone-menus__primary,.phone-menus .phone-menus__primary:active{flex:1 1 0;min-width:0;min-height:var(--pm-bar-h);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0 12px;border:2px solid #1c120a;border-radius:6px;box-shadow:none;background:#2f6b45;color:#f0e9cd;font-family:VT323,monospace;font-size:24px;line-height:1;cursor:pointer}.phone-menus .phone-menus__primary:active{filter:brightness(1.25)}.phone-menus .phone-menus__primary:disabled{filter:grayscale(.7) brightness(.7);cursor:default}.phone-menus input,.phone-menus textarea{font-size:max(16px,1em);-webkit-user-select:text;user-select:text}.phone-menus.phone-menus:not(.phone-menus--keys) .pad-focused.pad-focused:not(:focus-visible){outline:none}.phone-menus:not(.phone-menus--keys) .edge-flag.pad-focused:not(:focus-visible):not(:hover):not(:active):not(:disabled){filter:none}.stat-radar{font-family:VT323,monospace;overflow:visible}.stat-radar__ring{fill:none;stroke:#613f01;stroke-opacity:.18;stroke-width:1}.stat-radar__rim{fill:none;stroke:#613f01;stroke-opacity:.35;stroke-width:1}.stat-radar__spoke{stroke:#613f01;stroke-opacity:.18}.stat-radar__focus{fill-opacity:.28;stroke-width:2;stroke-linejoin:round;transition:all .2s ease}.stat-radar__pick{fill:none;stroke-width:2;stroke-dasharray:4 3}.stat-radar__marker rect{stroke:#f0e9cd;stroke-width:2}.stat-radar__marker:hover rect{transform-box:fill-box;transform-origin:center;transform:scale(1.5)}.stat-radar__label{font-size:14px;fill:#8a6a2a}.stat-radar__value{font-size:18px;fill:#3a2600}.stat-radar__value--hp{fill:#b0281d}.stat-radar__other{font-size:12px;fill:#8a6a2a}@media(prefers-reduced-motion:reduce){.stat-radar__focus{transition:none}}.party-banner{position:fixed;left:0;right:0;top:0;z-index:2;height:9vh;min-height:56px;box-sizing:border-box;padding:0 14px;display:flex;align-items:center;gap:12px;background:repeating-linear-gradient(#5a3a1e 0,#5a3a1e 22px,#4d3119 22px,#4d3119 24px);box-shadow:0 3px #2a1a0c,0 6px #0006;color:#f0e9cd;font-family:VT323,monospace}.party-banner__where{display:flex;align-items:baseline;gap:6px;min-width:150px}.party-banner__label{font-size:14px;color:#a8977a}.party-banner__code,.party-banner__chapter{font-size:24px;color:#f2c14e}.party-banner__seed{font-size:15px;color:#c9b98f}.party-banner__seats{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.party-seat{position:relative;display:flex;align-items:center;gap:7px;padding:4px 7px;min-height:40px;background:#00000040;font-size:17px;line-height:1}.party-seat--me{outline:2px solid #f2c14e}.party-seat__token{width:32px;height:32px;image-rendering:pixelated;flex:none}.party-seat__who{display:flex;flex-direction:column;min-width:0}.party-seat__meta{font-size:14px;color:#a8977a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-seat--empty{justify-content:center;background:none;outline:1px dashed #c9b98f88;color:#c9b98f}.party-seat--blank{outline-color:#c9b98f33}.party-banner button,.party-banner button:active,.party-resume button,.party-resume button:active{font:inherit;color:inherit;border-radius:0;box-shadow:none;margin:0;cursor:pointer}button.party-seat--empty{border:none;font-size:17px}.party-banner__copy,.party-seat__remove{background:none;border:none;padding:0 4px;font-size:18px;color:#c9b98f}.party-seat__remove{margin-left:auto!important;color:#e08070}.party-banner__fill{background:none;border:1px solid #c9b98f88;padding:2px 10px;font-size:20px;color:#c9b98f}.party-banner .pad-focused,.party-resume .pad-focused,.party-banner button:focus-visible{outline:2px dashed #ffd867;outline-offset:2px}.party-resume{position:fixed;top:calc(9vh + 10px);left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:14px;padding:4px 14px;background:#1a1208cc;color:#f0e9cd;font-family:VT323,monospace;font-size:17px}.party-resume__title{margin:0;font-size:17px;color:#f2c14e;font-weight:400}.party-resume__list{list-style:none;margin:0;padding:0;display:flex;gap:12px}.party-resume__list .is-waiting{color:#c9b98f}.party-resume__hint{color:#ffb0a0}.party-resume__start{background:#2f6b45;border:none;padding:2px 10px}.join-form{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:4;isolation:isolate;width:min(420px,90vw);box-sizing:border-box;padding:20px 24px 34px;display:flex;flex-direction:column;gap:10px;color:#3a2600;font-family:VT323,monospace}.join-form__title{margin:0;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:30px;color:#613f01}.join-form__field{display:flex;flex-direction:column;font-size:18px;color:#8a6a2a}.join-form__field input{font:inherit;font-size:22px;padding:4px 8px;background:#fffaf0;border:2px solid #613f0155;color:#3a2600}.join-form button,.join-form button:active{font:inherit;font-size:22px;border:none;border-radius:0;box-shadow:none;margin:0;padding:4px 12px;background:#613f01;color:#f2c14e;cursor:pointer}.join-form button:disabled{opacity:.5;cursor:default;background:#613f01}.join-form__seats{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.join-form__seats-title{width:100%;margin:0;font-size:20px;color:#613f01}.join-form__back{font-size:18px;color:#8a6a2a}.joining-as{margin:0;font-size:24px;text-align:center}.join-form .pad-focused{outline:3px solid #f2c14e;outline-offset:2px}.hero-select{min-height:100vh;color:#f0e9cd;font-family:VT323,monospace}.hero-select__lineup{position:fixed;left:96px;right:120px;bottom:35%;z-index:1;display:flex;justify-content:space-evenly;align-items:flex-end;pointer-events:none}.hero-select__hero,.hero-select__hero:active{position:relative;pointer-events:auto;display:flex;flex-direction:column;align-items:center;background:none;border:none;box-shadow:none;border-radius:0;margin:0;padding:0;cursor:pointer;color:inherit;font:inherit}.hero-select__hero.is-dim .sprite{filter:brightness(.5)}.hero-select__hero.is-bot:not(.is-focused) .sprite{filter:grayscale(.7) brightness(.55)}.hero-select__hero.is-taken:not(.is-focused) .sprite{filter:brightness(.8)}.hero-select__shadow{position:absolute;bottom:-.7vh;left:50%;transform:translate(-50%);width:55%;height:1.4vh;border-radius:50%;background:#0008}.hero-select__glow{position:absolute;bottom:-2vh;left:50%;transform:translate(-50%);width:34vh;height:20vh;background:radial-gradient(ellipse at 50% 80%,#ff9a3c66,transparent 65%);pointer-events:none}.hero-select__plate{position:absolute;bottom:calc(100% - 3vh);left:50%;transform:translate(-50%);white-space:nowrap;font-size:15px;padding:0 6px;line-height:1.2}.hero-select__plate--me{background:#f2c14e;color:#2a1a00}.hero-select__plate--bot{background:#3b3b4a;color:#c9c9d9}.hero-select__plate--mate{background:#2f5d6b;color:#e6f6ff}.hero-select__hero.is-focused:before{--c: #f2c14e;content:"";position:absolute;top:-1vh;right:-1.5vh;bottom:-1vh;left:-1.5vh;pointer-events:none;background:linear-gradient(var(--c),var(--c)) 0 0 / 18px 4px,linear-gradient(var(--c),var(--c)) 0 0 / 4px 18px,linear-gradient(var(--c),var(--c)) 100% 0 / 18px 4px,linear-gradient(var(--c),var(--c)) 100% 0 / 4px 18px,linear-gradient(var(--c),var(--c)) 0 100% / 18px 4px,linear-gradient(var(--c),var(--c)) 0 100% / 4px 18px,linear-gradient(var(--c),var(--c)) 100% 100% / 18px 4px,linear-gradient(var(--c),var(--c)) 100% 100% / 4px 18px;background-repeat:no-repeat}.hero-select__hero.is-focused.is-taken:before{--c: #9a9aa8}.hero-select__hero.is-focused:after{content:"▼";position:absolute;bottom:calc(100% + .5vh);left:50%;transform:translate(-50%);font-size:22px;color:#f2c14e;animation:hero-bob 1s steps(2) infinite}.hero-select__hero.is-focused.is-taken:after{color:#9a9aa8}@keyframes hero-bob{50%{margin-bottom:-6px}}.hero-select__prompt{position:fixed;left:0;right:0;bottom:calc(32vh + 10px);z-index:2;margin:0;text-align:center;font-size:2.8vh;text-shadow:2px 2px 0 #000}.hero-select__waiting,.hero-select__hint{position:fixed;left:50%;transform:translate(-50%);top:calc(9vh + 52px);z-index:2;margin:0;padding:2px 14px;background:#0b0a10cc;white-space:nowrap;font-size:2.4vh;color:#c9b98f;pointer-events:none}.hero-select__waiting+.hero-select__hint{top:calc(12.6vh + 52px)}.hero-select .edge-flag{bottom:46%}.hero-panel{position:fixed;left:5%;right:5%;bottom:3%;height:29vh;z-index:2;box-sizing:border-box;padding:8px 14px;display:grid;grid-template-columns:1.75fr 1fr 1fr 1fr;gap:12px;align-items:stretch;background:#f0e9cd;color:#3a2600;box-shadow:0 0 0 3px #613f01,0 6px 0 3px #0005}.hero-panel__identity{display:grid;grid-template-columns:auto 1fr;align-items:center;min-width:0}.hero-panel__name{margin:0;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:36px;line-height:.9;color:#613f01}.hero-panel__playstyles{margin:2px 0 0;font-size:17px;color:#7a5a2a}.hero-panel__legend{margin:6px 0 0;font-size:14px;line-height:1.15;color:#7a5a2a}.hero-panel__swatch{display:inline-block;width:14px;height:10px;outline:2px solid;vertical-align:-1px}.hero-panel__dash{display:inline-block;width:14px;height:0;border-top:2px dashed;vertical-align:3px}.hero-panel__radar{justify-self:center}.hero-panel__ability{display:flex;flex-direction:column;justify-content:center;padding:6px 9px;background:#e4d9b4;box-shadow:inset 0 0 0 2px #c9b98f;font-size:16px;line-height:1.05}.hero-panel__tag{font-size:13px;color:#8a6a2a;letter-spacing:1px}.hero-panel__ability-name{display:block;font-size:20px;color:#8a4a00;margin:1px 0 2px}.hero-panel__ability-text p{margin:0}.hero-select .input-hint{position:fixed;right:16px;bottom:16px;margin-bottom:0;z-index:3}@media(prefers-reduced-motion:reduce){.hero-select__hero.is-focused:after{animation:none}}.phone-menus .party-banner{position:relative;left:auto;right:auto;top:auto;height:auto;min-height:0;box-sizing:border-box;padding:calc(var(--pm-top) + 2px) max(8px,var(--pm-right)) 4px max(8px,var(--pm-left));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px}.phone-menus .party-banner__where{grid-area:1 / 1;min-width:0;min-height:44px;align-items:center;gap:4px;overflow:hidden;white-space:nowrap}.phone-menus .party-banner__label{font-size:13px}.phone-menus .party-banner__code,.phone-menus .party-banner__chapter{font-size:22px}.phone-menus .party-banner__chapter{min-width:0;overflow:hidden;text-overflow:ellipsis}.phone-menus .party-banner__seed{flex:none;display:flex;align-items:center;margin-left:4px}.phone-menus .party-banner__where:has(.party-banner__seed) .party-banner__label{display:none}.phone-menus .party-banner__copy,.phone-menus .party-banner__copy:active{flex:none;box-sizing:border-box;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1}.phone-menus .party-banner__copy:active{color:#f2c14e}.phone-menus .party-banner__fill,.phone-menus .party-banner__fill:active{grid-area:1 / 2;box-sizing:border-box;min-height:44px;padding:0 12px;font-size:18px;line-height:1;white-space:nowrap}.phone-menus .party-banner__seats{grid-area:2 / 1 / 3 / -1;flex:none;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}.phone-menus .party-seat,.phone-menus .party-seat:active{box-sizing:border-box;min-width:0;height:44px;min-height:44px;padding:0 4px;gap:4px;font-size:15px;line-height:1}.phone-menus .party-seat__token{width:24px;height:24px}.phone-menus span.party-seat__token{display:flex;align-items:center;justify-content:center;background:#0005;color:#f2c14e;font-size:18px}.phone-menus span.party-seat__token:before{content:attr(data-initial)}.phone-menus .party-seat__who{flex:1 1 0;gap:2px}.phone-menus .party-seat__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-menus .party-seat__meta{font-size:0}.phone-menus .party-seat__meta:before{content:attr(data-short);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-transform:uppercase}.phone-menus .party-seat__meta[data-short=""]{display:none}.phone-menus .party-seat__remove,.phone-menus .party-seat__remove:active{position:absolute;top:0;right:0;box-sizing:border-box;width:44px;height:44px;padding:0 5px 0 0;display:flex;align-items:center;justify-content:flex-end;font-size:18px;line-height:1}.phone-menus .party-seat__remove:active{color:#ffb0a0}.phone-menus .party-seat:has(.party-seat__remove) .party-seat__who{padding-right:14px}.phone-menus--keys .party-seat__remove.pad-focused,.phone-menus .party-seat__remove:focus-visible{outline-offset:-3px}.phone-menus .party-resume{position:relative;left:auto;top:auto;transform:none;box-sizing:border-box;margin:6px 8px 0;padding:4px 8px;flex-wrap:wrap;gap:2px 10px;font-size:15px}.phone-menus .party-resume__title{font-size:15px}.phone-menus .party-resume__list{flex-wrap:wrap;gap:0 10px}.phone-menus .party-resume__start,.phone-menus .party-resume__start:active{box-sizing:border-box;min-height:44px;padding:0 14px;font-size:18px}.phone-menus .join-form{position:relative;left:auto;top:auto;transform:none;flex:none;box-sizing:border-box;width:min(420px,calc(100% - 32px));margin:12px auto;padding:16px 16px 30px}.phone-menus .join-form__title{font-size:26px}.phone-menus .join-form__field{gap:2px}.phone-menus .join-form__field input{box-sizing:border-box;width:100%;min-height:44px;padding:4px 10px;border-radius:0;font-size:20px;-webkit-user-select:text;user-select:text;scroll-margin-bottom:calc(var(--pm-bar-space) + 8px)}.phone-menus .join-form button,.phone-menus .join-form button:active{box-sizing:border-box;min-height:44px;padding:4px 14px}.phone-menus .join-form__back{box-sizing:border-box;min-height:44px;display:flex;align-items:center;justify-content:center}.phone-menus .phone-hero{position:relative;flex:1 1 0;min-height:0;display:flex;flex-direction:column}.phone-menus .phone-hero__banner{flex:none;min-height:96px}.phone-menus.hero-select .night-scene__moon,.phone-menus.hero-select .night-scene__hills,.phone-menus.hero-select .night-scene__ridge,.phone-menus.hero-select .night-scene__monster{display:none}.phone-menus .phone-hero__body{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.phone-menus .phone-hero__lineup{container-type:size;flex:1 1 0;min-height:108px;display:flex;align-items:stretch;padding:0 27%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x}.phone-menus .phone-hero__lineup::-webkit-scrollbar{display:none}.phone-menus .phone-hero__hero,.phone-menus .phone-hero__hero:active{--phone-hero-sprite: clamp(56px, min(100cqh - 44px, 100cqw), 200px);flex:0 0 100cqw;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;margin:0;padding:0 0 8px;border:none;border-radius:0;box-shadow:none;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:pan-x;-webkit-tap-highlight-color:transparent}.phone-menus .phone-hero__hero:focus-visible{outline:2px dashed #ffd867;outline-offset:-4px}.phone-menus .phone-hero__hero .sprite{flex:none;filter:brightness(.5)}.phone-menus .phone-hero__hero.is-bot .sprite{filter:grayscale(.7) brightness(.55)}.phone-menus .phone-hero__hero.is-focused .sprite{filter:none}.phone-menus .phone-hero__plate{flex:none;max-width:100%;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:20px}.phone-menus .phone-hero__plate--me{background:#f2c14e;color:#2a1a00}.phone-menus .phone-hero__plate--bot{background:#3b3b4a;color:#c9c9d9}.phone-menus .phone-hero__plate--mate{background:#2f5d6b;color:#e6f6ff}.phone-menus .phone-hero__dots{flex:none;display:flex;justify-content:center;gap:6px;padding:2px 0 8px}.phone-menus .phone-hero__dot{width:7px;height:7px;border-radius:50%;background:#f0e9cd59}.phone-menus .phone-hero__dot.is-current{background:#f2c14e}.phone-menus .phone-hero__sheet{flex:none;display:flex;flex-direction:column;gap:8px;padding:8px 12px 12px;background:#f0e9cd;box-shadow:0 -3px #613f01;color:#3a2600}.phone-menus.phone-hero--seated .phone-hero__sheet{padding-bottom:calc(var(--pm-bar-h) + 2 * var(--pm-gap) + 4px)}.phone-menus .phone-hero__identity{display:flex;align-items:center;gap:8px}.phone-menus .phone-hero__radar{flex:none;line-height:0}.phone-menus .phone-hero__who{flex:1 1 0;min-width:0}.phone-menus .phone-hero__name{margin:0;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:22px;line-height:1;color:#613f01;overflow-wrap:anywhere}.phone-menus .phone-hero__playstyles{margin:4px 0 0;font-size:17px;line-height:1.1;color:#7a5a2a}.phone-menus .phone-hero__powers{display:flex;flex-direction:column;gap:6px}.phone-menus .phone-hero__power,.phone-menus .phone-hero__power:active{width:100%;min-height:44px;display:flex;align-items:center;gap:8px;margin:0;padding:2px 8px;border:none;border-radius:4px;box-shadow:inset 0 0 0 2px #c9b98f;background:#e4d9b4;color:#3a2600;font:inherit;text-align:left;cursor:pointer}.phone-menus .phone-hero__power:active{filter:brightness(.94)}.phone-menus .phone-hero__power:focus-visible,.phone-menus--keys .phone-hero__power.pad-focused{outline:2px solid #8a4a00;outline-offset:1px}.phone-menus .phone-hero__power-icon{flex:none;width:32px;height:32px;image-rendering:pixelated}.phone-menus .phone-hero__power-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.phone-menus .phone-hero__power-tag{font-size:12px;line-height:1;letter-spacing:1px;color:#8a6a2a}.phone-menus .phone-hero__power-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.1;color:#8a4a00}.phone-menus .phone-hero__power-more{flex:none;font-size:22px;line-height:1;color:#8a6a2a}.phone-menus .phone-hero__hint{margin:0;text-align:center;font-size:17px;line-height:1.1;color:#7a5a2a}.phone-menus .phone-hero__join{flex:none;order:-1}.phone-menus .phone-hero:has(.phone-viewer) .phone-hero__banner{visibility:hidden}.phone-menus .phone-hero__status{flex:1 1 0;min-width:0;min-height:var(--pm-bar-h);display:flex;align-items:center;justify-content:center;margin:0;border:2px dashed #8a6a2a;border-radius:6px;background:#e4d9b4;color:#7a5a2a;font-size:22px;line-height:1}.phone-menus.hero-select .phone-menus__primary,.phone-menus.hero-select .phone-menus__primary:active{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:22px}.auth-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;color:#3a2600;font-family:VT323,monospace}.auth-screen__logo{position:relative;z-index:1;margin:6vh 0 2vh;text-align:center;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:9vh;line-height:.85;text-transform:uppercase;color:#f2c14e;text-shadow:.5vh .5vh 0 #8a3a0c,1vh 1vh 0 #120804}.auth-screen__logo-of{font-size:5vh;color:#e8dcc0}.auth-card{position:relative;z-index:1;isolation:isolate;width:min(380px,90vw);box-sizing:border-box;padding:20px 26px 40px}.auth-card__title{margin:0 0 10px;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:28px;color:#613f01}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form input{font:inherit;font-size:20px;padding:5px 9px;background:#fffaf0;border:2px solid #613f0155;color:#3a2600}.auth-form button[type=submit],.auth-form button[type=submit]:active{font:inherit;font-size:22px;padding:5px;border:none;border-radius:0;margin:0;cursor:pointer;background:#2f6b45;color:#eaffef;box-shadow:0 0 0 2px #163a22}.auth-providers{display:flex;flex-direction:column;gap:6px}.auth-provider-btn{padding:5px;font-size:19px;text-align:center;text-decoration:none;color:#613f01;box-shadow:inset 0 0 0 2px #613f0177}.auth-provider-btn:hover{background:#613f0115}.auth-error{margin:0;color:#b0281d;font-size:18px;overflow-wrap:anywhere}.auth-form p{margin:4px 0 0;font-size:18px}.auth-form a{color:#8a4a00}.auth-guest-btn,.auth-guest-btn:active{background:none;border:none;box-shadow:none;margin:0;padding:0;font:inherit;color:#8a4a00;text-decoration:underline;cursor:pointer}.phone-menus.auth-screen{box-sizing:border-box;padding:var(--pm-top) var(--pm-right) calc(var(--pm-bottom) + 24px) var(--pm-left)}.phone-menus .auth-screen__logo{margin:min(5dvh,40px) 0 min(2dvh,16px);font-size:min(9dvh,64px);text-shadow:3px 3px 0 #8a3a0c,6px 6px 0 #120804}.phone-menus .auth-screen__logo-of{font-size:min(5dvh,36px)}.phone-menus .auth-card{width:min(380px,calc(100% - 32px));padding:18px 20px 40px}.phone-menus .auth-form input{box-sizing:border-box;min-height:44px;padding:6px 10px;font-size:20px}.phone-menus .auth-form button[type=submit]{min-height:44px}.phone-menus .auth-provider-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:44px}.phone-menus .auth-form p a,.phone-menus .auth-guest-btn,.phone-menus .auth-guest-btn:active{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 6px;vertical-align:middle}.phone-menus .auth-form p{margin:0;line-height:1.2}.phone-menus .phone-install-hint{position:fixed;z-index:1;left:calc(var(--pm-left) + var(--pt-side, 16px));right:calc(var(--pm-right) + var(--pt-side, 16px));bottom:calc(var(--pm-bottom) + var(--pt-pad-bottom, 12px) + var(--pt-menu, 228px) + 8px);height:64px;box-sizing:border-box;display:flex;align-items:center;gap:8px;margin:0;padding:0 4px 0 12px;overflow:hidden;border:2px solid #f2c14e99;border-radius:6px;background:#1a1408;color:#e8dcc0;font-family:VT323,monospace}.phone-menus:has(.save-picker) .phone-install-hint{display:none}.phone-menus .phone-install-hint__text{flex:1 1 auto;min-width:0;max-height:100%;margin:0;overflow:hidden;font-size:17px;line-height:1.1}.phone-menus .phone-install-hint__install,.phone-menus .phone-install-hint__install:active,.phone-menus .phone-install-hint__dismiss,.phone-menus .phone-install-hint__dismiss:active{flex:none;box-sizing:border-box;min-width:44px;min-height:44px;margin:0;border:none;border-radius:6px;box-shadow:none;font-family:inherit;line-height:1;cursor:pointer;touch-action:manipulation}.phone-menus .phone-install-hint__install,.phone-menus .phone-install-hint__install:active{padding:0 14px;background:#2f6b45;color:#f0e9cd;font-size:22px}.phone-menus .phone-install-hint__dismiss,.phone-menus .phone-install-hint__dismiss:active{padding:0;background:none;color:#c9b98f;font-size:20px}.phone-menus .phone-install-hint__install:active,.phone-menus .phone-install-hint__dismiss:active{filter:brightness(1.25)}.title-screen{min-height:100vh;color:#f0e9cd;font-family:VT323,monospace}.title-screen__content{position:relative;z-index:1;min-height:100vh}.title-screen__logo{position:absolute;left:6%;top:16%;margin:0;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:11vh;line-height:.85;color:#f2c14e;text-transform:uppercase;text-shadow:.6vh .6vh 0 #8a3a0c,1.2vh 1.2vh 0 #120804}.title-screen__logo-of{font-size:6vh;color:#e8dcc0}.title-screen__body{position:absolute;left:6%;top:52%}.title-screen__menu{display:flex;flex-direction:column;align-items:flex-start;gap:.3vh}.title-screen__item{position:relative;background:none;border:none;padding:0;font:inherit;font-size:4.9vh;line-height:1.05;color:#e8dcc0;text-shadow:.4vh .4vh 0 #000;text-align:left;cursor:pointer}.title-screen__item,.title-screen__item:active,.title-screen__item:disabled,.title-screen__profile button,.title-screen__profile button:active{background:none;box-shadow:none;border-radius:0;margin:0}.title-screen__item[aria-disabled=true]{cursor:default;opacity:.7}.title-screen__sub{display:block;font-size:2.3vh;color:#c9b98f;margin-top:-.4vh;text-shadow:.3vh .3vh 0 #000}.title-screen__label{position:relative}.title-screen__item:hover:not([aria-disabled=true]),.title-screen__item:focus-visible,.title-screen__item.pad-focused{color:#f2c14e;outline:none}.title-screen__item:hover:not([aria-disabled=true]) .title-screen__label:before,.title-screen__item:focus-visible .title-screen__label:before,.title-screen__item.pad-focused .title-screen__label:before{content:"►";position:absolute;right:100%;margin-right:1vh;font-size:3.4vh;top:.8vh}.title-screen__item:hover:not([aria-disabled=true]) .title-screen__label:after,.title-screen__item:focus-visible .title-screen__label:after,.title-screen__item.pad-focused .title-screen__label:after{content:"◄";position:absolute;left:100%;margin-left:1vh;font-size:3.4vh;top:.8vh}.title-screen__error{margin:1.4vh 0 0;font-size:2.4vh;color:#ffb0a0;text-shadow:.3vh .3vh 0 #000}.title-screen__profile{position:absolute;left:16px;top:12px;display:flex;align-items:center;gap:6px;font-size:18px;text-shadow:2px 2px 0 #000}.title-screen__avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#9b2d20;box-shadow:inset 0 0 0 2px #f2c14e}.title-screen__name{color:#f2c14e}.title-screen__sep{color:#c9b98f}.title-screen__profile a,.title-screen__profile button{font:inherit;color:#c9b98f;background:none;border:none;padding:0;cursor:pointer;text-decoration:none}.title-screen__profile a:hover,.title-screen__profile button:hover,.title-screen__profile .pad-focused,.title-screen__profile :focus-visible{color:#f2c14e;outline:2px dashed #ffd867;outline-offset:2px}.title-screen__version{position:absolute;right:16px;top:12px;display:flex;flex-direction:column;align-items:flex-end;font-size:15px;line-height:1;color:#c9b98f88}.title-screen .input-hint{position:fixed;right:16px;bottom:16px;margin-bottom:0;z-index:2}.phone-menus.title-screen{--pt-row: 54px;--pt-row-gap: 4px;--pt-pad-bottom: 12px;--pt-side: 16px;--pt-hint: 72px;--pt-error: 44px;--pt-rows: 3;--pt-hint-room: 0px;--pt-error-room: 0px;--pt-menu: calc(var(--pt-rows) * var(--pt-row) + (var(--pt-rows) - 1) * var(--pt-row-gap) + var(--pt-error-room));--scene-soil: calc(var(--pm-bottom) + var(--pt-pad-bottom) + var(--pt-menu) + var(--pt-hint-room))}.phone-menus.title-screen:has(.title-screen__menu>.title-screen__item:nth-child(4)){--pt-rows: 4}.phone-menus.title-screen:has(.phone-install-hint){--pt-hint-room: var(--pt-hint)}.phone-menus.title-screen:has(.title-screen__error){--pt-error-room: var(--pt-error)}.phone-menus .title-screen__content{min-height:100dvh}.phone-menus .night-scene--tall .night-scene__moon{left:auto;right:calc(var(--pm-right) + 6%);top:calc(var(--pm-top) + 56px);width:calc(9 * var(--ns-u));height:calc(9 * var(--ns-u));box-shadow:0 0 24px 6px #f3e6c055}.phone-menus .night-scene--tall .night-scene__hills{bottom:var(--ns-grass);height:calc(30 * var(--ns-u))}.phone-menus .night-scene--tall .night-scene__ridge{left:var(--ns-ridge-x);width:var(--ns-ridge-w);bottom:var(--ns-grass);height:var(--ns-ridge-h)}.phone-menus .night-scene--tall .night-scene__grass{height:var(--ns-grass)}.phone-menus .night-scene--tall .night-scene__soil{height:var(--ns-soil)}.phone-menus .night-scene--tall .night-scene__light-pool{left:var(--ns-fire-x);bottom:calc(var(--ns-soil) - 2 * var(--ns-u));width:var(--ns-pool-w);height:calc(13 * var(--ns-u))}.phone-menus .night-scene--tall .night-scene__glow{left:var(--ns-fire-x);bottom:calc(var(--ns-soil) + .5 * var(--ns-u));width:var(--ns-glow-w);height:calc(24 * var(--ns-u))}.phone-menus .night-scene--tall .night-scene__hero-shadow{bottom:calc(-.6 * var(--ns-u));height:calc(1.2 * var(--ns-u))}.phone-menus .night-scene--tall .night-scene__flame{left:calc(var(--ns-fire-x) - 3 * var(--ns-u));bottom:var(--ns-fire-base);width:calc(6 * var(--ns-u));height:calc(9 * var(--ns-u))}.phone-menus .night-scene--tall .night-scene__logs{left:calc(var(--ns-fire-x) - 5 * var(--ns-u));bottom:calc(var(--ns-fire-base) - 1.3 * var(--ns-u));width:calc(10 * var(--ns-u));height:calc(1.7 * var(--ns-u));box-shadow:inset 0 -2px #24160c}.phone-menus .night-scene--tall .night-scene__ember{animation-name:phone-title-ember}@keyframes phone-title-ember{0%{transform:translateY(0);opacity:0}15%{opacity:.9}to{transform:translateY(-110px) translate(14px);opacity:0}}.phone-menus .title-screen__logo{left:calc(var(--pm-left) + 20px);top:calc(var(--pm-top) + max(56px,12dvh));font-size:min(17vw,9dvh);white-space:nowrap;text-shadow:3px 3px 0 #8a3a0c,6px 6px 0 #120804}.phone-menus .title-screen__logo-of{font-size:.55em}.phone-menus .title-screen__body{left:calc(var(--pm-left) + var(--pt-side));right:calc(var(--pm-right) + var(--pt-side));top:auto;bottom:calc(var(--pm-bottom) + var(--pt-pad-bottom));display:flex;flex-direction:column}.phone-menus .title-screen__menu{align-items:stretch;gap:var(--pt-row-gap)}.phone-menus .title-screen__item,.phone-menus .title-screen__item:active{box-sizing:border-box;width:100%;height:var(--pt-row);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0;padding:0 16px;border:2px solid transparent;border-radius:6px;font-size:30px;line-height:1;text-shadow:2px 2px 0 #000;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.phone-menus .title-screen__item:active{background:#f2c14e22}.phone-menus .title-screen__item:has(.title-screen__sub){border-color:#f2c14e99;background:#2a1f0c;font-size:26px}.phone-menus .title-screen__item:has(.title-screen__sub) .title-screen__label{color:#f2c14e}.phone-menus .title-screen__sub{max-width:100%;margin-top:1px;overflow:hidden;font-size:15px;line-height:1;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 0 #000}.phone-menus .title-screen__item:hover:not(:focus-visible):not(.pad-focused){color:#e8dcc0}.phone-menus .title-screen__item:hover:not(:focus-visible):not(.pad-focused) .title-screen__label:before,.phone-menus .title-screen__item:hover:not(:focus-visible):not(.pad-focused) .title-screen__label:after{content:none}.phone-menus:not(.phone-menus--keys) .title-screen__item.pad-focused:not(:focus-visible){color:#e8dcc0}.phone-menus:not(.phone-menus--keys) .title-screen__item.pad-focused:not(:focus-visible) .title-screen__label:before,.phone-menus:not(.phone-menus--keys) .title-screen__item.pad-focused:not(:focus-visible) .title-screen__label:after{content:none}.phone-menus .title-screen__item:focus-visible,.phone-menus--keys .title-screen__item.pad-focused{border-color:#f2c14e}.phone-menus .title-screen__item:focus-visible .title-screen__label:before,.phone-menus--keys .title-screen__item.pad-focused .title-screen__label:before{margin-right:3px;font-size:12px;top:.3em}.phone-menus .title-screen__item:focus-visible .title-screen__label:after,.phone-menus--keys .title-screen__item.pad-focused .title-screen__label:after{margin-left:3px;font-size:12px;top:.3em}.phone-menus .title-screen__error{order:-1;box-sizing:border-box;height:calc(var(--pt-error) - 8px);display:flex;align-items:flex-end;margin:0 0 8px;overflow:hidden;font-size:16px;line-height:1.1;text-shadow:1px 1px 0 #000}.phone-menus .title-screen__profile{left:calc(var(--pm-left) + 12px);top:calc(var(--pm-top) + 4px);max-width:calc(100% - var(--pm-left) - var(--pm-right) - 120px);gap:4px}.phone-menus .title-screen__avatar{flex:none}.phone-menus .title-screen__name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.phone-menus .title-screen__profile a,.phone-menus .title-screen__profile button,.phone-menus .title-screen__profile button:active{flex:none;box-sizing:border-box;min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0 4px;font-size:18px;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.phone-menus .title-screen__profile a:active,.phone-menus .title-screen__profile button:active{color:#f2c14e}.phone-menus .title-screen__profile a:hover:not(:focus-visible):not(.pad-focused),.phone-menus .title-screen__profile button:hover:not(:focus-visible):not(.pad-focused){color:#c9b98f;outline:none}.phone-menus:not(.phone-menus--keys) .title-screen__profile .pad-focused:not(:focus-visible){color:#c9b98f}.phone-menus .title-screen__profile a:focus-visible,.phone-menus .title-screen__profile button:focus-visible,.phone-menus--keys .title-screen__profile .pad-focused{outline-offset:-4px}.phone-menus .title-screen__version{right:calc(var(--pm-right) + 12px);top:calc(var(--pm-top) + 12px);font-size:12px}.phone-menus .save-picker{position:fixed;z-index:3;left:0;right:0;bottom:0;width:auto;max-height:calc(100dvh - var(--pm-top) - 56px);box-sizing:border-box;display:flex;flex-direction:column;padding:18px calc(var(--pm-right) + 16px) calc(var(--pm-bottom) + 12px) calc(var(--pm-left) + 16px)}.phone-menus .save-picker .parchment-sheet{bottom:-28px}.phone-menus .save-picker__title{flex:none;font-size:26px}.phone-menus .save-picker__list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;gap:0}.phone-menus .save-picker__row{min-height:52px;padding:4px 0;box-sizing:border-box;font-size:18px}.phone-menus .save-picker__label{min-width:0}.phone-menus .save-picker button,.phone-menus .save-picker button:active{flex:none;box-sizing:border-box;min-width:88px;min-height:44px;margin:0;padding:0 14px;font-size:20px;touch-action:manipulation}.phone-menus .save-picker .save-picker__back,.phone-menus .save-picker .save-picker__back:active{flex:none;width:100%;min-height:48px;margin-top:12px}.mp-screen{min-height:100vh;color:#f0e9cd;font-family:VT323,monospace}.mp-screen__cards{position:relative;z-index:1;min-height:100vh;display:flex;justify-content:center;align-items:center;gap:5vw}.mp-card,.mp-card:active{width:min(26vw,420px);min-height:72vh;box-sizing:border-box;padding:2.4vh 1.8vw 5vh;display:flex;flex-direction:column;align-items:center;gap:1.4vh;border:none;border-radius:0;margin:0;box-shadow:none;font:inherit;color:inherit;text-align:center;clip-path:polygon(0 0,100% 0,100% 97%,93% 99.5%,86% 97.5%,78% 100%,70% 97%,62% 99%,54% 97.5%,46% 100%,38% 97%,30% 99.5%,22% 97.5%,14% 100%,6% 97%,0 99%);filter:drop-shadow(0 6px 0 #00000088);transition:transform .12s ease,filter .12s ease}.mp-card--host{background:linear-gradient(#6b5440,#4d3a2a);cursor:pointer}.mp-card--join{background:linear-gradient(#4a6b3a,#34502a)}.mp-card--locked{cursor:default}.mp-card--locked .mp-scene{filter:grayscale(.6) brightness(.7)}.mp-card:not(.mp-card--locked):hover,.mp-card.pad-focused,.mp-card:focus-visible,.mp-card--join:focus-within,.mp-card--join:has(.pad-focused){transform:translateY(-6px);filter:drop-shadow(0 0 3px #f2c14e) drop-shadow(0 0 3px #f2c14e);outline:none}.mp-card__title{margin:0;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:5.6vh;color:#f2c14e;text-shadow:3px 3px 0 #2a1a0c}.mp-card__text{margin:.6vh 0 0;font-size:3.2vh;line-height:1.05;text-shadow:2px 2px 0 #000}.mp-card__code{margin-top:auto}.mp-card__error{margin:0;font-size:2.6vh;color:#ffb0a0;text-shadow:2px 2px 0 #000}.mp-scene{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(#0b1020,#1d2540 55%);box-shadow:0 0 0 4px #e8dcc0,0 0 0 7px #2a1a0c}.mp-scene>*{position:absolute}.mp-scene:before{content:"";position:absolute;top:0;right:0;bottom:45%;left:0;background-image:radial-gradient(#fff 1px,transparent 1.5px);background-size:31px 23px;opacity:.4}.mp-scene__ground{left:0;right:0;bottom:0;height:45%;background:#1e2a1e}.mp-scene__fire{left:calc(50% - 16px);bottom:22%;width:32px;height:44px;background:linear-gradient(#ffe08a,#ff8a2a 45%,#c0301a);clip-path:polygon(50% 0,62% 22%,75% 12%,78% 40%,92% 34%,100% 100%,0 100%,8% 38%,22% 46%,26% 16%,38% 30%);filter:drop-shadow(0 0 12px #ff9a3c)}.mp-scene__logs{left:calc(50% - 26px);bottom:19%;width:52px;height:9px;background:#3a2414}.mp-scene__seat{width:36px;height:12px;transform:translate(-50%);background:#4d3119;box-shadow:inset 0 -3px #2a1a0c}.mp-scene__road{left:30%;right:30%;bottom:0;height:45%;background:#4a3a24;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}.mp-scene__far-glow{left:50%;bottom:42%;width:120px;height:50px;transform:translate(-50%);background:radial-gradient(ellipse,#ff9a3c88,transparent 65%)}.mp-scene__far-fire{left:calc(50% - 5px);bottom:45%;width:10px;height:14px;background:linear-gradient(#ffe08a,#ff8a2a);clip-path:polygon(50% 0,100% 100%,0 100%)}.mp-screen .input-hint{position:fixed;right:16px;bottom:16px;margin-bottom:0;z-index:2}@media(prefers-reduced-motion:reduce){.mp-card{transition:none}}.phone-menus .mp-screen__cards{min-height:100dvh;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:calc(var(--pm-top) + 12px) max(16px,var(--pm-right)) calc(var(--pm-bar-space) + 12px) max(16px,var(--pm-left))}.phone-menus .mp-card,.phone-menus .mp-card:active{flex:none;width:100%;max-width:420px;min-height:0;padding:10px 16px 24px;gap:8px}.phone-menus .mp-card:not(.mp-card--locked):hover,.phone-menus .mp-card.pad-focused,.phone-menus .mp-card:focus-visible,.phone-menus .mp-card--join:focus-within,.phone-menus .mp-card--join:has(.pad-focused){transform:none}.phone-menus:not(.phone-menus--keys) .mp-card.pad-focused:not(:focus-visible):not(:hover),.phone-menus:not(.phone-menus--keys) .mp-card--join:has(.pad-focused):not(:focus-within):not(:hover){filter:none}.phone-menus:not(.phone-menus--keys) .code-entry:has(.code-entry__input.pad-focused:not(:focus-visible)) .code-entry__boxes{outline:none}.phone-menus .mp-card__title{font-size:28px;line-height:1;text-shadow:2px 2px 0 #2a1a0c}.phone-menus .mp-card__text{margin:0;font-size:18px;line-height:1.1}.phone-menus .mp-card__error{font-size:17px;line-height:1.1}.phone-menus .mp-card__code{margin-top:2px}.phone-menus .mp-scene{flex:none;aspect-ratio:auto;height:clamp(72px,15dvh,132px);box-shadow:0 0 0 3px #e8dcc0,0 0 0 5px #2a1a0c}.phone-menus .mp-scene__hero{--sprite-size: 64px !important;margin-left:16px}.phone-menus .mp-scene__fire{bottom:20%;width:24px;height:32px;left:calc(50% - 12px)}.phone-menus .mp-scene__logs{bottom:16%;width:40px;height:7px;left:calc(50% - 20px)}.phone-menus .mp-scene__seat{width:28px;height:9px}.phone-menus .mp-scene__far-glow{width:90px;height:36px}.phone-menus .code-entry__boxes{gap:5px}.phone-menus .code-entry__box{box-sizing:border-box;width:40px;height:44px}.phone-menus .code-entry__input{font-size:16px;-webkit-user-select:text;user-select:text;scroll-margin-top:calc(var(--pm-top) + 16px);scroll-margin-bottom:calc(var(--pm-bar-space) + 16px)}.stats-page{padding:2rem;display:flex;flex-direction:column;gap:1rem}.stats-page header{display:flex;justify-content:space-between;align-items:baseline}.stats-table{border-collapse:collapse;width:100%}.stats-table th,.stats-table td{border-bottom:1px solid currentColor;padding:.5rem .75rem;text-align:left}.stats-error{color:#c0392b}.progression-summary{margin:0}.mastery-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.mastery-card{border:1px solid currentColor;padding:.75rem 1rem}.mastery-card ul{list-style:none;padding:0;margin:.5rem 0 0}.mastery-card .locked{opacity:.5}.stats-page header a.pad-focused{outline:2px dashed #ffd867;outline-offset:2px;box-shadow:0 0 10px #ffd86799}.stats-page .input-hint{position:fixed;right:16px;bottom:16px;margin-bottom:0}.phone-menus.stats-page{box-sizing:border-box;display:block;padding:calc(var(--pm-top) + 8px) calc(var(--pm-right) + 8px) calc(var(--pm-bottom) + 24px) calc(var(--pm-left) + 8px);font-family:VT323,monospace;font-size:20px;color:#3a2600}.phone-menus .stats-sheet{position:relative;z-index:1;isolation:isolate;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:12px 14px 40px}.phone-menus.stats-page header{align-items:center;gap:8px}.phone-menus.stats-page h1{margin:0;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:30px;color:#613f01}.phone-menus.stats-page header a{flex:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;color:#613f01;text-decoration:none;box-shadow:inset 0 0 0 2px #613f0177}.phone-menus.stats-page:not(.phone-menus--keys) header a.pad-focused:not(:focus-visible){box-shadow:inset 0 0 0 2px #613f0177}.phone-menus.stats-page p{margin:0}.phone-menus .progression-summary{overflow-wrap:anywhere}.phone-menus .mastery-cards{grid-template-columns:1fr;gap:8px}.phone-menus .mastery-card{border-color:#613f0155}.phone-menus .mastery-card h3{margin:0 0 2px;color:#613f01}.phone-menus .stats-table,.phone-menus .stats-table tbody,.phone-menus .stats-table tr{display:block}.phone-menus .stats-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.phone-menus .stats-table tbody tr{margin:0 0 8px;padding:6px 10px;background:#fffaf066;box-shadow:inset 0 0 0 2px #613f0144}.phone-menus .stats-table td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:2px 0;border-bottom:none;text-align:right}.phone-menus .stats-table td:before{content:attr(data-label);flex:none;color:#8a6a2a;text-align:left}.phone-menus .stats-table td:first-child{margin-bottom:2px;padding-bottom:4px;border-bottom:1px solid #613f0133;font-size:24px;color:#613f01}.phone-campaign{--pc-card-w: min(62vw, 230px);--pc-gap: 12px;--pc-fixed: 240px;position:relative;z-index:1;height:100dvh;box-sizing:border-box;padding-top:var(--pm-top);display:flex;flex-direction:column;overflow:hidden}.phone-campaign__header{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px calc(var(--pm-right) + 12px) 0 calc(var(--pm-left) + 12px)}.phone-campaign__title{margin:0;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:28px;line-height:1;color:#f2c14e;text-shadow:2px 2px 0 #2a1a0c}.phone-campaign__total{font-size:18px;line-height:1;color:#c9b98f}.phone-campaign__error,.phone-campaign__loading{flex:none;margin:4px 12px 0;text-align:center;font-size:18px;line-height:1.1}.phone-campaign__error{color:#ffb0a0}.phone-campaign__cards{flex:none;height:min(clamp(214px,34dvh,330px),max(0px,100dvh - var(--pm-top) - var(--pc-fixed)));box-sizing:border-box;padding:12px calc(50% - var(--pc-card-w) / 2) 10px;display:flex;align-items:stretch;gap:var(--pc-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none}.phone-campaign__cards::-webkit-scrollbar{display:none}.phone-campaign__card,.phone-campaign__card:active{position:relative;isolation:isolate;flex:0 0 var(--pc-card-w);min-width:0;box-sizing:border-box;margin:0;padding:10px 14px 30px;display:flex;flex-direction:column;align-items:center;gap:6px;scroll-snap-align:center;scroll-snap-stop:always;text-align:center;background:none;border:none;border-radius:0;box-shadow:none;font:inherit;color:#3a2600;outline:none;filter:brightness(.62);cursor:pointer}.phone-campaign__card.is-selected,.phone-campaign__card:focus-visible,.phone-menus--keys .phone-campaign__card.pad-focused{filter:drop-shadow(0 0 3px #f2c14e) drop-shadow(0 0 3px #f2c14e)}.phone-campaign__card.is-locked .parchment-sheet:before{filter:brightness(.82) saturate(.7)}.phone-campaign__number{flex:none;font-size:15px;line-height:1;letter-spacing:2px;color:#8a6a2a}.phone-campaign__art{flex:1 1 0;min-height:0;width:100%;box-sizing:border-box;padding-bottom:4px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#1d2540;box-shadow:0 0 0 3px #613f01}.phone-campaign__card.is-locked .phone-campaign__art{background:#2a2a30}.phone-campaign__card.is-locked .sprite{opacity:.45}.phone-campaign__unknown{align-self:center;font-family:Pixelify Sans,sans-serif;font-size:48px;line-height:1;color:#fff3}.phone-campaign__name{flex:none;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:20px;line-height:1;color:#613f01}.phone-campaign__card.is-locked .phone-campaign__name{color:#613f0188}.phone-campaign__stars{flex:none;font-size:20px;line-height:1;letter-spacing:1px}.phone-campaign__stars .is-earned{color:#d99a12}.phone-campaign__stars .is-open{color:#613f0155}.phone-campaign__note{flex:none;font-size:16px;line-height:1;color:#7a5a2a}.phone-campaign__card--journey,.phone-campaign__card--journey:active{align-self:center;height:72%;padding:12px;justify-content:center;gap:10px;background:linear-gradient(#4a6b3a,#34502a);box-shadow:0 6px #0008}.phone-campaign__card--journey:only-child{scroll-snap-align:none}.phone-campaign__journey-mark{font-size:34px;line-height:1;color:#f2c14e}.phone-campaign__card--journey .phone-campaign__name{font-size:24px;color:#f2c14e}.phone-campaign__dots{flex:none;display:flex;justify-content:center;gap:7px;padding:2px 0 8px}.phone-campaign__dots span{width:7px;height:7px;border-radius:50%;background:#c9b98f55}.phone-campaign__dots .is-on{background:#f2c14e}.phone-campaign__details{position:relative;isolation:isolate;flex:1 1 0;min-height:0;overflow:hidden;color:#3a2600;font-size:18px;line-height:1.15}.phone-campaign__details .parchment-sheet{bottom:-32px}.phone-campaign__scroll{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:14px calc(var(--pm-right) + 18px) calc(var(--pm-bar-space) + 12px) calc(var(--pm-left) + 18px);scroll-padding-bottom:calc(var(--pm-bar-space) + 12px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.phone-campaign__heading{margin:0 0 6px;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:22px;line-height:1;color:#613f01}.phone-campaign__story{margin:0 0 10px}.phone-campaign__facts{margin:0 0 10px;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-content:start}.phone-campaign__facts dt{color:#8a6a2a}.phone-campaign__facts dd{margin:0}.phone-campaign__facts .phone-campaign__rule{grid-column:1 / 3;color:#7a5a2a}.phone-campaign__locked,.phone-campaign__unlock{margin:0 0 6px;color:#7a5a2a}.phone-campaign__locked{color:#8a2d20}.phone-menus .phone-campaign__seed{display:block;width:100%;max-width:280px;height:48px;box-sizing:border-box;margin:0;padding:0 12px;border:2px solid #613f01;border-radius:4px;background:#f8f4e8;color:#3a2600;font-family:inherit;font-size:20px;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.phone-menus .phone-campaign__seed::-webkit-outer-spin-button,.phone-menus .phone-campaign__seed::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.phone-menus .phone-campaign__seed:focus{outline:3px solid #f2c14e;outline-offset:1px}.phone-menus .phone-campaign__begin.is-blocked{font-size:19px}.phone-menus--keys .phone-campaign .pad-focused:not(.phone-campaign__card){outline:3px solid #f2c14e;outline-offset:2px}.campaign-screen{min-height:100vh;color:#f0e9cd;font-family:VT323,monospace}.campaign-screen__content{position:relative;z-index:1;min-height:100vh}.campaign-screen__header{position:absolute;top:4vh;left:0;right:0;display:flex;justify-content:center;align-items:baseline;gap:14px}.campaign-screen__title{margin:0;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:5.6vh;color:#f2c14e;text-shadow:3px 3px 0 #2a1a0c}.campaign-screen__total{font-size:3vh;color:#c9b98f}.campaign-screen__error{position:absolute;top:11vh;left:0;right:0;text-align:center;color:#ffb0a0;font-size:2.6vh;margin:0}.campaign-screen__loading{position:absolute;top:40vh;width:100%;text-align:center;font-size:3vh}.campaign-screen__cards{position:absolute;left:4%;right:4%;top:15vh;height:48vh;display:flex;justify-content:center;align-items:stretch;gap:1.4%}.chapter-card,.chapter-card:active,.chapter-card:disabled{position:relative;isolation:isolate;width:15%;max-width:240px;box-sizing:border-box;padding:2vh 1vw 4vh;display:flex;flex-direction:column;align-items:center;gap:1vh;text-align:center;background:none;border:none;border-radius:0;box-shadow:none;margin:0;font:inherit;color:#3a2600;cursor:pointer;transition:transform .12s ease,filter .12s ease}.chapter-card:disabled{cursor:default}.chapter-card.is-locked .parchment-sheet:before{filter:brightness(.82) saturate(.7)}.chapter-card.is-selected,.chapter-card.pad-focused,.chapter-card:focus-visible{transform:translateY(-10px);filter:drop-shadow(0 0 3px #f2c14e) drop-shadow(0 0 3px #f2c14e);outline:none}.chapter-card__number{font-size:1.9vh;letter-spacing:2px;color:#8a6a2a}.chapter-card__art{width:100%;aspect-ratio:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10%;box-sizing:border-box;overflow:hidden;background:#1d2540;box-shadow:0 0 0 3px #613f01}.chapter-card.is-locked .chapter-card__art{background:#2a2a30}.chapter-card.is-locked .sprite{opacity:.45}.chapter-card__unknown{font-family:Pixelify Sans,sans-serif;font-size:8vh;color:#fff3;margin-bottom:15%}.chapter-card__title{font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:2.8vh;line-height:1;color:#613f01}.chapter-card.is-locked .chapter-card__title{color:#613f0188}.chapter-card__stars{font-size:3vh;letter-spacing:1px}.chapter-card__stars .is-earned{color:#d99a12}.chapter-card__stars .is-open{color:#613f0155}.chapter-card__note{font-size:2vh;line-height:1;color:#7a5a2a}.journey-card{width:12%;max-width:200px;align-self:center;box-sizing:border-box;padding:2vh .8vw;display:flex;flex-direction:column;gap:1vh;text-align:center;background:linear-gradient(#4a6b3a,#34502a);filter:drop-shadow(0 6px 0 #0008)}.journey-card__title{margin:0;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:3vh;color:#f2c14e}.journey-card__text{margin:0;font-size:2.1vh;line-height:1.05}.journey-card__seed{font:inherit;font-size:2.1vh;text-align:center;background:#f0e9cd;color:#3a2600;border:none;padding:2px 4px}.journey-card__begin,.journey-card__begin:active{font:inherit;font-size:2.4vh;background:#2f6b45;color:#eaffef;border:none;border-radius:0;box-shadow:0 0 0 2px #163a22;margin:0;cursor:pointer}.chapter-details{position:absolute;left:10%;right:10%;bottom:5vh;height:23vh;isolation:isolate;box-sizing:border-box;padding:2vh 2vw 4vh;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2vw;color:#3a2600;font-size:2.3vh;line-height:1.1}.chapter-details__title{margin:0 0 .6vh;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:3.2vh;color:#613f01}.chapter-details__story p{margin:0}.chapter-details__facts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.2vh 10px;align-content:start}.chapter-details__facts dt{color:#8a6a2a}.chapter-details__facts dd{margin:0}.chapter-details__rule{grid-column:1 / 3;color:#7a5a2a}.chapter-details__act{display:flex;flex-direction:column;gap:1vh}.chapter-details__unlock{margin:0;color:#7a5a2a}.chapter-details__begin,.chapter-details__begin:active{margin-top:auto;font:inherit;font-size:3vh;padding:4px;border:none;border-radius:0;cursor:pointer;background:#2f6b45;color:#eaffef;box-shadow:0 0 0 3px #163a22}.chapter-details__begin:after{content:" ✓"}.chapter-details__empty{grid-column:1 / -1;margin:auto;font-size:3vh;color:#7a5a2a}.campaign-screen .pad-focused:not(.chapter-card){outline:3px solid #f2c14e;outline-offset:2px}.campaign-screen .input-hint{position:fixed;right:16px;bottom:16px;margin-bottom:0;z-index:3}@media(prefers-reduced-motion:reduce){.chapter-card{transition:none}}.settings-screen{min-height:100vh;font-family:VT323,monospace}.settings-sheet{position:relative;z-index:1;isolation:isolate;width:min(720px,92vw);margin:7vh auto 0;box-sizing:border-box;padding:26px 34px 48px;color:#3a2600}.settings-sheet__title{margin:0 0 6px;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:40px;color:#613f01}.phone-menus.settings-screen{box-sizing:border-box;padding:var(--pm-top) var(--pm-right) var(--pm-bar-space) var(--pm-left)}.phone-menus .settings-sheet{width:auto;margin:0;padding:16px 16px 40px}.phone-menus .settings-sheet__title{font-size:32px}.phone-menus.settings-screen:after{content:"";position:fixed;z-index:1;left:0;right:0;bottom:0;height:var(--pm-bar-space);background:#0b0d18;box-shadow:0 -2px #1c120a;pointer-events:none}.phone-menus .settings-panel :where(.settings-row),.phone .settings-panel :where(.settings-row){grid-template-columns:1fr;gap:4px}.phone-menus .settings-panel :where(.settings-volume),.phone .settings-panel :where(.settings-volume){flex-wrap:nowrap;gap:3px}.phone-menus .settings-panel :where(.settings-volume>button:not(.settings-volume__cell)),.phone .settings-panel :where(.settings-volume>button:not(.settings-volume__cell)){flex:none;min-width:44px;min-height:44px}.phone-menus .settings-panel :where(.settings-volume__cell),.phone .settings-panel :where(.settings-volume__cell){flex:1 1 0;width:auto;min-width:0;min-height:44px;pointer-events:none}.phone-menus .settings-panel :where(.settings-volume__value),.phone .settings-panel :where(.settings-volume__value){flex:none;min-width:4ch;margin-left:5px;text-align:right}.phone-menus .settings-panel :where(.settings-switch),.phone .settings-panel :where(.settings-switch){box-sizing:border-box;min-width:76px;min-height:44px}.phone-menus .settings-panel :where(.settings-switch__knob),.phone .settings-panel :where(.settings-switch__knob){width:38px;height:38px}.phone-menus .settings-panel :where(.settings-segments button),.phone .settings-panel :where(.settings-segments button){min-width:44px;min-height:44px}.phone-menus .settings-panel :where(.settings-panel__group:has(+.settings-row .settings-segments)),.phone .settings-panel :where(.settings-panel__group:has(+.settings-row .settings-segments)),.phone-menus .settings-panel :where(.settings-row:has(.settings-segments)),.phone .settings-panel :where(.settings-row:has(.settings-segments)),.phone-menus .settings-panel :where(.settings-preview),.phone .settings-panel :where(.settings-preview){display:none}
