@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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--canvas:#080a0e;--canvas-soft:#0c0f15;--surface:#10141b;--surface-raised:#141820;--line:#e1e9fc1c;--line-strong:#e1e9fc36;--text:#f8f9fc;--muted:#959cab;--dim:#697183;--accent:#e1e9fc;--ease:cubic-bezier(.16, 1, .3, 1);--radius:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--text);font-feature-settings:"cv01", "cv05", "cv09", "cv11", "ss03", "ss07";margin:0;font-family:Paperlogy,Pretendard,Noto Sans KR,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3{word-break:keep-all;overflow-wrap:normal;text-wrap:balance}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:50;background:#080a0ef2;border-bottom:1px solid #e1e9fc14;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:72px;padding:0 max(24px,50vw - 600px);display:grid;position:sticky;top:0}.brand{letter-spacing:.02em;align-items:center;gap:10px;width:fit-content;font-size:13px;font-weight:700;display:flex}.brand img{object-fit:cover;border-radius:6px;width:30px;height:30px}.site-header nav{color:#8f96a5;align-items:center;gap:40px;height:100%;font-size:14px;font-weight:500;display:flex}.site-header nav a{align-items:center;height:100%;transition:color .2s;display:flex;position:relative}.site-header nav a:hover,.site-header nav a.active{color:#fff}.site-header nav a.active:after{background:var(--accent);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.header-actions{justify-self:end;align-items:center;gap:10px;display:flex}.pill{cursor:pointer;letter-spacing:-.01em;min-height:44px;transition:transform .35s var(--ease), background .25s ease, border-color .25s ease, color .25s ease;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.pill:hover{transform:translateY(-2px)}.pill:active{transition-duration:.12s;transform:scale(.98)}.pill-primary{border-color:var(--accent);background:var(--accent);color:#090b0f}.pill-primary:hover{background:#fff;border-color:#fff}.pill-secondary{border-color:var(--line-strong);color:var(--text);background:0 0}.pill-secondary:hover{background:#e1e9fc09;border-color:#e1e9fc61}.pill-large{min-height:54px;padding-inline:24px}.menu-button{border:1px solid var(--line);background:var(--surface);color:#fff;cursor:pointer;border-radius:9px;width:44px;height:44px;display:none}.menu-icon{width:17px;height:12px;margin:auto;display:block;position:relative}.menu-icon i{background:#fff;width:17px;height:1.5px;transition:transform .18s,top .18s;position:absolute;left:0}.menu-icon i:first-child{top:2px}.menu-icon i:last-child{top:9px}.menu-icon.is-open i:first-child{top:5px;transform:rotate(45deg)}.menu-icon.is-open i:last-child{top:5px;transform:rotate(-45deg)}.home-hero{background:linear-gradient(#e1e9fc05 1px, transparent 1px), linear-gradient(90deg, #e1e9fc05 1px, transparent 1px), var(--canvas);background-size:72px 72px,72px 72px,auto;border-bottom:1px solid #e1e9fc12;min-height:calc(100svh - 72px);position:relative;overflow:hidden}.home-hero:after{background:linear-gradient(transparent, var(--canvas));content:"";pointer-events:none;height:160px;position:absolute;bottom:0;left:0;right:0}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:56px;width:min(1200px,100%);min-height:calc(100svh - 72px);margin:0 auto;padding:72px 40px 88px;display:grid;position:relative}.hero-copy{z-index:2;max-width:650px;position:relative}.hero-kicker,.section-label{color:#8a92a2;font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;font-size:11px;font-weight:500;display:block}.hero h1{letter-spacing:-.058em;margin:26px 0 0;font-size:clamp(66px,7vw,96px);font-weight:700;line-height:.95}.hero-copy>p{max-width:520px;color:var(--muted);letter-spacing:-.02em;margin:28px 0 0;font-size:clamp(16px,1.2vw,18px);line-height:1.58}.hero-actions{gap:10px;margin-top:34px;display:flex}.hero-actions .pill{min-width:176px}.hero-modes{color:#767e8f;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;align-items:center;gap:12px;margin-top:54px;font-size:10px;display:flex}.hero-modes i{background:#596172;border-radius:50%;width:3px;height:3px}.hero-mark{place-items:center;min-width:0;display:grid;position:relative}.mark-wrap{width:clamp(230px,25vw,340px);position:relative}.mark-wrap:before{z-index:-1;content:"";background:radial-gradient(circle,#e1e9fc1c,#0000 65%);border-radius:50%;position:absolute;inset:-30%}.mark-wrap img{filter:drop-shadow(0 28px 42px #00000047);width:100%;height:auto;display:block}.modes-section{width:min(1200px,100%);margin:0 auto;padding:clamp(96px,10vw,144px) 40px 72px}.simple-intro{grid-template-columns:1fr 1fr;align-items:end;gap:40px;display:grid}.simple-intro h2{letter-spacing:-.05em;margin:16px 0 0;font-size:clamp(48px,5vw,68px);font-weight:700;line-height:1}.simple-intro>p{max-width:440px;color:var(--muted);justify-self:end;margin:0;font-size:16px;line-height:1.55}.mode-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:56px;display:grid}.mode-card{border:1px solid var(--line);border-radius:var(--radius);min-height:350px;transition:transform .4s var(--ease), border-color .3s ease, background .3s ease;background:linear-gradient(145deg,#12161ef0,#0b0e14fa);flex-direction:column;padding:26px;display:flex;position:relative;overflow:hidden}.mode-card:before{background:var(--accent);content:"";opacity:.7;width:52px;height:1px;position:absolute;top:0;left:0}.mode-card:after{color:#e1e9fc07;letter-spacing:-.08em;content:attr(data-index);font-size:124px;font-weight:700;line-height:1;position:absolute;top:46px;right:24px}.mode-card:hover{border-color:var(--line-strong);background:linear-gradient(145deg,#151922,#0d1017);transform:translateY(-2px)}.mode-meta{z-index:2;color:#737c8d;font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:relative}.mode-meta span:last-child{border:1px solid var(--line);color:#929aaa;border-radius:6px;padding:6px 9px}.card-copy{z-index:2;margin-top:auto;position:relative}.card-copy h3{letter-spacing:-.04em;margin:0;font-size:34px;font-weight:700}.card-copy p{max-width:350px;color:var(--muted);margin:13px 0 0;font-size:14px;line-height:1.55}.mode-tags{z-index:2;flex-wrap:wrap;gap:7px;margin-top:27px;display:flex;position:relative}.mode-tags span{color:#7f8797;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;border:1px solid #e1e9fc17;border-radius:6px;padding:6px 8px;font-size:9px}.join-section{padding:72px 40px clamp(96px,10vw,132px)}.join-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(110deg,#151922,#0d1016 64%);grid-template-columns:1.25fr .75fr;align-items:center;gap:44px;width:min(1120px,100%);min-height:300px;margin:0 auto;padding:54px 60px;display:grid;position:relative;overflow:hidden}.join-card:before{background:var(--accent);content:"";width:120px;height:1px;position:absolute;top:0;left:0}.join-card:after{content:"";border:1px solid #e1e9fc13;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-255px;right:-160px;box-shadow:0 0 0 72px #e1e9fc03,0 0 0 144px #e1e9fc02}.join-copy,.join-actions{z-index:2;position:relative}.join-copy h2{letter-spacing:-.05em;margin:16px 0 0;font-size:clamp(46px,5vw,66px);font-weight:700;line-height:1}.join-copy p{color:var(--muted);margin:19px 0 0;font-size:15px}.join-actions{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:9px;display:flex}.join-actions .pill{width:100%}.simple-footer{border-top:1px solid #e1e9fc12;grid-template-columns:1fr auto auto;align-items:center;gap:34px;width:min(1200px,100%);margin:0 auto;padding:42px 40px 36px;display:grid}.simple-footer>div{color:#858d9d;gap:24px;font-size:12px;display:flex}.simple-footer button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.simple-footer button:hover,.simple-footer a:hover{color:#fff}.simple-footer>p{color:#656d7c;margin:0;font-size:10px}.copy-toast{z-index:100;border:1px solid var(--line-strong);color:#fff;opacity:0;pointer-events:none;transition:opacity .2s ease, transform .3s var(--ease);background:#10141bf7;border-radius:9px;align-items:center;gap:10px;padding:13px 16px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(10px)}.copy-toast i{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #e1e9fc59}.copy-toast.show{opacity:1;transform:translateY(0)}.ranked-page{background:radial-gradient(circle at 12% 18%, #e1e9fc09, transparent 28%), radial-gradient(circle at 88% 42%, #e1e9fc06, transparent 32%), var(--canvas);min-height:100vh}.ranking-shell{width:min(1320px,100%);min-height:calc(100svh - 180px);margin:0 auto;padding:clamp(72px,7vw,104px) 40px clamp(96px,10vw,130px)}.ranking-title-row h1{letter-spacing:-.058em;margin:19px 0 0;font-size:clamp(58px,6.5vw,88px);font-weight:700;line-height:.96}.ranking-title-row p{max-width:620px;color:var(--muted);margin:26px 0 0;font-size:15px;line-height:1.55}.ranked-player-search{width:min(520px,100%);margin-top:34px}.player-search{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:1fr auto;width:100%;min-height:56px;padding:5px;transition:border-color .25s,background .25s;display:grid}.player-search:focus-within{border-color:var(--line-strong);background:var(--surface-raised)}.player-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:0 15px;font-size:14px}.player-search input::placeholder{color:#6f7787}.player-search button{border:1px solid var(--line-strong);background:var(--accent);color:#090b0f;cursor:pointer;min-width:96px;transition:transform .25s var(--ease), background .2s ease;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.player-search button:hover{background:#fff;transform:translateY(-1px)}.player-search.is-compact{width:min(380px,100%);min-height:48px}.player-search.is-compact button{min-width:48px}.player-search.is-compact button span{display:none}.ranked-board{margin-top:42px;position:relative}.ranked-board-top{justify-content:space-between;align-items:end;gap:40px;display:flex}.ranked-board-copy{min-width:0}.ranked-board-copy h2{letter-spacing:-.048em;margin:13px 0 0;font-size:clamp(38px,4vw,56px);font-weight:700;line-height:1}.ranked-board-copy p{color:#7f8797;margin:15px 0 0;font-size:13px}.ranked-board .ranked-kit-tabs{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:620px;margin:0;display:flex}.ranked-board .ranked-kit-tabs button{color:#818a9c;cursor:pointer;letter-spacing:.03em;min-height:42px;transition:color .2s ease, border-color .2s ease, background .2s ease, transform .25s var(--ease);background:#0d1017b8;border:1px solid #e1e9fc1f;border-radius:9px;padding:0 16px;font-size:11px;font-weight:600}.ranked-board .ranked-kit-tabs button:hover{color:#fff;border-color:#e1e9fc40;transform:translateY(-1px)}.ranked-board .ranked-kit-tabs button.active{background:var(--accent);color:#090b0f;border-color:#e1e9fc85;box-shadow:0 8px 28px #00000042}.leaderboard-column-head{color:#686f80;font-family:var(--font-geist-mono), monospace;letter-spacing:.17em;grid-template-columns:104px minmax(0,1fr) 190px;align-items:center;margin-top:42px;padding:0 26px 13px;font-size:10px;font-weight:600;display:grid}.leaderboard-column-head span:last-child{text-align:right}.player-page{background:var(--canvas);min-height:100vh}.player-shell{width:min(1200px,100%);margin:0 auto;padding:44px 40px clamp(96px,10vw,132px)}.player-toolbar{justify-content:space-between;align-items:center;gap:24px;display:flex}.back-link{color:#929aaa;font-size:13px;font-weight:500;transition:color .2s}.back-link:hover{color:#fff}.player-profile{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(115deg,#151922,#0c0f15 70%);grid-template-columns:148px minmax(220px,1fr) auto;align-items:center;gap:34px;min-height:270px;margin-top:28px;padding:44px;display:grid;position:relative;overflow:hidden}.player-profile:before{background:var(--accent);content:"";width:112px;height:1px;position:absolute;top:0;left:0}.player-profile:after{content:"";border:1px solid #e1e9fc0f;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-220px;right:-100px;box-shadow:0 0 0 72px #e1e9fc02}.player-portrait{z-index:1;border:1px solid var(--line-strong);border-radius:var(--radius);background:#e1e9fc06;place-items:center;width:148px;height:170px;display:grid;position:relative;overflow:hidden}.player-portrait img{width:auto;height:150px;image-rendering:pixelated;filter:drop-shadow(0 16px 22px #00000059)}.player-portrait.is-fallback img{opacity:.92;image-rendering:auto;width:70px;height:auto}.player-identity{z-index:1;min-width:0;position:relative}.player-identity h1{letter-spacing:-.055em;overflow-wrap:anywhere;margin:14px 0 0;font-size:clamp(52px,6vw,78px);font-weight:700;line-height:.96}.profile-status{color:#8f97a7;align-items:center;gap:8px;margin-top:20px;font-size:12px;display:inline-flex}.profile-status i{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #e1e9fc59}.profile-meta{z-index:1;grid-template-columns:repeat(3,minmax(92px,1fr));display:grid;position:relative}.profile-meta>div{border-left:1px solid var(--line);min-width:112px;padding:18px 22px}.profile-meta strong,.profile-meta span{display:block}.profile-meta strong{color:var(--accent);font-size:20px;font-weight:600}.profile-meta span{color:#7c8494;margin-top:7px;font-size:11px}.player-section{margin-top:84px}.player-section-heading,.panel-title-row{justify-content:space-between;align-items:end;gap:24px;display:flex}.player-section-heading h2,.panel-title-row h2{letter-spacing:-.04em;margin:12px 0 0;font-size:30px;font-weight:700}.data-note{color:#6f7787;font-size:11px}.overview-stats{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(5,1fr);margin-top:28px;display:grid;overflow:hidden}.stat-item{border-right:1px solid var(--line);min-width:0;padding:28px 24px}.stat-item:last-child{border-right:0}.stat-item strong,.stat-item span{display:block}.stat-item strong{color:var(--accent);font-family:var(--font-geist-mono), monospace;font-size:28px;font-weight:500}.stat-item span{color:#7e8696;margin-top:9px;font-size:11px}.player-columns{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:12px;margin-top:84px;display:grid}.player-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#12161ef0,#0b0e14fa)}.kit-panel,.ratings-panel{padding:30px}.kit-tabs{flex-wrap:wrap;gap:7px;margin-top:30px;display:flex}.kit-tabs button{border:1px solid var(--line);color:#818999;cursor:pointer;background:0 0;border-radius:7px;min-height:36px;padding:0 14px;font-size:11px;transition:background .2s,border-color .2s,color .2s}.kit-tabs button:hover{border-color:var(--line-strong);color:#fff}.kit-tabs button.active{border-color:var(--accent);background:var(--accent);color:#090b0f}.selected-kit{border:1px solid var(--line);border-radius:var(--radius);background:#080a0e8c;margin-top:12px;overflow:hidden}.selected-kit-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.selected-kit-title strong{font-size:19px}.selected-kit-title span{color:#747c8c;font-size:10px}.kit-stat-grid{grid-template-columns:repeat(3,1fr);display:grid}.kit-stat-grid .stat-item{border-bottom:1px solid var(--line);padding:22px}.kit-stat-grid .stat-item:nth-child(3n){border-right:0}.kit-stat-grid .stat-item:nth-last-child(-n+3){border-bottom:0}.kit-stat-grid .stat-item strong{font-size:22px}.rating-list{border:1px solid var(--line);border-radius:var(--radius);margin-top:30px;overflow:hidden}.rating-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:66px;padding:0 18px;display:flex}.rating-item:last-child{border-bottom:0}.rating-item>span{font-size:13px;font-weight:600}.rating-item>div{align-items:center;gap:12px;display:flex}.rating-item strong{color:var(--accent);font-family:var(--font-geist-mono), monospace;font-size:18px;font-weight:500}.rating-item small{color:#697183;text-align:right;min-width:48px;font-size:10px}.history-panel,.elo-panel{margin-top:12px;padding:30px}.ranked-rating-tabs{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.ranked-rating-tabs button{border:1px solid var(--line);color:#8b94a5;cursor:pointer;background:0 0;border-radius:7px;min-height:36px;padding:0 12px;font-size:11px;transition:background .2s,border-color .2s,color .2s}.ranked-rating-tabs button:hover{border-color:var(--line-strong);color:#fff}.ranked-rating-tabs button.active{border-color:var(--accent);background:var(--accent);color:#090b0f}.ranked-rating-tabs strong{color:var(--accent);font-family:var(--font-geist-mono), monospace;margin-left:7px}.ranked-rating-tabs button.active strong{color:#090b0f}.elo-chart,.elo-empty{border:1px solid var(--line);border-radius:var(--radius);background:#080a0e8c;min-height:220px;margin-top:18px}.elo-chart{padding:44px 18px 16px;position:relative}.elo-chart-meta{color:#7d8697;font-family:var(--font-geist-mono), monospace;justify-content:space-between;font-size:11px;display:flex;position:absolute;inset:17px 18px auto}.elo-chart-meta strong{color:var(--accent);font-weight:500}.elo-chart svg{width:100%;height:150px;overflow:visible}.elo-grid{fill:none;stroke:#e1e9fc1c;stroke-width:.45px;vector-effect:non-scaling-stroke}.elo-line{fill:none;stroke:var(--accent);stroke-width:1.4px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.elo-empty{color:#747d8e;text-align:center;place-items:center;padding:24px;font-size:12px;display:grid}.history-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:190px;margin-top:28px;display:flex}.history-empty span{font-size:16px;font-weight:600}.history-empty p{color:#777f90;max-width:520px;margin:10px 20px 0;font-size:12px;line-height:1.55}.public-leaderboard{gap:9px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-row{min-height:106px;transition:border-color .25s ease, background .25s ease, transform .35s var(--ease), box-shadow .35s ease;background:linear-gradient(105deg,#12161ff7,#0a0d13fa);border:1px solid #e1e9fc1a;border-radius:17px;grid-template-columns:104px minmax(0,1fr) 190px;align-items:center;padding:0 26px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff05,0 14px 34px #0000001f}.leaderboard-row:before{content:"";pointer-events:none;background:linear-gradient(90deg,#e1e9fc06,#0000 42%);position:absolute;inset:0}.leaderboard-row:hover{background:linear-gradient(105deg,#161b25fa,#0b0e15fc);border-color:#e1e9fc38;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff07,0 20px 42px #0003}.leaderboard-row.rank-1{background:linear-gradient(105deg,#191d27fc,#0a0d14fc);border-color:#e1e9fc4f;min-height:118px;box-shadow:inset 3px 0 #e1e9fcbf,inset 0 1px #ffffff09,0 22px 48px #00000038}.leaderboard-row.rank-1:after{content:"";pointer-events:none;background:radial-gradient(circle,#e1e9fc17,#0000 70%);border-radius:50%;width:280px;height:220px;position:absolute;top:-90px;right:60px}.leaderboard-row.rank-2{border-color:#aeb8c72b}.leaderboard-row.rank-3{border-color:#b878422e}.rank-badge{z-index:1;color:#747c8e;background:#e1e9fc06;border:1px solid #e1e9fc1f;border-radius:14px;justify-self:start;place-items:center;width:58px;height:66px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff09}.rank-badge strong{font-family:var(--font-geist-mono), monospace;letter-spacing:-.05em;font-size:26px;font-weight:650}.rank-badge-1{color:#f2d87a;background:linear-gradient(145deg,#e5c1513d,#744c0c4f);border-color:#e5c1518c;box-shadow:inset 0 1px #fff4be33,0 0 28px #e5c15114}.rank-badge-2{color:#d1d7e2;background:linear-gradient(145deg,#aeb8c733,#40495852);border-color:#aeb8c766}.rank-badge-3{color:#d99a65;background:linear-gradient(145deg,#b8784240,#5b321752);border-color:#b878427a}.rank-crown{color:#f1d36e;fill:#f1d36e26;filter:drop-shadow(0 4px 6px #00000073);stroke-width:1.5px;width:24px;position:absolute;top:-13px}.leaderboard-player{z-index:1;align-items:center;gap:22px;min-width:0;padding:8px 0;display:flex;position:relative}.leaderboard-avatar{background:linear-gradient(150deg,#e1e9fc0e,#e1e9fc03);border:1px solid #e1e9fc21;border-radius:14px;flex:0 0 76px;place-items:end center;width:76px;height:88px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.rank-1 .leaderboard-avatar{background:linear-gradient(150deg,#e1e9fc1a,#e1e9fc05);border-color:#e1e9fc61;box-shadow:0 0 28px #e1e9fc0e,inset 0 1px #ffffff0a}.leaderboard-avatar img{object-fit:contain;object-position:bottom center;width:auto;max-width:72px;height:84px;image-rendering:pixelated;filter:drop-shadow(0 10px 13px #0006);display:block}.leaderboard-avatar img.is-head{object-fit:contain;width:58px;height:58px;margin-bottom:13px}.leaderboard-identity{flex-direction:column;gap:10px;min-width:0;display:flex}.leaderboard-name{color:#f5f7fc;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,2vw,27px);font-weight:700;line-height:1.08;transition:color .2s;overflow:hidden}.leaderboard-player:hover .leaderboard-name{color:#fff}.leaderboard-record{color:#777f91;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.leaderboard-record i{background:var(--accent);opacity:.65;flex:0 0 7px;width:7px;height:7px;transform:rotate(45deg)}.leaderboard-record b{color:#a8b1c2;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:9px;font-weight:600}.leaderboard-record span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-1 .leaderboard-record b,.rank-1 .leaderboard-rating strong{color:var(--accent)}.rank-2 .leaderboard-record i{background:#aeb8c7}.rank-3 .leaderboard-record i{background:#b87842}.leaderboard-rating{z-index:1;flex-direction:column;justify-content:center;align-items:flex-end;display:flex;position:relative}.leaderboard-rating strong{color:#929bad;font-family:var(--font-geist-mono), monospace;letter-spacing:-.065em;font-size:clamp(31px,3.2vw,44px);font-weight:650;line-height:.9}.leaderboard-rating span{color:#5f6777;font-family:var(--font-geist-mono), monospace;letter-spacing:.17em;margin-top:9px;font-size:9px;font-weight:600}.rank-2 .leaderboard-rating strong{color:#b7c0cf}.rank-3 .leaderboard-rating strong{color:#b67b4b}.leaderboard-empty-state{text-align:center;background:#0c0f15b3;border:1px dashed #e1e9fc29;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:240px;display:flex}.leaderboard-empty-state strong{font-size:17px}.leaderboard-empty-state span{color:#747d8f;font-size:12px}.leaderboard-skeleton li{pointer-events:none}.skeleton-block{background:linear-gradient(90deg,#e1e9fc09,#e1e9fc17,#e1e9fc09) 0 0/220% 100%;border-radius:8px;animation:1.35s ease-in-out infinite leaderboard-shimmer;display:block}.skeleton-rank{border-radius:14px;width:58px;height:66px}.skeleton-player{align-items:center;gap:22px;display:flex}.skeleton-avatar{border-radius:14px;width:76px;height:88px}.skeleton-copy{flex-direction:column;gap:11px;width:min(290px,55%);display:flex}.skeleton-name{width:62%;height:23px}.skeleton-meta{width:92%;height:11px}.skeleton-rating{justify-self:end;width:122px;height:38px}@keyframes leaderboard-shimmer{to{background-position:-120% 0}}.match-history{border:1px solid var(--line);border-radius:var(--radius);margin:24px 0 0;padding:0;list-style:none;overflow:hidden}.match-history li:last-child{border-bottom:0}.player-message{text-align:center;padding:90px 0}.match-history li{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr auto;align-items:center;gap:16px;min-height:64px;padding:0 18px;display:grid}.match-history strong{font-size:12px}.match-history strong.win{color:#dfeaff}.match-history strong.loss{color:#8991a0}.match-history span{font-size:13px;font-weight:600}.match-history small{color:#737b8a;font-size:10px}.match-history em{color:var(--accent);letter-spacing:.08em;margin-right:7px;font-size:9px;font-style:normal}.match-history b{font-family:var(--font-geist-mono), monospace;margin-right:7px;font-weight:500}.elo-up{color:#8fe5b6}.elo-down{color:#f19aa1}.motion-ready [data-reveal]{opacity:0;transition:opacity .55s var(--ease), transform .62s var(--ease);transition-delay:var(--reveal-delay,0s);transform:translateY(12px)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translate(0)}.reveal-delay-1{--reveal-delay:70ms}.reveal-delay-2{--reveal-delay:.13s}.reveal-delay-3{--reveal-delay:.19s}.reveal-delay-4{--reveal-delay:.25s}.pill:focus-visible,.menu-button:focus-visible,.ranked-rating-tabs button:focus-visible,.ranked-kit-tabs button:focus-visible,.leaderboard-player:focus-visible,.site-header a:focus-visible,.simple-footer a:focus-visible,.simple-footer button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:28px;padding-inline:28px}.hero h1{font-size:clamp(60px,8.2vw,78px)}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:300px}}@media (max-width:760px){.site-header{grid-template-columns:1fr auto;height:68px;padding:0 18px}.site-header nav{visibility:hidden;opacity:0;pointer-events:none;background:#080a0efc;border-bottom:1px solid #0000;flex-direction:column;gap:0;height:auto;max-height:0;padding:0 18px;transition:max-height .22s,opacity .16s,padding .22s,border-color .2s;display:flex;position:absolute;top:68px;left:0;right:0;overflow:hidden}.site-header nav.is-open{visibility:visible;border-bottom-color:var(--line);opacity:1;pointer-events:auto;max-height:220px;padding-top:8px;padding-bottom:14px}.site-header nav a{border-bottom:1px solid #e1e9fc0f;width:100%;height:auto;padding:14px 3px}.site-header nav a.active:after{display:none}.menu-button{display:block}.header-join{display:none}.home-hero{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:52px;min-height:auto;padding:88px 24px 76px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(60px,13vw,88px)}.hero-mark{grid-row:1}.hero-copy{grid-row:2}.mark-wrap{width:min(290px,56vw)}.hero-modes{margin-top:40px}.modes-section{padding:100px 24px 62px}.simple-intro{grid-template-columns:1fr}.simple-intro>p{justify-self:start}.join-section{padding:62px 18px 96px}.join-card{grid-template-columns:1fr;padding:44px 34px}.join-actions{justify-content:flex-start;max-width:360px}.simple-footer{grid-template-columns:1fr;align-items:start;padding-inline:22px}.ranking-shell{padding-inline:24px}.ranked-board-top{flex-direction:column;align-items:flex-start;gap:26px}.ranked-board .ranked-kit-tabs{justify-content:flex-start;max-width:none}.leaderboard-column-head{grid-template-columns:74px minmax(0,1fr) 132px;padding-inline:18px}.leaderboard-row{border-radius:15px;grid-template-columns:74px minmax(0,1fr) 132px;min-height:96px;padding:0 18px}.leaderboard-row.rank-1{min-height:104px}.rank-badge{border-radius:12px;width:50px;height:58px}.rank-badge strong{font-size:23px}.leaderboard-player{gap:16px}.leaderboard-avatar{border-radius:12px;flex-basis:66px;width:66px;height:76px}.leaderboard-avatar img{max-width:62px;height:74px}.leaderboard-avatar img.is-head{width:50px;height:50px;margin-bottom:12px}.leaderboard-name{font-size:20px}.leaderboard-record{gap:7px;font-size:10px}.leaderboard-rating strong{font-size:31px}.skeleton-rank{width:50px;height:58px}.skeleton-avatar{width:66px;height:76px}.skeleton-rating{width:98px;height:31px}.player-shell{padding-inline:24px}.player-profile{grid-template-columns:120px 1fr;padding:34px}.player-portrait{width:120px;height:142px}.profile-meta{grid-column:1/-1}.profile-meta>div:first-child{border-left:0}.overview-stats{grid-template-columns:repeat(3,1fr)}.overview-stats .stat-item{border-bottom:1px solid var(--line)}.overview-stats .stat-item:nth-child(3){border-right:0}.overview-stats .stat-item:nth-last-child(-n+2){border-bottom:0}.player-columns{grid-template-columns:1fr}}@media (max-width:520px){.brand{font-size:12px}.brand img{width:29px;height:29px}.hero-grid{gap:42px;padding:70px 18px 62px}.mark-wrap{width:min(245px,62vw)}.hero h1{margin-top:22px;font-size:clamp(48px,14.8vw,64px)}.hero-copy>p{margin-top:23px;font-size:15px}.hero-copy>p br{display:none}.hero-actions{flex-direction:column;align-items:stretch;margin-top:28px}.hero-actions .pill{width:100%}.hero-modes{gap:8px;margin-top:32px;font-size:8px}.modes-section{padding:88px 18px 52px}.simple-intro h2{font-size:46px}.simple-intro>p{font-size:15px}.mode-grid{margin-top:42px}.mode-card{min-height:300px;padding:21px}.mode-card:after{font-size:96px}.join-card{min-height:400px;padding:38px 22px}.join-copy h2{font-size:44px}.simple-footer>div{flex-wrap:wrap}.copy-toast{white-space:nowrap;bottom:18px;right:50%;transform:translate(50%,10px)}.copy-toast.show{transform:translate(50%)}.ranking-title-row h1{font-size:clamp(48px,14vw,62px)}.ranking-shell{padding:52px 16px 88px}.ranked-player-search{margin-top:0}.ranked-board{margin-top:34px}.ranked-board-copy h2{font-size:38px}.ranked-board-copy p{max-width:280px;font-size:12px;line-height:1.5}.ranked-board .ranked-kit-tabs{gap:6px;width:100%}.ranked-board .ranked-kit-tabs button{flex:calc(50% - 6px);min-height:38px;padding:0 10px;font-size:10px}.leaderboard-column-head{grid-template-columns:48px minmax(0,1fr) 84px;margin-top:30px;padding:0 10px 10px;font-size:8px}.public-leaderboard{gap:7px}.leaderboard-row,.leaderboard-row.rank-1{border-radius:13px;grid-template-columns:48px minmax(0,1fr) 84px;min-height:82px;padding:0 10px}.rank-badge{border-radius:10px;width:39px;height:47px}.rank-badge strong{font-size:18px}.rank-crown{width:19px;top:-10px}.leaderboard-player{gap:10px;padding:7px 0}.leaderboard-avatar{border-radius:10px;flex-basis:50px;width:50px;height:60px}.leaderboard-avatar img{max-width:48px;height:58px}.leaderboard-avatar img.is-head{width:39px;height:39px;margin-bottom:10px}.leaderboard-identity{gap:7px}.leaderboard-name{font-size:16px}.leaderboard-record{gap:5px;font-size:9px}.leaderboard-record b{display:none}.leaderboard-record i{flex-basis:5px;width:5px;height:5px}.leaderboard-record span{max-width:140px}.leaderboard-rating strong{font-size:22px}.leaderboard-rating span{margin-top:6px;font-size:7px}.skeleton-rank{width:39px;height:47px}.skeleton-player{gap:10px}.skeleton-avatar{width:50px;height:60px}.skeleton-copy{gap:8px;width:65%}.skeleton-name{height:16px}.skeleton-meta{height:8px}.skeleton-rating{width:64px;height:23px}.player-shell{padding:28px 18px 88px}.player-toolbar{flex-direction:column;align-items:flex-start}.player-search.is-compact{width:100%}.player-profile{grid-template-columns:82px 1fr;gap:20px;min-height:0;margin-top:24px;padding:24px 20px}.player-portrait{width:82px;height:100px}.player-portrait img{width:auto;height:90px}.player-portrait.is-fallback img{width:44px;height:auto}.player-identity h1{font-size:clamp(38px,12vw,54px)}.profile-status{margin-top:13px;font-size:10px}.profile-meta{grid-template-columns:1fr;margin-top:6px}.profile-meta>div{border-top:1px solid var(--line);border-left:0;justify-content:space-between;align-items:center;min-width:0;padding:14px 0;display:flex}.profile-meta span{margin-top:0}.player-section,.player-columns{margin-top:64px}.player-section-heading{flex-direction:column;align-items:flex-start}.overview-stats{grid-template-columns:repeat(2,1fr)}.overview-stats .stat-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.overview-stats .stat-item:nth-child(2n){border-right:0}.overview-stats .stat-item:nth-child(3){border-right:1px solid var(--line)}.overview-stats .stat-item:last-child{border-bottom:0;border-right:0;grid-column:1/-1}.overview-stats .stat-item:nth-last-child(2){border-bottom:1px solid var(--line)}.kit-panel,.ratings-panel,.history-panel,.elo-panel{padding:22px}.kit-stat-grid{grid-template-columns:repeat(2,1fr)}.kit-stat-grid .stat-item:nth-child(3n){border-right:1px solid var(--line)}.kit-stat-grid .stat-item:nth-child(2n){border-right:0}.kit-stat-grid .stat-item:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.kit-stat-grid .stat-item:nth-last-child(-n+2){border-bottom:0}.match-history li{grid-template-columns:46px 1fr;padding:14px}.match-history li small{grid-column:2}}@media (hover:none){.pill:hover,.mode-card:hover,.leaderboard-row:hover,.ranked-kit-tabs button:hover{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.motion-ready [data-reveal]{opacity:1!important;transform:none!important}}.leaderboard-tier{align-items:center;gap:8px;min-width:0;font-size:12px;line-height:1;display:flex}.leaderboard-tier i{background:currentColor;border-radius:1px;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 14px}@supports (color:color-mix(in lab, red, red)){.leaderboard-tier i{box-shadow:0 0 14px color-mix(in srgb, currentColor 34%, transparent)}}.leaderboard-tier i{transform:rotate(45deg)}.leaderboard-tier b{color:currentColor;letter-spacing:-.01em;font-size:13px;font-weight:700}.leaderboard-tier span{color:#737c8e;font-family:var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.leaderboard-record{color:#646d7e;padding-left:16px;font-size:10px}.tier-placement{color:#7d8595}.tier-bronze{color:#b97a4b}.tier-silver{color:#b8c1d0}.tier-gold{color:#d9bf6c}.tier-platinum{color:#84b9bb}.tier-diamond{color:#93adf1}.tier-master{color:#b48bf0}.tier-champion{color:#c98af4}.rank-1 .leaderboard-tier{filter:saturate(1.08)brightness(1.08)}.active-ranked-tier{justify-items:end;gap:5px;min-width:150px;display:grid}.active-ranked-tier span{color:#697284;font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;font-size:8px;font-weight:600}.active-ranked-tier strong{color:currentColor;letter-spacing:-.035em;font-size:20px;font-weight:700}.active-ranked-tier small{color:#7b8495;font-family:var(--font-geist-mono), monospace;font-size:10px}.ranked-rating-tabs button{align-items:center;gap:7px;display:inline-flex}.ranked-rating-tabs button>span{color:inherit}.ranked-rating-tabs button em{font-size:9px;font-style:normal;font-weight:650}.ranked-rating-tabs button.active em{color:#090b0f}.ranked-rating-tabs button strong{margin-left:1px}@media (max-width:760px){.leaderboard-tier{gap:6px}.leaderboard-tier b{font-size:11px}.leaderboard-tier span{font-size:9px}.leaderboard-record{padding-left:14px;font-size:9px}}@media (max-width:520px){.leaderboard-identity{gap:6px}.leaderboard-tier{gap:5px}.leaderboard-tier i{flex-basis:6px;width:6px;height:6px}.leaderboard-tier b{font-size:10px}.leaderboard-tier span,.leaderboard-record{display:none}.panel-title-row{align-items:flex-start}.active-ranked-tier{min-width:108px}.active-ranked-tier strong{font-size:16px}.ranked-rating-tabs button{flex-wrap:wrap;justify-content:center}.ranked-rating-tabs button em{text-align:center;width:100%;font-size:8px}}