*{box-sizing:border-box}body{margin:0;background:#f7f5f1;color:#171717;font-family:'Kanit',sans-serif}.topbar{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:18px clamp(24px,8vw,120px);border-bottom:1px solid #e8e3dd}.brand{align-items:center;color:inherit;display:flex;gap:11px;text-decoration:none}.brand-mark{align-items:center;background:#f4511e;color:#fff;display:flex;font:bold 13px 'Space Grotesk';height:34px;justify-content:center;width:39px}.brand strong,.brand small{display:block;font-family:'Space Grotesk';line-height:1}.brand strong{font-size:17px;letter-spacing:.08em}.brand small{color:#77736f;font-size:8px;letter-spacing:.2em;margin-top:4px}.topbar nav{display:flex;gap:24px}.topbar nav a{color:#77736f;text-decoration:none}.topbar nav a.active,.topbar nav a:hover{color:#f4511e}.matching-main{max-width:1050px;margin:auto;padding:70px 24px 100px}.hero{max-width:720px;margin-bottom:45px}.eyebrow{color:#f4511e;font:600 12px 'Space Grotesk';letter-spacing:.14em}.hero h1{font:700 clamp(46px,7vw,78px)/.95 'Space Grotesk';letter-spacing:-.06em;margin:20px 0}.hero h1 em{color:#f4511e;font-style:normal}.hero p:not(.eyebrow){color:#77736f;font-size:17px;line-height:1.8}.panel,.results{background:#fff;border-top:4px solid #f4511e;padding:30px;margin-top:22px;box-shadow:0 8px 30px rgba(0,0,0,.04)}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.panel-head div{display:flex;align-items:center;gap:14px}.panel-head span{color:#f4511e;font:700 14px 'Space Grotesk'}.panel h2{font:600 28px 'Space Grotesk';margin:0}.panel-head p{color:#77736f;margin:0;font-size:14px}.panel label{display:block;font-weight:500;margin:15px 0}.panel label b{color:#f4511e}.panel input,.panel select{display:block;width:100%;margin-top:8px;border:1px solid #d8d2cb;background:#fff;padding:13px 14px;font:400 15px 'Kanit'}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.secondary,.primary{border:0;cursor:pointer;font:600 15px 'Kanit';padding:13px 22px}.secondary{background:#eee9e3;color:#222}.actions{display:flex;align-items:center;gap:20px;margin:25px 0}.primary{background:#f4511e;color:#fff}.actions p{color:#77736f;margin:0}.player-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;gap:12px;align-items:end;padding:15px 0;border-bottom:1px solid #eee8e2}.player-row label{margin:0!important}.remove{border:0;background:#f3ece6;color:#b43a16;padding:13px 15px;cursor:pointer;font-family:'Kanit'}.result-card{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;border-top:1px solid #eee8e2;padding:20px 0}.rank{font:700 34px 'Space Grotesk';color:#f4511e}.result-name{font-size:19px;font-weight:600}.result-detail{color:#77736f;font-size:14px;margin-top:4px}.score{text-align:right}.score strong{font:700 30px 'Space Grotesk';display:block}.score small{color:#77736f}.match-good{color:#1683b4}.match-mid{color:#d27612}.match-low{color:#77736f}.empty{padding:25px 0;color:#77736f}.save-note{font-size:13px;color:#77736f;margin-top:12px}@media(max-width:850px){.player-row{grid-template-columns:1fr 1fr}.remove{width:100%}}@media(max-width:700px){.matching-main{padding-top:40px}.panel-head,.actions{display:block}.panel-head p{margin-top:8px}.form-row,.player-row,.result-card{grid-template-columns:1fr}.actions .primary{width:100%;margin-bottom:12px}.score{text-align:left}.topbar{padding:16px 20px}.topbar nav{display:none}}
/* Keep the expanded level descriptions and account controls inside small screens. */
.player-row{grid-template-columns:repeat(3,minmax(0,1fr))}.player-row>*{min-width:0}.panel select{min-width:0;max-width:100%}.result-detail{overflow-wrap:anywhere}
@media(max-width:700px){.player-row{grid-template-columns:minmax(0,1fr)}.topbar{flex-wrap:wrap}.topbar .auth-link{flex-wrap:wrap;white-space:normal}.matching-main,.panel,.results{min-width:0}.panel,.results{padding:20px}.hero h1{overflow-wrap:anywhere}}