:root{--ink:#11120f;--paper:#f4f0e8;--paper-2:#eae5dc;--acid:#d7ff38;--line:#c9c5bc;--muted:#686b62;--white:#fff;--danger:#b52b32}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:30px;min-height:86px;padding:14px 5vw;display:flex;position:relative}.brand{letter-spacing:.08em;align-items:center;gap:12px;font-size:17px;font-weight:900;display:flex}.brand:before{content:"K";background:var(--ink);width:43px;height:43px;color:var(--acid);place-items:center;font-size:24px;display:grid;transform:skew(-7deg)}.brand small{letter-spacing:.14em;color:var(--muted);font:10px monospace}.topbar nav{align-items:center;gap:6px;display:flex}.topbar button,button{border:1px solid var(--ink);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;background:0 0;padding:12px 16px;font:800 10px Arial}.topbar button:hover,.topbar button.active,button.primary{background:var(--ink);color:var(--white)}.topbar button.primary{background:var(--acid);color:var(--ink);border-color:var(--acid)}.user{color:var(--muted);font:9px monospace;position:absolute;top:4px;right:5vw}.dot{background:var(--acid);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.panel{background:0 0;border:0}.hero{border-bottom:1px solid var(--line);background:linear-gradient(120deg,#0000 70%,#d7ff3838);grid-template-columns:1.45fr .65fr;align-items:center;gap:8vw;min-height:390px;padding:62px 8vw;display:grid}.eyebrow{letter-spacing:.18em;font:700 11px monospace}.eyebrow:before{content:"";border-top:2px solid var(--ink);width:34px;margin:0 12px 3px 0;display:inline-block}.hero h1{letter-spacing:-.065em;text-transform:uppercase;max-width:850px;margin:18px 0 25px;font-size:clamp(48px,6vw,88px);font-weight:500;line-height:.91}.hero p{max-width:640px;color:var(--muted);font-size:17px;line-height:1.55}.presence{background:var(--ink);border-bottom:7px solid var(--acid);min-height:215px;color:var(--acid);letter-spacing:.15em;justify-content:center;align-items:center;padding:28px;font:700 13px monospace;display:flex;transform:rotate(1.4deg);box-shadow:13px 13px #11120f1a}.metrics{border-bottom:1px solid var(--line);background:var(--paper-2);grid-template-columns:repeat(4,1fr);gap:0;padding:0 8vw;display:grid}.metrics article{border-right:1px solid var(--line);padding:34px}.metrics article:first-child{border-left:1px solid var(--line)}.metrics b{letter-spacing:-.05em;font-size:44px;display:block}.metrics span{color:var(--muted);letter-spacing:.14em;font:10px monospace}.grid{grid-template-columns:1fr 1fr;gap:0;padding:56px 8vw;display:grid}.grid article{border-left:1px solid var(--line);min-height:260px;padding:0 32px 30px}.grid article:last-child{border-right:1px solid var(--line)}.grid h2{letter-spacing:-.04em;margin:0 0 25px;font-size:25px;font-weight:500}.listline,.activity{border-top:1px solid var(--line);background:0 0;padding:15px 0}.listline{justify-content:space-between;display:flex}.listline span{background:var(--acid);padding:4px 7px;font:11px monospace}.activity small{color:var(--muted);margin-top:5px;display:block}.notice{background:var(--acid);color:var(--ink);margin:12px 5vw;padding:12px;font:700 11px monospace}.loading{letter-spacing:.15em;place-items:center;min-height:60vh;font:700 13px monospace;display:grid}.danger{color:var(--danger);border-color:var(--danger)}@media (width<=1050px){.topbar{flex-direction:column;align-items:flex-start}.topbar nav{width:100%;overflow:auto}.user{right:20px}.hero{grid-template-columns:1fr}.presence{max-width:430px}.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr;gap:35px}.grid article:last-child{border-right:0}}@media (width<=620px){.topbar,.hero{padding-left:20px;padding-right:20px}.brand small{display:none}.hero h1{font-size:46px}.metrics{padding:0 20px}.metrics article{padding:22px 15px}.grid{padding:40px 20px}.topbar button{padding:10px 12px}}.section{border-bottom:1px solid var(--line);padding:58px 8vw}.grow{min-height:calc(100vh - 86px)}.section h1,.section h2{letter-spacing:-.045em;text-transform:uppercase;font-weight:500}.section h1{margin:0;font-size:clamp(34px,4vw,58px)}.section p{color:var(--muted)}.section-head{border-bottom:1px solid var(--ink);align-items:flex-end;gap:12px;margin-bottom:34px;padding-bottom:25px;display:flex}.section-head>div{margin-right:auto}.section-head p{margin:7px 0 0}.section-head:before{content:"01";background:var(--acid);align-self:flex-start;padding:5px 7px;font:700 11px monospace}input,select,textarea{color:var(--ink);background:0 0;border:1px solid #aaa79f;outline:none;padding:13px}input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:inset 0 -3px var(--acid)}.card-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tournament-card{background:var(--paper-2);border:1px solid var(--line);box-shadow:5px 5px 0 var(--ink);padding:24px}.tournament-card h2{margin:24px 0 10px;font-size:25px}.tournament-card small{color:var(--muted);margin:15px 0;font:10px monospace;display:block}.tag{background:var(--acid);color:var(--ink);padding:6px 9px;font:700 10px monospace;display:inline-block}.card-actions{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.player-list{border-top:2px solid var(--ink)}.player-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(230px,1fr) auto auto;align-items:center;gap:25px;min-height:132px;padding:20px 0;display:grid}.identity h2{margin:0 0 7px;font-size:26px}.identity span,.identity small{color:var(--muted);margin-top:5px;font:10px monospace;display:block}.mode-grid{gap:15px;display:flex}.mode-badge{border:1px solid var(--ink);background:0 0;grid-template-columns:42px 1fr;min-width:132px;display:grid}.mode-badge>b{background:var(--ink);color:var(--white);place-items:center;font-size:10px;display:grid}.mode-badge>div{padding:9px 11px}.mode-badge strong,.mode-badge span,.mode-badge small{white-space:nowrap;display:block}.mode-badge strong{background:var(--acid);width:max-content;padding:2px 4px;font-size:11px}.mode-badge span{margin:6px 0;font-size:10px}.mode-badge small{color:var(--muted);font-size:8px}.compare-select{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.compare-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.compare-card{border:1px solid var(--ink);background:var(--paper-2);min-height:350px;padding:25px}.tournament-form{grid-template-columns:3fr 1fr;gap:12px;margin:28px 0;display:grid}.tournament-form label,.paste-grid label,.form-grid label{color:var(--muted);letter-spacing:.08em;font:900 10px monospace}.tournament-form input,.tournament-form select,.form-grid input,.form-grid select{width:100%;margin-top:7px;display:block}.paste-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.paste-grid label{border:1px solid var(--ink);color:var(--ink);padding:20px;font-size:19px}.paste-grid small{color:var(--muted);margin:8px 0;font-size:10px;display:block}.paste-grid textarea{resize:vertical;background:var(--white);width:100%;height:280px;font-family:monospace;font-size:13px}.paste-grid b{background:var(--acid);color:var(--ink);width:max-content;margin-top:10px;padding:4px 7px;font-size:10px;display:block}.save{margin-top:18px}.modal{z-index:10;background:#111c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--paper);border:2px solid var(--ink);width:min(800px,100%);max-height:95vh;box-shadow:12px 12px 0 var(--acid);padding:25px;overflow:auto}.modal-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.modal-head h2{margin:0;font-size:29px;font-weight:500}.modal-head button{padding:3px 11px;font-size:22px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.mode-tabs{gap:6px;display:flex}.mode-tabs button{flex:1}.mode-tabs button.active,.compare-mode-tabs button.active{background:var(--acid);color:var(--ink);border-color:var(--ink)}.stats{background:var(--paper-2);border:1px solid var(--line);padding:18px}.modal-actions{justify-content:space-between;display:flex}.detail-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:25px;display:flex}.detail-head>div:last-child{gap:8px;display:flex}.detail-head h1{margin:12px 0 0}.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.ranking-panel{border:1px solid var(--ink);background:0 0;overflow:auto}.ranking-panel h2{margin:0;padding:20px;font-size:25px}.ranking-head,.ranking-row{align-items:center;gap:10px;min-height:52px;padding:0 15px;display:flex}.ranking-head{background:var(--ink);color:var(--white);letter-spacing:.06em;font:800 10px monospace}.ranking-row{border-top:1px solid var(--line)}.ranking-row:nth-child(odd){background:var(--paper-2)}.ranking-head>:first-child,.ranking-row>:first-child{width:58px}.ranking-head>:nth-child(2),.ranking-row>:nth-child(2){width:65px}.ranking-head>:nth-child(3),.ranking-row>:nth-child(3){width:55px}.ranking-head>:nth-child(4),.ranking-row>:nth-child(4){width:62px}.ranking-head>:nth-child(5),.ranking-row>:nth-child(5){width:68px}.ranking-head>:last-child,.ranking-row>:last-child{flex:1}.ranking-row b{background:var(--acid);padding:4px}.compare-mode-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0 12px;display:grid}.compare-player-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.compare-player-head h2{margin:4px 0 0;font-size:29px}.compare-player-head small{font-weight:900}.compare-player-head>strong{background:var(--ink);color:var(--acid);padding:12px 16px}.compare-metrics{grid-template-columns:1fr 1.6fr;gap:10px;margin:16px 0;display:grid}.compare-metrics>div{background:var(--paper);border:1px solid var(--line);padding:16px}.compare-metrics span{color:var(--muted);margin-bottom:8px;font-size:10px;font-weight:900;display:block}.compare-metrics b{font-size:29px}.compare-card h3{color:var(--muted);margin:22px 0 8px;font-size:10px}.compare-history{gap:4px;display:grid}.compare-history>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 3px;display:flex}.compare-history>div b{background:var(--acid);padding:3px 6px;font-size:18px}.compare-history p{background:var(--paper);margin:0;padding:18px}.empty{min-height:180px;color:var(--muted);border:1px dashed #999;place-items:center;display:grid}@media (width<=1300px){.player-row{grid-template-columns:1fr}.mode-grid{width:100%;overflow:auto}.card-grid{grid-template-columns:1fr 1fr}}@media (width<=950px){.ranking-grid{grid-template-columns:1fr}.section{padding:45px 5vw}.section-head{flex-direction:column;align-items:stretch}.section-head>div{margin-right:0}.card-grid,.compare-grid,.paste-grid,.tournament-form,.form-grid{grid-template-columns:1fr}}@media (width<=620px){.section{padding:38px 20px}.card-grid{grid-template-columns:1fr}.mode-badge{min-width:120px}.compare-mode-tabs{grid-template-columns:1fr 1fr}.compare-select{grid-template-columns:1fr}.detail-head{flex-direction:column;align-items:flex-start}}.rank-quick-edit{border:1px solid var(--ink);background:var(--paper-2);grid-template-columns:minmax(280px,1fr) minmax(240px,1fr) 130px auto;align-items:end;gap:12px;margin:20px 0;padding:22px;display:grid}.rank-quick-edit h2{margin:0;font-size:22px}.rank-quick-edit p{margin:7px 0 0;font-size:12px}.ranking-import{border:1px solid var(--ink);background:var(--paper-2);grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:24px;margin:20px 0 34px;padding:25px;display:grid}.ranking-import h2{margin:0;font-size:25px}.ranking-import p{font-size:13px;line-height:1.5}.ranking-import textarea{background:var(--paper);resize:vertical;width:100%;height:230px;margin:16px 0 10px;font:13px/1.5 monospace;display:block}.import-summary{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:15px;display:flex}.import-summary>*{border:1px solid var(--line);padding:6px 9px;font:700 11px monospace}.import-summary b{background:var(--acid);color:var(--ink);border-color:var(--ink)}.import-preview{border-left:1px solid var(--line);max-height:390px;padding-left:20px;overflow:auto}.import-preview h3{margin-top:0}.import-preview>div{border-top:1px solid var(--line);grid-template-columns:75px 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.import-preview strong,.import-preview small{font:800 10px monospace}.import-preview small{background:var(--paper);padding:4px 6px}.rank-directory{grid-template-columns:repeat(10,minmax(180px,1fr));align-items:start;gap:12px;padding-bottom:16px;display:grid;overflow-x:auto}.rank-directory article{border:1px solid var(--ink);background:var(--paper-2)}.rank-directory header{background:var(--ink);color:var(--white);grid-template-columns:auto 1fr auto;align-items:end;gap:8px;padding:14px;display:grid}.rank-directory header span,.rank-directory header small{font:800 9px monospace}.rank-directory header b{color:var(--acid);font-size:30px}.rank-directory article>div{max-height:520px;display:grid;overflow:auto}.rank-player{border-top:1px solid var(--line);grid-template-columns:1fr auto;display:grid}.rank-directory article>div button{text-align:left;background:0 0;border:0;padding:11px 13px}.rank-directory article>div button:hover{background:var(--acid);color:var(--ink)}.rank-player .rank-remove{border-left:1px solid var(--line);padding:7px 10px;font-size:18px}.rank-player .rank-remove:hover{color:#fff;background:#7d2828}.rank-directory article>div p{padding:8px 13px;font-size:12px}@media (width<=950px){.rank-quick-edit{grid-template-columns:1fr 1fr}.ranking-import{grid-template-columns:1fr}.import-preview{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}}@media (width<=600px){.rank-quick-edit{grid-template-columns:1fr}}:root{--paper:#e8e2d8;--paper-2:#ddd6cb;--line:#bdb5a8;--muted:#4f514c}.identity span,.identity small{font-size:12px;line-height:1.45}.mode-badge strong{padding:3px 5px;font-size:12px}.mode-badge span{font-size:11px}.mode-badge small{font-size:10px}.clickable{cursor:pointer;transition:background .16s,padding .16s}.clickable:hover{background:#d7ff3824;padding-left:14px;padding-right:14px}.profile-top{justify-content:space-between;margin-bottom:28px;display:flex}.profile-hero{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);align-items:center;gap:25px;padding:34px 0;display:flex}.profile-monogram{background:var(--ink);width:110px;height:110px;color:var(--acid);place-items:center;font-size:54px;font-weight:900;display:grid;transform:skew(-5deg)}.profile-label{letter-spacing:.16em;font:700 11px monospace}.profile-hero h1{margin:8px 0 4px}.profile-hero p{margin:0;font-size:14px}.profile-info{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.profile-info article{border-right:1px solid var(--line);padding:24px}.profile-info article:last-child{border:0}.profile-info span,.profile-modes small{color:var(--muted);letter-spacing:.08em;margin-bottom:8px;font:700 11px monospace;display:block}.profile-info b{font-size:19px}.social-links{flex-wrap:wrap;gap:12px;padding:25px 0;display:flex}.social-links a{min-width:210px;color:var(--ink);border:1px solid var(--ink);grid-template-columns:1fr auto;padding:15px;text-decoration:none;display:grid}.social-links a:hover{background:var(--ink);color:var(--white)}.social-links small{grid-column:1/-1;margin-bottom:7px;font:11px monospace}.social-links span{color:var(--acid);font-size:20px}.profile-section-title{border-bottom:1px solid var(--ink);padding-bottom:12px;margin:38px 0 16px!important;font-size:24px!important}.profile-modes{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.profile-modes article{border:1px solid var(--ink)}.profile-modes article>span{background:var(--ink);color:var(--white);padding:12px;font:700 12px monospace;display:block}.profile-modes article>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.profile-modes small{margin:0}.profile-modes b{font-size:18px}.profile-history{border-top:1px solid var(--ink)}.profile-history>article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:17px 0;display:flex}.profile-history>article>div{align-items:center;gap:12px;display:flex}.profile-history>article>span{color:var(--muted);font-size:12px}@media (width<=800px){.profile-modes,.profile-info{grid-template-columns:1fr 1fr}.profile-history>article{flex-direction:column;align-items:flex-start}}@media (width<=520px){.profile-hero{flex-direction:column;align-items:flex-start}.profile-modes,.profile-info{grid-template-columns:1fr}.profile-info article{border-right:0;border-bottom:1px solid var(--line)}}.rank-directory{grid-template-columns:repeat(10,minmax(170px,1fr));align-items:stretch;gap:0}.rank-directory article{border-right:0}.rank-directory article:last-child{border-right:1px solid var(--ink)}.rank-directory header{min-height:72px}.rank-directory article>div{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 42px,var(--line) 42px,var(--line) 43px)}.rank-directory article>div button,.rank-player{min-height:43px}.ranking-search{border:1px solid var(--ink);background:var(--paper-2);grid-template-columns:auto 1fr auto;align-items:center;margin:16px 0 24px;display:grid}.ranking-search span{padding:0 16px;font-size:24px}.ranking-search input{border:0;border-left:1px solid var(--line);width:100%;padding:16px;font-size:14px}.ranking-search button{border:0;border-left:1px solid var(--line);background:0 0;padding:11px 17px;font-size:21px}.ranking-search button:hover{background:var(--acid);color:var(--ink)}.rank-directory article>div{background-image:none;max-height:none;overflow:visible}.rank-player{height:43px;min-height:43px}.rank-directory article>div>p{border-top:1px solid var(--line);background:0 0;min-height:43px;margin:0}:root{--paper:#d8d3ca;--paper-2:#e8e4dc;--acid:#789c2d;--line:#aaa49a;--muted:#565b54}.topbar button.primary,.tag,.section-head:before,.mode-tabs button.active,.compare-mode-tabs button.active{color:#fff}.mode-badge strong,.ranking-row b,.compare-history>div b{color:#20221f}.clickable:hover{background:#789c2d21}