*{box-sizing:border-box}body{color:#14221f;background:#e8efed;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app,.auth{background:#fff;width:min(100%,390px);min-height:100svh;margin:auto}.content{padding:24px 20px 100px}.topbar{border-bottom:1px solid #edf1f0;justify-content:space-between;align-items:center;height:65px;padding:0 20px;display:flex}.brand{letter-spacing:-1px;font-size:21px;font-weight:900}.brand span{margin-left:5px;font-size:16px}.avatar{color:#0f766e;background:#d5eee9;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.bottom-nav{z-index:5;background:#fff;border-top:1px solid #e5ecea;width:min(100%,390px);height:76px;display:flex;position:fixed;bottom:0}.bottom-nav a{color:#8a9793;border-bottom:3px solid #0000;flex:1;align-content:center;place-items:center;gap:4px;font-size:11px;display:grid}.bottom-nav svg{width:21px}.bottom-nav a.active{color:#0f766e;border-bottom-color:#0f766e;font-weight:700}h1{letter-spacing:-1px;margin:0 0 5px;font-size:27px}h2{margin:0;font-size:16px}p{color:#6b7a75;margin:0;font-size:14px}.title-row{margin-bottom:18px}.tabs{border-bottom:1px solid #e7edeb;gap:8px;margin-bottom:17px;display:flex}.tabs button,.choices button,.segmented button{color:#65746e;background:0 0;border:0;padding:10px 14px}.tabs .active{color:#0f766e;border-bottom:2px solid #0f766e;font-weight:800}.stack,.players{gap:10px;display:grid}.match-card,.panel,.player,.rating-card,.empty{background:#fff;border:1px solid #e3ebe8;border-radius:14px;padding:15px}.match-card{grid-template-columns:1fr auto;gap:7px;display:grid;box-shadow:0 3px 13px #103c3110}.match-card strong{grid-column:2;font-size:17px}.pill{letter-spacing:.4px;color:#0f766e;background:#e5f3ef;border-radius:20px;align-self:start;padding:5px 7px;font-size:10px;font-weight:800}.pill.completed{color:#54635e;background:#edf0ef}.fab{color:#fff;background:#0f766e;border-radius:50%;place-items:center;width:48px;height:48px;margin-left:316px;display:grid;position:fixed;bottom:95px;box-shadow:0 6px 18px #0f766e55}.fab svg{width:24px}.form{gap:14px;display:grid}.form label{gap:6px;font-size:13px;font-weight:700;display:grid}.form input,.form select,.score-input input,.stat input{color:#14221f;background:#fff;border:1px solid #cfdad6;border-radius:9px;padding:12px}.form button,.button,.rating-card>button,.content>button{color:#fff;text-align:center;background:#0f766e;border:0;border-radius:10px;width:100%;padding:13px;font-weight:800;display:block}.button.secondary,.secondary{color:#0f766e!important;background:#e7f2ef!important}.error{color:#b42318;background:#fff0ef;border-radius:8px;padding:9px}.auth{text-align:center;padding:55px 28px}.auth-mark{font-size:35px}.auth h1{margin:7px;font-size:36px}.auth .form{text-align:left;margin:34px 0 18px}.auth .form button{text-align:center}.switch a{color:#0f766e;font-weight:800}.back{align-items:center;gap:8px;margin-bottom:22px;display:flex}.back>a{place-items:center;width:32px;height:32px;display:grid}.back h1{margin:0}.back .pill{margin-left:auto}.choices,.actions{gap:8px;display:flex}.choices button,.segmented button{background:#f1f5f3;border-radius:8px;flex:1}.choices .selected,.segmented .selected,.rating .selected{color:#fff!important;background:#0f766e!important}.panel{margin-bottom:22px}.panel h2{margin-bottom:10px}.player{justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;display:flex}.player>a,.player>span:first-child{font-weight:800}.player>span:last-child{color:#6b7a75;font-size:12px}.score{text-align:center;color:#0f766e;margin:8px 0 25px;font-size:42px;font-weight:900}.score span{color:#aebcb7}.score-input{justify-content:center;align-items:center;gap:13px;margin:12px 0 22px;display:flex}.score-input input{text-align:center;width:68px;font-size:25px;font-weight:800}.stat label{align-items:center;gap:4px;font-size:12px;display:flex}.stat input{width:44px;padding:6px}.rating-card{text-align:center;margin-top:12px}.large{width:64px;height:64px;margin:0 auto 10px;font-size:24px}.rating{text-transform:capitalize;border-top:1px solid #edf1f0;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.rating>span{font-weight:700}.rating button{color:#406059;background:#edf3f1;border:0;border-radius:50%;width:29px;height:29px;margin-left:4px}.rating-card>p{margin:10px}.ovr{background:#f4faf8;border:7px solid #d5eee9;border-radius:18px;place-items:center;width:145px;height:145px;margin:22px auto;display:grid}.ovr small{color:#0f766e;font-weight:900}.ovr strong{font-size:54px;line-height:1}.ovr p{font-size:11px}.attributes{gap:13px;display:grid}.attributes>div{grid-template-columns:80px 1fr 30px;align-items:center;gap:7px;font-size:13px;display:grid}.attributes i{background:#e6eeeb;border-radius:8px;height:8px;overflow:hidden}.attributes b{background:#0f766e;height:100%;display:block}.numbers{background:#e4ebe8;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:25px;display:grid}.numbers div{text-align:center;color:#708078;background:#fff;padding:16px;font-size:12px}.numbers strong{color:#14221f;font-size:24px;display:block}.profile{text-align:center;margin:13px 0 30px}.profile h1{margin-top:4px}.toggle{border-block:1px solid #e5ecea;justify-content:space-between;align-items:center;gap:10px;margin:20px 0;padding:16px 0;display:flex}.toggle span{gap:3px;display:grid}.toggle small{color:#778680;font-size:11px}.toggle button{background:#c9d5d1;border:0;border-radius:20px;width:48px;height:27px;padding:3px}.toggle button i{background:#fff;border-radius:50%;width:21px;height:21px;transition:all .2s;display:block}.toggle button.on{background:#0f766e}.toggle button.on i{transform:translate(21px)}.logout{color:#b42318;background:0 0;border:0;margin:18px auto;font-weight:800;display:block}.empty{text-align:center;color:#708078;padding:30px}.content>button{margin-top:14px}