*{box-sizing:border-box}body{margin:0;background:#07111f;color:#fff;font-family:Inter,system-ui,sans-serif}.app{}#app{max-width:720px;min-height:100vh;margin:auto;padding:20px 16px 92px;background:radial-gradient(circle at 10% 5%,#0ea5e933,transparent 30%)}button{font:inherit;cursor:pointer}header{display:flex;gap:10px;align-items:center;margin-bottom:34px;cursor:pointer}header>span{background:#fbbf24;padding:9px;border-radius:14px;font-size:22px}header strong,header small{display:block}header small{font-size:9px;letter-spacing:3px;color:#94a3b8}.gold{color:#fbbf24;font-weight:800}.muted,small{color:#94a3b8}h1{font-size:clamp(40px,10vw,64px);line-height:.95;margin:8px 0 18px}h1 em{font-style:normal;color:#fbbf24}h2{font-size:34px;margin:5px 0 22px}.choices{display:grid;gap:14px;margin-top:30px}.hero{min-height:175px;padding:24px;border:1px solid #ffffff18;border-radius:28px;background:#ffffff0c;color:#fff;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.hero i{font-size:28px;font-style:normal}.hero span{font-size:28px;font-weight:900}.hero small{display:block;font-size:14px}.yellow{background:#fbbf24;color:#07111f}.yellow small{color:#334155}section,.versus>div,.scores>div,.rank,.game,.roundCard,.statGrid article,.records article,.tichuStats article{background:#ffffff0b;border:1px solid #ffffff14;border-radius:20px;padding:16px}.row,.versus,.scores,.game>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.link{background:none;border:0;color:#fbbf24}.players{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.players button{padding:15px;border-radius:14px;background:#ffffff0b;color:#94a3b8;border:2px solid transparent;font-weight:800}.players .active{border-color:#fbbf24;color:#fff}.versus{margin:16px 0}.team{display:flex;flex-wrap:wrap;gap:5px}.team b{color:#07111f;border-radius:99px;padding:5px 8px;font-size:12px}.primary,.outline{width:100%;height:55px;margin-top:14px;border-radius:16px;border:0;background:#fbbf24;color:#07111f;font-weight:900;font-size:16px}.outline{background:transparent;color:#fff;border:1px dashed #ffffff44}.scores{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.scores strong{display:block;font-size:38px;margin-top:10px}.round{display:grid;grid-template-columns:34px 1fr 1fr 32px;gap:7px;align-items:center}.round input{min-width:0;padding:12px;border:0;border-radius:12px;background:#0004;color:#fff;text-align:center;font-size:19px}.round button{background:none;border:0}.roundCard{margin:10px 0;padding:10px}.roundCard details{padding:9px}.roundCard summary{color:#fbbf24;font-weight:800}.tichuGrid{display:grid;gap:10px;margin-top:12px}.tichuPlayer{background:#0003;border-radius:14px;padding:10px}.tichuPlayer>div{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.tichuPlayer button{border:1px solid #ffffff22;background:#ffffff08;color:#94a3b8;border-radius:9px;padding:7px 9px}.tichuPlayer button.sel{border-color:#fbbf24;color:#fff;background:#fbbf2422}.tichuPlayer .ok.sel{border-color:#22c55e}.tichuPlayer .fail.sel{border-color:#ef4444}.rank{width:100%;color:inherit;text-align:left;display:grid;grid-template-columns:32px 42px 1fr auto;align-items:center;gap:10px;margin:10px 0}.rank>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#07111f;font-weight:900}.rank div strong,.rank div small,.rank aside strong,.rank aside small{display:block}.rank aside{text-align:right}.rank aside strong{font-size:24px}.rank.first{background:#fbbf24;color:#07111f}.rank.first small{color:#334155}.game{margin:10px 0}.game>small{display:block;margin-bottom:12px}.error{background:#7f1d1d;padding:12px;border-radius:12px;margin-bottom:15px;display:flex;justify-content:space-between}.error button{background:none;border:0;color:#fff}nav{position:fixed;bottom:0;left:0;right:0;background:#07111fee;border-top:1px solid #ffffff18;display:flex;justify-content:center;padding:10px;z-index:5}nav button{width:110px;background:none;border:0;color:#94a3b8;display:flex;flex-direction:column;align-items:center;font-size:19px}nav small{font-size:11px}.back{background:none;border:0;color:#94a3b8}.profileHero{display:flex;align-items:center;gap:16px;border:2px solid;border-radius:24px;padding:20px;background:#ffffff08}.profileHero h2,.profileHero p{margin:0}.avatar{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;color:#07111f;font-size:34px;font-weight:900}.statGrid,.records{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.statGrid strong,.statGrid small,.records strong,.records small{display:block}.statGrid strong{font-size:25px}.tichuStats{display:grid;gap:10px}.tichuStats strong,.tichuStats small{display:block}.tichuStats strong{font-size:30px;margin:6px 0}.bar{height:7px;background:#ffffff14;border-radius:9px;margin:10px 0;overflow:hidden}.bar i{display:block;height:100%;background:#22c55e}.form{display:flex;gap:7px;flex-wrap:wrap}.form span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900}.win{background:#22c55e}.loss{background:#ef4444}.relations{margin:10px 0}.relations>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ffffff12}.relations span{display:flex;align-items:center;gap:7px}.relations i{width:10px;height:10px;border-radius:50%}.badges{display:flex;gap:8px;flex-wrap:wrap}.badges span{padding:9px 11px;border-radius:99px;background:#ffffff10}.locked{opacity:.3;filter:grayscale(1)}.earned{border:1px solid #fbbf24;background:#fbbf2418}@media(min-width:650px){.choices{grid-template-columns:1fr 1fr}.hero{min-height:220px}.tichuStats{grid-template-columns:1fr 1fr}}
.roundCalc{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:8px 8px 2px;padding:9px 10px;border-radius:12px;background:#0003;font-size:12px;color:#94a3b8}.roundCalc strong{grid-column:1/-1;color:#fff;font-size:14px}.scores small{display:block;margin-top:3px}.nextRound{background:#fbbf24;margin-top:18px}.finishBox{margin-top:34px!important;text-align:center;border-color:#ef444455!important;background:#7f1d1d22!important}.finishBox>small{display:block;margin-bottom:10px}.finish{width:100%;min-height:50px;border-radius:14px;border:1px solid #ef444477;background:#7f1d1d;color:#fff;font-weight:900}.finish:disabled{opacity:.5}
.scoreInput label{display:block;font-size:10px;color:#94a3b8;margin-bottom:3px}.scoreInput>div{display:flex}.scoreInput button{border:0;border-radius:10px 0 0 10px;background:#ffffff10;color:#fbbf24;padding:0 9px;font-weight:900}.scoreInput input{border-radius:0 10px 10px 0!important;width:100%}.roundCalc{display:flex!important;justify-content:space-between;align-items:center}.roundCalc small{font-size:10px}.calls{display:grid;gap:7px;margin:10px 8px}.call{display:grid;grid-template-columns:1fr auto 25px;gap:7px;align-items:center;padding:9px;border-radius:12px}.call small{font-weight:800}.call button{border:0;background:none;color:#fff;font-size:18px}.callOk{background:#14532d88}.callFail{background:#7f1d1d88}.callOpen{background:#33415588}.addTichu{width:calc(100% - 16px);margin:8px;border:1px dashed #fbbf2466;border-radius:12px;background:#fbbf2410;color:#fbbf24;padding:11px;font-weight:800}.picker{margin:8px;padding:13px;background:#0f1d2e;border:1px solid #fbbf2455;border-radius:15px}.picker>b{display:block;margin:5px 0 9px}.pickerPlayers,.pickerType{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.picker button{padding:11px;border-radius:11px;border:1px solid #ffffff22;background:#ffffff09;color:#fff}.pickerPlayers button.sel{border-color:var(--pc);box-shadow:inset 0 0 0 1px var(--pc)}.pickerType button{border-color:#fbbf2466}.cancelPicker{width:100%;color:#94a3b8!important}.round{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr) 30px!important}