@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#172b28;background:#f2f4ee;font-size:15px}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1200px;margin:auto;padding:48px 28px 30px}.top{display:flex;align-items:center;gap:22px;margin-bottom:36px}.mark{display:grid;place-items:center;width:70px;height:70px;background:#173e34;color:#fff;border-radius:18px;font:700 27px 'Space Grotesk',sans-serif;letter-spacing:-2px}.mark span{color:#c9ec83}h1,h2,p{margin:0}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em}h1{font-size:clamp(32px,4vw,48px);line-height:1.08}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#4e8870;margin-bottom:9px}.subtitle{color:#667972;margin-top:9px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}.stats>div{background:#e4eae0;border:1px solid #d8e1d5;border-radius:15px;padding:22px 26px}.stats span{display:block;color:#6b8277;font-size:11px;letter-spacing:.12em;font-weight:800}.stats strong{display:block;font:700 36px 'Space Grotesk',sans-serif;margin-top:8px;letter-spacing:-.05em}.layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:22px}.maincol,.sidecol{display:flex;flex-direction:column;gap:22px;min-width:0}.panel{background:#fff;border:1px solid #e0e6dc;border-radius:17px;overflow:hidden;box-shadow:0 6px 24px #244c3210}.panelhead{padding:27px 28px 23px;display:flex;align-items:end;justify-content:space-between;gap:15px}h2{font-size:26px}.subtle,.help,.hint,.footnote{color:#82948a;font-size:12px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;background:#f7f9f5;color:#8a9b91;font-size:10px;letter-spacing:.12em;padding:14px 16px}th:first-child,td:first-child{padding-left:28px}td{padding:19px 16px;border-bottom:1px solid #edf0eb;font-size:13px}tr:last-child td{border-bottom:0}.rank{font:700 13px 'Space Grotesk';color:#9ca9a0}.playername{font-weight:800}.winrate{display:flex;align-items:center;gap:11px}.winrate b{width:48px;color:#245f49}.track{width:70px;height:6px;background:#e9eee5;border-radius:20px;overflow:hidden}.track span{display:block;height:100%;background:#98c973;border-radius:20px}.footnote{padding:15px 28px;border-top:1px solid #eef0ec}.empty{padding:25px 28px;color:#899a90}.inputpanel{padding:27px 26px}.inputpanel h2{margin-bottom:8px}.help{margin-bottom:27px;line-height:1.5}form label{display:block;font-weight:800;font-size:12px;margin:22px 0 9px}form label small{display:block;font-weight:400;color:#83958a;margin-top:5px}input,select{width:100%;border:1px solid #dae2d9;border-radius:9px;background:#f9fbf8;color:#254337;font:inherit;font-size:13px;padding:13px 12px;outline-color:#579d75}select[multiple]{padding:6px}select[multiple] option{padding:9px;border-radius:5px}select[multiple] option:checked{background:#d1ead7 linear-gradient(#d1ead7,#d1ead7);color:#174e35}.hint{line-height:1.55;margin:14px 0 22px}button{border:0;background:#245b45;color:white;width:100%;padding:15px 18px;border-radius:9px;font:700 13px 'DM Sans';display:flex;justify-content:space-between;cursor:pointer}button:hover{background:#174631}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#e2efdc;color:#255840;margin-top:18px}.secondary:hover{background:#cbe5c3}.result{display:flex;align-items:center;gap:14px;padding:17px 28px;border-top:1px solid #edf0eb}.trophy{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef5da;color:#669238}.result strong{font-size:13px}.result p{color:#89968e;font-size:12px;margin-top:4px}.result time{margin-left:auto;color:#9ba79d;font-size:10px;white-space:nowrap}.notice{padding:15px 20px;border-radius:12px;margin-bottom:18px}.error{background:#ffe9e5;color:#8f3327}.success{background:#dff3df;color:#235d38}footer{font-size:10px;letter-spacing:.15em;font-weight:800;color:#92a299;margin-top:38px;text-align:center}footer span{color:#76a869}@media(max-width:790px){.layout{grid-template-columns:1fr}.stats>div{padding:17px}.stats strong{font-size:28px}}@media(max-width:500px){.wrap{padding:26px 14px}.top{gap:13px}.mark{width:55px;height:55px;flex-shrink:0;font-size:21px}.stats{gap:6px}.stats span{font-size:9px}.stats>div{padding:12px 10px}.stats strong{font-size:24px}.panelhead{padding:22px 18px}th:first-child,td:first-child{padding-left:18px}.result{padding:15px 18px}.result time{font-size:9px}}
.delete-form{margin:0}.delete-btn{width:auto;padding:7px 12px;border:1px solid #efd2d0;background:#fff5f3;color:#a44238;border-radius:7px;font-size:11px}.delete-btn:hover{background:#fbe2dd}
.logout-form{margin-left:auto;align-self:flex-start}.logout-btn{background:#e1e9df;color:#285542;width:auto;padding:10px 15px;white-space:nowrap}.logout-btn:hover{background:#cfe0cd}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(100%,410px);background:#fff;border:1px solid #e0e6dc;border-radius:20px;padding:36px;box-shadow:0 18px 70px #244c321c}.login-card .mark{margin-bottom:30px}.login-card h1{font-size:36px}.login-card .help{margin:14px 0 25px;line-height:1.5}.login-card form label{margin-top:12px}.login-card form button{margin-top:18px}.login-card .notice{font-size:13px;line-height:1.5}