/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.top-100{top:calc(var(--spacing)*100)}.block{display:block}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080808;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{width:100%;min-height:100vh}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background:#080808cc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06);animation:navbar-drop .5s cubic-bezier(.16,1,.3,1) both}@keyframes navbar-drop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:.2rem;height:2px;border-radius:2px;background:#10b981cc;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.nav-link:hover:after{transform:scaleX(1)}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:-.01em;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.navbar-links{display:flex;align-items:center;gap:.4rem}.nav-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;color:#ffffff8c;padding:.45rem .85rem;border-radius:8px;transition:color .15s ease,background .15s ease}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link-active{color:#10b981;background:#10b9811a}.brand-icon{width:20px;height:20px;color:#10b981;flex-shrink:0}.brand-icon.small{width:16px;height:16px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080808}.hero-cursor-glow{position:absolute;inset:0;pointer-events:none;transition:background .1s ease}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 90% 65% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 65% at 50% 50%,black 20%,transparent 100%)}.particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.particle{position:absolute;bottom:-8px;border-radius:50%;opacity:0;animation:float-up linear infinite}body.modal-open .particle{animation-play-state:paused}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(-110vh) scale(.6);opacity:0}}.hero-content{position:relative;z-index:2;text-align:center;padding:5rem 1.5rem 3rem;max-width:780px;animation:fade-up .65s ease-out both}.hero-title{font-size:clamp(3.5rem,10vw,7rem);font-weight:900;line-height:.88;letter-spacing:-.04em;color:#fff;margin-bottom:1.5rem}.title-line{display:block}.title-char{display:inline-block;opacity:0;animation:char-pop .9s cubic-bezier(.16,1,.3,1) forwards}.title-char-green{background:linear-gradient(135deg,#10b981,#34d399 55%,#6ee7b7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes char-pop{0%{opacity:0;transform:translateY(36px);filter:blur(8px)}40%{opacity:1;filter:blur(0px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}.hero-description{font-size:1.125rem;line-height:1.7;color:#ffffff73;max-width:530px;margin:0 auto 2rem}.status-bar{display:inline-flex;align-items:center;gap:1.1rem;margin:0 auto;padding:.6rem 1.2rem;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:999px;box-shadow:0 16px 40px #00000059;backdrop-filter:blur(8px);animation:fade-up .8s ease-out .35s both}.status-state{font-size:.92rem;font-weight:700;color:#ffffffb3}.status-state.is-online{color:#34d399}.status-state.is-offline{color:#f87171}.status-bar-sep{width:1px;align-self:stretch;background:#ffffff1f}.status-bar-item{display:flex;align-items:baseline;gap:.4rem;font-size:.92rem;color:#fff}.status-bar-item strong{font-weight:800;color:#fff}.status-bar-item strong.status-version{font-size:.85rem;font-weight:700}.status-bar-sub{font-weight:600;color:#fff6}.status-bar-label{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff6}.status-ip-value{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:#ffffffd9}@media (max-width: 540px){.status-bar{flex-wrap:wrap;justify-content:center;border-radius:14px}.status-bar-sep{display:none}}.footer{border-top:1px solid rgba(255,255,255,.05);padding:2rem 1.5rem}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#fff6}.footer-copy{font-size:.8rem;color:#ffffff40}@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.nations-page{position:relative;min-height:100vh;padding:7rem 1.5rem 4rem;background:#080808;overflow:hidden}.nations-bg-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black 20%,transparent 100%)}.nations-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto;animation:fade-up .5s ease-out both}.nations-header{margin-bottom:2.5rem;animation:fade-up .5s ease-out both}.nations-toolbar,.leaderboard-metrics,.player-search-row{animation:fade-up .45s ease-out both;animation-delay:.08s}.nations-title{font-size:clamp(2.2rem,6vw,3.2rem);font-weight:900;letter-spacing:-.03em;margin-bottom:.5rem}.nations-sub{font-size:1.02rem;color:#ffffff73;max-width:560px}.dummy-banner{margin-top:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;background:#eab30812;border:1px solid rgba(234,179,8,.25);color:#fde047cc;font-size:.82rem;line-height:1.5;padding:.7rem 1rem;border-radius:10px}.dummy-pill{flex-shrink:0;background:#eab3082e;color:#fde047;font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:.2rem .5rem;border-radius:6px}.api-notice{margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;color:#ffffff59;font-size:.72rem;line-height:1.4}.api-notice-pill{flex-shrink:0;color:#7dd3fcb3;font-size:.62rem;font-weight:700;letter-spacing:.08em}.nations-toolbar{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:1.5rem 0 1rem}.nations-filter{position:relative;z-index:30}.nations-filter-btn{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#fffc;font-size:.82rem;font-weight:600;padding:.5rem .85rem;border-radius:9px;cursor:pointer;transition:background .15s,border-color .15s}.nations-filter-btn:hover,.nations-filter-btn.is-open{background:#ffffff14;border-color:#22c55e66}.nations-filter-btn svg{width:.95rem;height:.95rem;color:#86efacd9}.nations-filter-dir{color:#ffffff73;font-weight:500}.nations-filter-pop{position:absolute;top:calc(100% + .5rem);left:0;z-index:20;width:230px;display:flex;flex-direction:column;gap:.45rem;padding:.75rem;background:#14161cf7;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 16px 40px #00000080;backdrop-filter:blur(8px)}.nations-filter-pop-label{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59}.nations-filter-fields{display:flex;flex-wrap:wrap;gap:.35rem}.nations-filter-field{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff9;font-size:.78rem;font-weight:600;padding:.35rem .6rem;border-radius:7px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.nations-filter-field:hover{background:#ffffff14;color:#ffffffd9}.nations-filter-field.is-active{background:#22c55e29;border-color:#22c55e80;color:#86efac}.nations-filter-dirs{display:flex;gap:.35rem}.nations-filter-dir-btn{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff9;font-size:.78rem;font-weight:600;padding:.4rem .5rem;border-radius:7px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.nations-filter-dir-btn:hover{background:#ffffff14;color:#ffffffd9}.nations-filter-dir-btn.is-active{background:#22c55e29;border-color:#22c55e80;color:#86efac}.nations-toolbar-search{flex:1 1 180px;min-width:140px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:.85rem;padding:.45rem .75rem;border-radius:8px}.nations-toolbar-search::placeholder{color:#ffffff4d}.nations-toolbar-count{font-size:.78rem;color:#fff6;margin-left:auto}.nations-scroll{max-height:calc(100vh - 360px);min-height:220px;overflow-y:auto;padding-right:.4rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.nations-scroll::-webkit-scrollbar{width:8px}.nations-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}.player-search-row{display:flex;gap:.6rem;align-items:flex-start}.player-search-row .player-search{flex:1 1 auto}.player-random-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:3.1rem;height:3.1rem;padding:0;background:#a855f724;border:1px solid rgba(168,85,247,.4);color:#d8b4fe;border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s}.player-random-btn svg{width:1.05rem;height:1.05rem}.player-random-btn:hover:not(:disabled){background:#a855f738;border-color:#a855f799}.player-random-btn:disabled{opacity:.4;cursor:not-allowed}.nations-state{padding:3rem 0;text-align:center;color:#fff6;font-size:.95rem}.nations-error{color:#f87171d9}.loader{display:inline-flex;align-items:center;gap:.6rem;color:inherit}.loader-spinner{width:18px;height:18px;flex-shrink:0;border-radius:50%;border:2px solid rgba(16,185,129,.2);border-top-color:#34d399;animation:loader-spin .7s linear infinite}@keyframes loader-spin{to{transform:rotate(360deg)}}.loader-label{line-height:1}.leaderboard-page{position:relative;min-height:100vh;padding:7rem 1.5rem 4rem;background:#080808;overflow:hidden}.leaderboard-metrics{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.5rem 0 1.25rem}.leaderboard-metric-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff9;font-size:.82rem;font-weight:600;padding:.45rem .85rem;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}.leaderboard-metric-btn:hover{background:#ffffff14;color:#ffffffd9;transform:translateY(-2px)}.leaderboard-metric-btn:active{transform:translateY(0)}.leaderboard-metric-btn.is-active{background:#22c55e24;border-color:#22c55e73;color:#86efac}.leaderboard-table{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;background:#ffffff05}.leaderboard-row{display:grid;grid-template-columns:3.5rem 1fr auto;align-items:center;gap:1rem;width:100%;padding:.85rem 1.25rem;border:none;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:inherit;font-family:inherit;text-align:left}.leaderboard-row:last-child{border-bottom:none}button.leaderboard-row{cursor:pointer;transition:background .14s ease,transform .14s ease,box-shadow .14s ease}button.leaderboard-row:hover{background:#10b98112;transform:translate(4px)}button.leaderboard-row:active{transform:translate(4px) scale(.995)}.leaderboard-head{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff6;background:#ffffff08}.leaderboard-rank{font-size:1rem;font-weight:800;color:#ffffff8c;text-align:center}.leaderboard-player{display:flex;flex-direction:column;min-width:0}.leaderboard-name{font-size:.95rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-id{font-size:.72rem;color:#ffffff59;font-variant-numeric:tabular-nums}.leaderboard-value{display:flex;align-items:center;gap:.7rem;justify-self:end;font-variant-numeric:tabular-nums}.leaderboard-num{font-size:1.05rem;font-weight:700;color:#86efac;min-width:3.5rem;text-align:right}.leaderboard-head .leaderboard-value{font-size:.68rem;color:#fff6;font-weight:700}.leaderboard-sub{display:flex;align-items:center;gap:.35rem;font-size:.74rem;color:#fff6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-nation{color:#86efacb3;font-weight:600}.leaderboard-dot{color:#ffffff40}.leaderboard-pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.leaderboard-page-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#fffc;font-size:.85rem;font-weight:600;padding:.5rem 1rem;border-radius:9px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.leaderboard-page-btn:hover:not(:disabled){background:#ffffff14;border-color:#22c55e66;transform:translateY(-2px)}.leaderboard-page-btn:disabled{opacity:.35;cursor:not-allowed}.leaderboard-page-info{font-size:.8rem;color:#ffffff73;font-variant-numeric:tabular-nums}.leaderboard-cap-note{margin-top:.85rem;text-align:center;font-size:.74rem;color:#ffffff4d}.rank-gold .leaderboard-rank{color:#fcd34d}.rank-silver .leaderboard-rank{color:#e5e7eb}.rank-bronze .leaderboard-rank{color:#d8945f}button.leaderboard-row.is-highlight{animation:leaderboard-highlight 1.8s ease-out}@keyframes leaderboard-highlight{0%{background:#10b98152;box-shadow:inset 3px 0 #10b981}to{background:transparent;box-shadow:inset 3px 0 #10b98100}}.nations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.nation-card{display:flex;flex-direction:column;gap:1.1rem;text-align:left;font-family:inherit;cursor:pointer;background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.5rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.nation-card:hover{transform:translateY(-4px);border-color:#10b98166;background:#10b9810a;box-shadow:0 12px 30px #10b9811f}.nation-card:active{transform:translateY(-1px) scale(.995)}.nation-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.nation-card-title{display:flex;flex-direction:column;gap:.3rem}.nation-card-name{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#10b981,#34d399 55%,#6ee7b7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nation-id,.town-id{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:#ffffff4d}.nation-card-badges{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.nation-badge{flex-shrink:0;white-space:nowrap;font-size:.75rem;font-weight:600;color:#10b981e6;background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:.3rem .65rem;border-radius:999px}.player-roster{display:flex;flex-direction:column;gap:.6rem}.player-roster-search{align-self:flex-start;width:100%;max-width:280px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-family:inherit;font-size:.82rem;padding:.4rem .7rem;border-radius:8px}.player-roster-search::placeholder{color:#ffffff4d}.player-roster-search:focus{outline:none;border-color:#10b98166}.player-roster-more{align-self:flex-start;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-family:inherit;font-size:.78rem;padding:.35rem .8rem;border-radius:999px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.player-roster-more:hover{background:#10b98114;border-color:#10b98159;color:#86efac}.player-chips{display:flex;flex-wrap:wrap;gap:.5rem}.player-chip{display:inline-flex;align-items:baseline;gap:.45rem;padding:.3rem .7rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:999px;font-family:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.player-chip:hover{background:#10b98114;border-color:#10b98159;transform:translateY(-2px)}.player-chip:active{transform:scale(.97)}.player-chip-name{font-size:.85rem;font-weight:600;color:#fff}.player-chip-id{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;color:#ffffff4d}.town-members{margin-top:1rem}.nation-card-stats{display:flex;gap:1.5rem}.headline-stat{display:flex;flex-direction:column;gap:.15rem}.headline-value{font-size:1.15rem;font-weight:700;color:var(--tone, #ffffff)}.headline-label{font-size:.66rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#fff6}.nation-card-cta{font-size:.82rem;font-weight:600;color:#10b981d9}.nation-card-cta:after{content:" →"}.tone-green{--tone: #34d399}.tone-red{--tone: #f87171}.tone-yellow{--tone: #fbbf24}.tone-orange{--tone: #fb923c}.tone-rose{--tone: #fb7185}.tone-blue{--tone: #60a5fa}.tone-cyan{--tone: #38bdf8}.tone-purple{--tone: #a78bfa}.tone-teal{--tone: #2dd4bf}.tone-pink{--tone: #e879f9}.tone-gray{--tone: #94a3b8}.stat-groups{display:flex;flex-direction:column;gap:1.1rem}.stat-group-title{display:block;margin-bottom:.55rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#ffffff59}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.6rem}.stat-cell{display:flex;flex-direction:column;gap:.2rem;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:.7rem .8rem;background:color-mix(in srgb,var(--tone, #ffffff) 8%,rgba(255,255,255,.015));transition:transform .14s ease,border-color .14s ease}.stat-cell:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tone, #ffffff) 35%,transparent)}.stat-value{font-size:1.05rem;font-weight:700;color:var(--tone, #ffffff)}.stat-label{font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#fff6}.muted{color:#ffffff59;font-size:.9rem}.nation-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:1.25rem;padding:5rem 1.5rem 3rem;overflow-y:auto;background:#040404b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:overlay-in .2s ease-out both}.nation-detail{position:relative;flex:0 1 720px;max-width:720px;background:#0d0d0d;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:2rem;box-shadow:0 24px 60px #00000080;animation:detail-pop .22s cubic-bezier(.16,1,.3,1) both}.nation-killfeed{flex:0 1 340px;max-width:100%;align-self:flex-start;display:flex;flex-direction:column;max-height:calc(100vh - 8rem);background:#0d0d0d;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:1.5rem;box-shadow:0 24px 60px #00000080;animation:detail-pop .22s cubic-bezier(.16,1,.3,1) both}.nation-killfeed .kill-log-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.kill-log-wrap{display:flex;flex-direction:column;gap:.6rem}.kill-log-tabs{display:flex;gap:.4rem}.kill-log-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;font-family:inherit;font-size:.78rem;font-weight:600;color:#ffffff8c;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.kill-log-tab:hover{color:#fff;background:#ffffff0f}.kill-log-tab.is-active{color:#86efac;background:#10b9811f;border-color:#10b98166}.kill-log-tab-count{font-size:.68rem;font-weight:700;color:#fff6}.kill-log-tab.is-active .kill-log-tab-count{color:#86efaccc}.kill-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:340px;overflow-y:auto;padding-right:.25rem}.kill-log-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .65rem;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:8px}.kill-log-line{font-size:.82rem;color:#ffffffb3}.kill-log-verb{color:#fff6}.kill-log-name{font-weight:600}.kill-log-own{color:#34d399}.kill-log-other{color:#f87171}.kill-log-link{background:none;border:none;padding:0;font:inherit;cursor:pointer}.kill-log-link:hover{text-decoration:underline}.kill-log-meta{display:flex;align-items:center;gap:.5rem;flex:none}.kill-log-war{font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.3);padding:.1rem .35rem;border-radius:999px}.kill-log-time{font-size:.72rem;color:#ffffff59;white-space:nowrap}.diplomacy{display:flex;flex-direction:column;gap:.9rem}.diplomacy-group{display:flex;flex-direction:column;gap:.5rem}.diplomacy-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.diplomacy-label-ally{color:#34d399e6}.diplomacy-label-enemy{color:#f87171e6}.diplomacy-label .section-count{background:#ffffff0f;color:#fff9}.diplomacy-chips{display:flex;flex-wrap:wrap;gap:.4rem}.diplomacy-chip{padding:.3rem .7rem;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid transparent}.diplomacy-chip-ally{color:#86efac;background:#10b9811a;border-color:#10b9814d}.diplomacy-chip-enemy{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.diplomacy-note{font-size:.82rem;color:#ffffff80;margin-right:1rem}.diplomacy-note strong{color:#fff}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#10b9818c;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}.nation-detail-close{position:absolute;top:1rem;right:1rem;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;color:#ffffff8c;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:9px;cursor:pointer;transition:color .15s ease,background .15s ease}.nation-detail-close:hover{color:#fff;background:#ffffff1a}.nation-detail-head{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.75rem;padding-right:2.5rem}.nation-detail-name{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#10b981,#34d399 55%,#6ee7b7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nation-detail-section{margin-top:1.75rem}.section-heading{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin-bottom:.9rem}.section-count{font-size:.72rem;font-weight:700;color:#10b981e6;background:#10b9811a;padding:.1rem .45rem;border-radius:999px}.towns-accordion-list{display:flex;flex-direction:column;gap:.6rem}.town-accordion{background:#ffffff04;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;contain:content}.town-accordion.is-open{border-color:#10b98140}.town-accordion-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:none;border:none;cursor:pointer;font-family:inherit;transition:background .15s ease}.town-accordion-head:hover{background:#ffffff08}.town-accordion-name{font-size:.98rem;font-weight:700;color:#fff}.town-accordion-meta{display:flex;align-items:center;gap:.75rem}.town-chevron{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1.1rem;line-height:1;color:#10b981e6}.town-accordion-body{padding:0 1rem 1rem;animation:fade-up .25s ease-out both}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes detail-pop{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pop-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.stagger-item{animation:pop-in .45s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(min(var(--i, 0),24)/25s)}.animate-in{animation:fade-up .4s ease-out both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}}.players-page{position:relative;min-height:100vh;padding:7rem 1.5rem 4rem;background:#080808;overflow:hidden}.player-search{position:relative;max-width:560px;margin-bottom:2rem}.player-search-input{width:100%;padding:.95rem 2.6rem .95rem 1.1rem;font-family:inherit;font-size:1rem;color:#fff;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;outline:none;transition:border-color .15s ease,background .15s ease}.player-search-input::placeholder{color:#ffffff4d}.player-search-input:focus{border-color:#10b98173;background:#10b9810a}.player-search-input:disabled{opacity:.6;cursor:not-allowed}.player-search-clear{position:absolute;top:50%;right:.7rem;transform:translateY(-50%);width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;color:#fff6;background:none;border:none;border-radius:6px;cursor:pointer;transition:color .15s ease,background .15s ease}.player-search-clear:hover{color:#fff;background:#ffffff0f}.player-suggestions{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:20;margin:0;padding:.35rem;list-style:none;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 18px 40px #0000008c;max-height:320px;overflow-y:auto;animation:fade-up .15s ease-out both}.player-suggestions-empty{padding:.85rem 1rem;color:#fff6;font-size:.9rem}.player-suggestion{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .75rem;background:none;border:none;border-radius:8px;cursor:pointer;font-family:inherit;text-align:left}.player-suggestion.is-active,.player-suggestion:hover{background:#10b9811a}.player-suggestion-name{font-size:.95rem;font-weight:600;color:#fff}.player-suggestion-meta{display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:#fff6}.player-suggestion-id{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;color:#ffffff40}.player-list-section{margin-top:1.5rem;animation:fade-up .3s ease-out both}.player-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.player-list-title{font-size:1rem;font-weight:600;color:#ffffffd9;margin:0}.player-list-count{font-size:.78rem;color:#fff6}.player-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem}.player-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.7rem .85rem;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.player-list-item:hover{background:#10b98114;border-color:#10b98159;transform:translateY(-2px)}.player-list-item:active{transform:scale(.98)}.player-list-name{font-size:.92rem;font-weight:600;color:#fff}.player-list-meta{display:flex;align-items:center;gap:.55rem;font-size:.75rem;color:#fff6}.player-list-id{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;color:#ffffff40}.player-list-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem}.player-list-more{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-family:inherit;font-size:.82rem;padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.player-list-more:hover{background:#10b98114;border-color:#10b98159;color:#86efac}.player-list-more-note{font-size:.72rem;color:#ffffff59}.player-detail{background:#ffffff04;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.75rem;animation:fade-up .3s ease-out both}.player-detail-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.player-detail-title{display:flex;flex-direction:column;gap:.4rem}.player-detail-name{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#10b981,#34d399 55%,#6ee7b7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.player-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.owner-badge{display:inline-flex;align-items:center;gap:.32rem;padding:.2rem .55rem .2rem .45rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fde68a;background:linear-gradient(135deg,#f5c51838,#fbbf241a);border:1px solid rgba(251,191,36,.45);box-shadow:0 0 14px #fbbf2440}.owner-badge svg{width:14px;height:14px;color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.player-affiliation{display:flex;flex-wrap:wrap;gap:.6rem}.affiliation-item{display:flex;flex-direction:column;gap:.3rem;min-width:8rem;padding:.6rem .85rem;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:12px}.affiliation-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#fff6}.affiliation-value{font-size:1rem;font-weight:700;color:#fff;text-align:left}.affiliation-value.muted{font-weight:500;color:#ffffff59}.affiliation-value.affiliation-online{color:#34d399}.affiliation-link{font-family:inherit;padding:0;background:none;border:none;cursor:pointer;color:#34d399f2;transition:color .15s ease}.affiliation-link:hover{color:#6ee7b7;text-decoration:underline}.player-ranks-section{margin-bottom:1.75rem}.player-ranks-title{font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#fff6;margin-bottom:.75rem}.player-ranks-total{margin-left:.5rem;letter-spacing:.04em;color:#ffffff4d}.player-ranks-note{font-size:.9rem;color:#fff6}.player-ranks{display:flex;flex-wrap:wrap;gap:.6rem}.player-rank-chip{display:flex;align-items:center;gap:.55rem;font-family:inherit;padding:.5rem .85rem;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.player-rank-chip:hover{transform:translateY(-2px);border-color:#10b98166;background:#10b9810f}.player-rank-metric{font-size:.85rem;font-weight:600;color:#ffffffb3}.player-rank-pos{font-size:.95rem;font-weight:800;color:#fff}.player-rank-chip.rank-gold .player-rank-pos{color:#fcd34d}.player-rank-chip.rank-silver .player-rank-pos{color:#e5e7eb}.player-rank-chip.rank-bronze .player-rank-pos{color:#d8945f}.player-rank-chip.rank-gold{border-color:#fcd34d59}.player-rank-chip.rank-silver{border-color:#e5e7eb4d}.player-rank-chip.rank-bronze{border-color:#d8945f59}.compare-tabs{display:inline-flex;gap:.3rem;margin-bottom:1.75rem;padding:.3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.compare-tab{font-family:inherit;font-size:.92rem;font-weight:600;color:#ffffff80;background:none;border:none;border-radius:9px;padding:.5rem 1.1rem;cursor:pointer;transition:color .15s ease,background .15s ease}.compare-tab:hover{color:#fffc}.compare-tab.is-active{color:#fff;background:#10b9812e}.compare-pickers{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;margin-bottom:2rem}.compare-picker{display:flex;flex-direction:column;gap:.45rem;min-width:0}.compare-slot-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fff6}.compare-picker-search{margin-bottom:0;max-width:none}.compare-vs{align-self:center;margin-bottom:.55rem;font-size:.85rem;font-weight:800;letter-spacing:.1em;color:#10b981b3}.compare-result{animation:fade-up .3s ease-out both}.compare-table{background:#ffffff04;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.5rem 1.75rem}.compare-table-head,.compare-row{display:grid;grid-template-columns:1fr minmax(7rem,auto) 1fr;align-items:center;gap:1rem}.compare-table-head{padding-bottom:1rem;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.compare-col-name{font-size:1.05rem;font-weight:800;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-col-name.compare-col-a{text-align:left}.compare-col-name.compare-col-b{text-align:right}.compare-col-vs{text-align:center;font-size:.78rem;font-weight:800;letter-spacing:.12em;color:#10b981a6}.compare-col-a{color:#6ee7b7}.compare-col-b{color:#7dd3fc}.compare-group{margin-top:1.4rem}.compare-group .stat-group-title{margin-bottom:.75rem;text-align:center}.compare-row{padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.compare-row:last-child{border-bottom:none}.compare-cell-label{text-align:center;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ffffff73}.compare-cell-value{font-size:1.05rem;font-weight:700;color:#ffffff80;position:relative}.compare-cell-value.compare-col-a{text-align:left}.compare-cell-value.compare-col-b{text-align:right}.compare-cell-value.is-winner{color:#fff}.compare-cell-value.is-winner:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%}.compare-cell-value.compare-col-a.is-winner:after{right:-.55rem;background:#34d399;box-shadow:0 0 8px #34d399b3}.compare-cell-value.compare-col-b.is-winner:after{left:-.55rem;background:#38bdf8;box-shadow:0 0 8px #38bdf8b3}.compare-table-faction{background:linear-gradient(180deg,#38bdf80a,#10b98108);border:1px solid rgba(56,189,248,.18);border-radius:20px;padding:1.75rem 2rem;box-shadow:0 0 0 1px #ffffff05 inset}.compare-table-faction .compare-table-head{border-bottom-color:#38bdf838}.compare-table-faction .compare-col-name{font-size:1.2rem;text-transform:uppercase;letter-spacing:.02em}.compare-table-faction .compare-group{padding:.5rem 1rem .25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px}.compare-table-faction .compare-row{border-bottom-color:#ffffff0f}.compare-table-faction .compare-cell-value{font-size:1.2rem}.compare-table-faction .compare-cell-value.is-winner{padding:.15rem .6rem;border-radius:8px}.compare-table-faction .compare-cell-value.compare-col-a.is-winner{background:#34d39924;box-shadow:inset 0 0 0 1px #34d3994d}.compare-table-faction .compare-cell-value.compare-col-b.is-winner{background:#38bdf824;box-shadow:inset 0 0 0 1px #38bdf84d}.compare-table-faction .compare-cell-value.is-winner:after{display:none}@media (max-width: 768px){.footer-inner{flex-direction:column;gap:.75rem;text-align:center}.compare-pickers{grid-template-columns:1fr}.compare-vs{justify-self:center;margin:-.25rem 0}}@media (max-width: 480px){.hero-title{font-size:2.6rem}}.credits-grid{display:flex;flex-direction:column;align-items:center;gap:1.75rem;max-width:560px;margin:0 auto}.credit-card{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.1rem;padding:2.5rem 2rem;border-radius:22px;background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--tone) 10%,transparent),transparent 70%),#ffffff06;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px -30px #000000e6;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.credit-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--tone) 45%,transparent);box-shadow:0 24px 60px -28px #000000f2,0 0 50px -22px color-mix(in srgb,var(--tone) 60%,transparent)}.credit-avatar{position:relative;flex-shrink:0;width:148px;height:148px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--tone) 12%,#0c0c0c)}.credit-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}.credit-avatar-monogram{font-size:3.2rem;font-weight:800;letter-spacing:-.02em;color:var(--tone)}.credit-avatar-ring{position:absolute;inset:0;border-radius:50%;border:3px solid color-mix(in srgb,var(--tone) 70%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--tone) 12%,transparent),0 0 26px color-mix(in srgb,var(--tone) 40%,transparent);pointer-events:none}.credit-body{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:0}.credit-role{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--tone)}.credit-name{font-size:2.1rem;font-weight:900;letter-spacing:-.03em;color:#fff}.credit-note{margin-top:.35rem;font-size:.98rem;line-height:1.5;max-width:360px;color:#ffffff8c}@media (max-width: 480px){.credit-card{padding:2rem 1.25rem}.credit-avatar{width:120px;height:120px}.credit-name{font-size:1.8rem}}.war-countdown{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;max-width:520px;border-radius:20px;background:radial-gradient(120% 80% at 50% 0%,rgba(16,185,129,.1),transparent 70%),#ffffff06;border:1px solid rgba(16,185,129,.18);box-shadow:0 20px 50px -30px #000000e6;animation:fade-up .5s ease-out both;animation-delay:.08s}.war-countdown-head{display:flex;align-items:center;gap:.6rem}.war-countdown-icon{width:22px;height:22px;color:#34d399;animation:war-clock-pulse 2s ease-in-out infinite}@keyframes war-clock-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.war-countdown-title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:#fff}.war-countdown-units{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%}.war-countdown-unit{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.war-countdown-value{font-size:clamp(1.8rem,6vw,2.4rem);font-weight:900;letter-spacing:-.02em;line-height:1;color:#34d399;font-variant-numeric:tabular-nums}.roll-number{display:inline-flex;line-height:1}.roll-digit{display:inline-block;width:1ch;height:1em;overflow:hidden;vertical-align:bottom}.roll-digit-strip{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.34,1.4,.5,1);will-change:transform}.roll-digit-cell{height:1em;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.war-countdown-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffff73}.war-countdown-note{font-size:.85rem;color:#ffffff73}@media (max-width: 480px){.war-countdown-units{gap:.5rem}.war-countdown-unit{padding:.75rem .25rem}}
