:root{--bg:#0b1622;--bg2:#10202f;--panel:#10202feb;--panel-solid:#132637;--line:#ffffff1f;--chalk:#f3f6f2;--muted:#9fb3c4;--lime:#c8f03c;--lime-dark:#8fb31a;--coral:#ff6b4a;--sky:#4cc9f0;--gold:#ffd23f;--good:#3ddc84;--radius:14px;--display:"Arial Black", "Helvetica Neue", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--chalk);font-family:var(--body);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.boot{text-align:center;background:radial-gradient(circle at 50% 35%, #183652, var(--bg) 70%);z-index:50;place-content:center;gap:18px;transition:opacity .4s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.boot.gone{opacity:0;pointer-events:none}.boot-logo{font-family:var(--display);letter-spacing:1px;justify-content:center;align-items:center;gap:12px;font-size:clamp(30px,7vw,56px);display:flex}.ball-dot{width:.7em;height:.7em;box-shadow:0 0 0 3px var(--lime), 0 0 24px #c8f03c80;background:radial-gradient(circle at 35% 30%,#fff,#e8e8e0 45%,#bdbdb0);border-radius:50%;display:inline-block}.boot-bar{background:#ffffff1a;border-radius:8px;width:min(320px,70vw);height:8px;margin:0 auto;overflow:hidden}.boot-bar i{background:var(--lime);border-radius:8px;width:30%;height:100%;animation:1.2s ease-in-out infinite load;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(340%)}}.boot-note{color:var(--muted);font-size:14px}.screen{touch-action:pan-y;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(24px + var(--safe-b)) calc(16px + var(--safe-l));background:linear-gradient(#0b16228c,#0b1622f0 60%);animation:.18s ease-out fadein;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.screen.solid{background:radial-gradient(circle at 70% 0%, #1b3a57, var(--bg) 65%)}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wrap{max-width:980px;margin:0 auto}.topbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.topbar h1{font-family:var(--display);letter-spacing:.5px;flex:1;margin:0;font-size:clamp(22px,4vw,30px)}.chip-coins{color:var(--gold);font-variant-numeric:tabular-nums;background:#ffd23f1f;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-weight:800;display:inline-flex}.coin{background:radial-gradient(circle at 35% 30%, #fff3b0, var(--gold) 50%, #b98a00);border-radius:50%;width:14px;height:14px}.btn{letter-spacing:.4px;border:1px solid var(--line);background:#ffffff12;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-weight:800;transition:transform 80ms,background .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg, #d9ff5a, var(--lime) 50%, var(--lime-dark));color:#10200a;border-color:#0003;box-shadow:0 4px #5f7a0e,inset 0 1px #fff9}.btn.primary:active{transform:translateY(3px);box-shadow:0 1px #5f7a0e}.btn.danger{color:#ffb3a1;background:#ff6b4a29;border-color:#ff6b4a66}.btn.small{min-height:40px;padding:8px 14px;font-size:14px}.btn.icon{border-radius:50%;width:46px;min-height:46px;padding:0}.btn[disabled]{opacity:.4;pointer-events:none}.row{flex-wrap:wrap;gap:10px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 10px 30px #0000004d}.panel h2{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:17px}.muted{color:var(--muted)}.small{font-size:13px}.home{grid-template-columns:1.3fr 1fr;align-items:stretch;gap:16px;display:grid}@media (max-width:720px){.home{grid-template-columns:1fr}}.hero{background:linear-gradient(135deg, #c8f03c2e, #4cc9f014 50%, #ff6b4a1f), var(--panel-solid);border:1px solid var(--line);border-radius:20px;flex-direction:column;justify-content:flex-end;gap:12px;min-height:230px;padding:22px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";border:18px solid #c8f03c2e;border-radius:50%;width:220px;height:220px;position:absolute;top:-40px;right:-40px}.hero .tag{letter-spacing:2px;color:var(--lime);text-transform:uppercase;font-size:13px;font-weight:800}.hero h2{font-family:var(--display);margin:0;font-size:clamp(30px,6vw,48px);line-height:1}.hero p{color:var(--muted);max-width:420px;margin:0}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{text-align:left;background:var(--panel-solid);border:1px solid var(--line);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:96px;padding:16px;transition:transform 80ms,border-color .15s;display:flex}.tile:hover{border-color:#c8f03c80}.tile:active{transform:scale(.98)}.tile b{font-family:var(--display);font-size:18px}.tile span{color:var(--muted);font-size:13px}.tile.soon{opacity:.55}.stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.stat{text-align:center;background:#ffffff0a;border-radius:10px;padding:10px}.stat b{font-variant-numeric:tabular-nums;font-size:22px;display:block}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.teams{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.team{background:var(--panel-solid);text-align:left;border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.team.sel{border-color:var(--lime);background:#c8f03c1a}.team.opp.sel{border-color:var(--coral);background:#ff6b4a1a}.crest{clip-path:polygon(50% 0,100% 14%,100% 62%,50% 100%,0 62%,0 14%);width:44px;height:50px;font-family:var(--display);flex:none;place-items:center;font-size:12px;display:grid}.team small{color:var(--muted);font-size:12px;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:#ffffff12;border-radius:22px;min-height:44px;padding:10px 16px;font-weight:700}.chip.sel{background:var(--lime);color:#10200a}.setup-grid{gap:14px;display:grid}.toss{text-align:center;place-items:center;gap:18px;min-height:80vh;display:grid}.coin3d{background:radial-gradient(circle at 35% 30%, #fff6c8, var(--gold) 45%, #a77a00);width:120px;height:120px;font-family:var(--display);color:#6b4b00;border-radius:50%;place-items:center;font-size:28px;display:grid;box-shadow:0 10px 30px #00000080,inset 0 0 0 8px #0000001f}.coin3d.spin{animation:1.4s cubic-bezier(.2,.7,.3,1) flip}@keyframes flip{0%{transform:translateY(0)rotateX(0)}50%{transform:translateY(-120px)rotateX(1440deg)}to{transform:translateY(0)rotateX(2880deg)}}.hud{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.score{top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));border:1px solid var(--line);pointer-events:none;background:#08101adb;border-radius:12px;align-items:stretch;max-width:calc(100vw - 130px);display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 20px #00000059}@media (max-width:520px){.score .need{max-width:110px;font-size:11px}.score .ov span{font-size:11px}.score .side{padding:6px 8px}}.score .side{align-items:center;gap:8px;padding:6px 10px;display:flex}.score .abbr{font-family:var(--display);border-radius:6px;padding:3px 6px;font-size:13px}.score .runs{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:22px}.score .ov{border-left:1px solid var(--line);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;padding:6px 10px;font-size:13px;display:flex}.score .ov b{font-size:16px}.score .need{border-left:1px solid var(--line);color:var(--lime);align-items:center;max-width:220px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.ballrow{top:calc(60px + var(--safe-t));left:calc(8px + var(--safe-l));pointer-events:none;gap:4px;display:flex;position:absolute}.bchip{border:1px solid var(--line);background:#08101acc;border-radius:13px;place-items:center;min-width:26px;height:26px;padding:0 6px;font-size:12px;font-weight:800;display:grid}.bchip.b4{background:var(--sky);color:#04202b}.bchip.b6{background:var(--lime);color:#10200a}.bchip.w{background:var(--coral);color:#fff}.bchip.x{color:var(--gold);background:#ffd23f40}.players{top:calc(92px + var(--safe-t));left:calc(8px + var(--safe-l));pointer-events:none;font-variant-numeric:tabular-nums;background:#08101ab3;border-radius:10px;padding:6px 10px;font-size:12px;line-height:1.5;position:absolute}.players .on{color:var(--lime)}.topright{top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));gap:8px;display:flex;position:absolute}.hud .btn.icon{background:#08101acc}.badge{top:calc(8px + var(--safe-t));letter-spacing:1px;pointer-events:none;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}.badge.freehit{background:var(--gold);color:#3a2a00;top:calc(52px + var(--safe-t))}.badge.replay{background:var(--coral);color:#fff}.badge.offline{color:var(--muted);top:auto;bottom:calc(6px + var(--safe-b));background:#ffffff1f;font-size:11px;font-weight:700}.pop{font-family:var(--display);text-shadow:0 4px #00000059,0 0 30px #0006;pointer-events:none;white-space:nowrap;font-size:clamp(34px,9vw,84px);animation:1.6s ease-out forwards pop;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.pop.small{font-size:clamp(20px,4.5vw,34px);animation-duration:1.1s;top:26%}.pop.six{color:var(--lime)}.pop.four{color:var(--sky)}.pop.out{color:var(--coral)}.pop.extra{color:var(--gold)}.pop.perfect{color:var(--lime)}.pop.good{color:#e6f7a0}.pop.bad{color:#ffb3a1}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}22%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-62%)scale(1)}}.reduced .pop{animation:1.4s linear forwards popfade}@keyframes popfade{0%,80%{opacity:1}to{opacity:0}}.speed{right:calc(16px + var(--safe-r));top:calc(62px + var(--safe-t));pointer-events:none;background:#08101abf;border-radius:12px;padding:4px 10px;font-size:15px;font-weight:900;animation:2s linear forwards popfade;position:absolute}.subpop{pointer-events:none;white-space:nowrap;background:#08101abf;border-radius:20px;padding:6px 14px;font-size:clamp(14px,3vw,20px);font-weight:800;animation:2s linear forwards popfade;position:absolute;top:44%;left:50%;transform:translate(-50%)}.timing{left:50%;bottom:calc(150px + var(--safe-b));pointer-events:none;text-align:center;width:min(280px,60vw);color:var(--muted);font-size:11px;animation:2s linear forwards popfade;position:absolute;transform:translate(-50%)}.tbar{background:linear-gradient(90deg,#ff6b4a 0,#ffd23f 25%,#c8f03c 42% 58%,#ffd23f 75%,#ff6b4a 100%);border-radius:6px;height:10px;margin:4px 0;position:relative}.tbar i{background:#fff;border-radius:2px;width:4px;height:18px;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 6px #000}.tlabels{justify-content:space-between;display:flex}.controls{padding:0 calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.controls>*{pointer-events:auto}.dpad{touch-action:none;background:radial-gradient(circle,#3c8c3c8c 0 30%,#28642880 30% 100%);border:2px solid #ffffff59;border-radius:50%;width:clamp(120px,26vmin,170px);height:clamp(120px,26vmin,170px);position:relative}.dpad:before{content:"";background:#d2bd86;border-radius:2px;width:8%;height:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dpad .arrow{transform-origin:50% 0;background:linear-gradient(0deg, transparent, var(--lime));pointer-events:none;border-radius:3px;width:6px;height:46%;margin-left:-3px;position:absolute;top:50%;left:50%}.dpad .lbl{color:var(--chalk);white-space:nowrap;text-shadow:0 1px 2px #000;font-size:11px;font-weight:800;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.dpad .side-l,.dpad .side-r{color:#ffffffb3;letter-spacing:1px;font-size:9px;font-weight:800;position:absolute;top:44%}.dpad .side-l{left:8px}.dpad .side-r{right:8px}.shotbtns{grid-template-columns:repeat(3,auto);align-items:end;gap:10px;display:grid}.sbtn{letter-spacing:.6px;touch-action:none;border:2px solid #ffffff59;border-radius:50%;place-items:center;width:clamp(70px,15vmin,96px);height:clamp(70px,15vmin,96px);font-size:clamp(11px,2.4vmin,14px);font-weight:900;display:grid;box-shadow:0 6px 16px #0006}.sbtn small{opacity:.7;font-size:10px;font-weight:700;display:block}.sbtn.defend{color:#04202b;background:#4cc9f0d9}.sbtn.ground{color:#10200a;background:#c8f03ceb;width:clamp(80px,17vmin,108px);height:clamp(80px,17vmin,108px)}.sbtn.loft{color:#fff;background:#ff6b4aeb}.sbtn:active,.sbtn.pressed{filter:brightness(1.15);transform:scale(.93)}.runbtns{right:calc(12px + var(--safe-r));bottom:calc(140px + var(--safe-b));gap:10px;display:flex;position:absolute}.rbtn{letter-spacing:1px;border-radius:14px;min-width:96px;min-height:56px;font-size:18px;font-weight:900;box-shadow:0 6px 16px #0006}.rbtn.run{background:var(--lime);color:#10200a}.rbtn.stop{background:var(--coral);color:#fff}.bowlbar{padding:0 calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.bowlbar>*{pointer-events:auto}.dtypes{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.dtype{border:1px solid var(--line);text-align:center;background:#08101adb;border-radius:10px;min-height:40px;padding:6px 12px;font-size:13px;font-weight:800}.dtype small{color:var(--muted);font-size:10px;font-weight:500;display:block}.dtype.sel{background:var(--lime);color:#10200a}.dtype.sel small{color:#2e4a07}.aimhint{pointer-events:none;background:#08101acc;border-radius:14px;padding:6px 12px;font-size:13px}.aimhint b{color:var(--gold)}.bowlbtn{min-width:180px;min-height:56px;font-size:18px}.meter{left:50%;bottom:calc(110px + var(--safe-b));text-align:center;pointer-events:none;width:min(420px,80vw);position:absolute;transform:translate(-50%)}.meter .track{background:linear-gradient(90deg,#5b6b7a 0 38%,#ffd23f 38% 60%,#3ddc84 60% 78%,#ffb03f 78% 92%,#ff4a3a 92% 100%);border:2px solid #ffffff80;border-radius:12px;height:22px;position:relative;overflow:hidden}.meter .needle{background:#fff;border-radius:3px;width:6px;height:30px;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 8px #000}.meter .mlabels{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.meter .tap{text-shadow:0 1px 3px #000;margin-bottom:6px;font-weight:900}.overlay{padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));touch-action:pan-y;background:#050a1099;place-items:center;animation:.15s ease-out fadein;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.overlay .panel{width:min(560px,100%);max-height:100%;overflow-y:auto}.menu-list{gap:10px;display:grid}.bowler-list{gap:8px;display:grid}.bowler{text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.bowler[disabled]{opacity:.4}.ovr{font-family:var(--display);text-align:center;color:var(--gold);font-size:18px}.bowler small{color:var(--muted);display:block}.scorecard{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.scorecard th,.scorecard td{border-bottom:1px solid var(--line);text-align:right;padding:5px 6px}.scorecard th:first-child,.scorecard td:first-child{text-align:left}.scorecard th{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.result-title{font-family:var(--display);margin:0 0 6px;font-size:clamp(24px,5vw,38px)}.toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.toggle:last-child{border-bottom:0}.toggle .t b{display:block}.toggle .t span{color:var(--muted);font-size:13px}.switch{background:#ffffff26;border-radius:15px;flex:none;width:52px;height:30px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:left .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--lime)}.switch.on:after{left:25px}input[type=range]{width:160px;accent-color:var(--lime)}.help h3{color:var(--lime);margin:18px 0 6px;font-size:16px}.help p,.help li{color:#d9e3ea;font-size:15px;line-height:1.55}.help ul{padding-left:20px}.kbd{border:1px solid var(--line);background:#ffffff1f;border-radius:5px;padding:1px 7px;font-size:13px;font-weight:700;display:inline-block}.tut-card{text-align:center}.tut-card .pic{place-items:center;height:130px;margin:6px auto 12px;display:grid}.tut-dots{justify-content:center;gap:6px;margin:12px 0;display:flex}.tut-dots i{background:#fff3;border-radius:50%;width:8px;height:8px}.tut-dots i.on{background:var(--lime)}.rotate-hint{pointer-events:none;text-align:center;background:#08101ad9;border-radius:14px;padding:8px 14px;font-size:13px;position:absolute;top:44%;left:50%;transform:translate(-50%)}.err{z-index:100;background:#050a10eb;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-height:460px){.players{display:none}.ballrow{top:calc(52px + var(--safe-t))}.timing{bottom:calc(110px + var(--safe-b))}.runbtns{bottom:calc(108px + var(--safe-b))}.meter{bottom:calc(86px + var(--safe-b))}.score .runs{font-size:18px}}.reduced *{transition:none!important;animation-duration:.01ms!important}.reduced .pop,.reduced .subpop,.reduced .timing{animation:1.6s linear forwards popfade!important}.form{gap:12px;display:grid}.flabel{gap:6px;font-size:14px;font-weight:700;display:grid}.field{font:inherit;border:1px solid var(--line);min-height:48px;color:var(--chalk);-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#00000040;border-radius:12px;flex:1;min-width:0;padding:10px 14px;font-size:16px}.field:focus{outline:2px solid var(--lime);border-color:#0000}.formmsg{color:#ffb3a1;min-height:1.2em;margin:0;font-size:14px;font-weight:700}.tagtest{background:var(--gold);color:#3a2a00;vertical-align:middle;border-radius:8px;margin-left:10px;padding:3px 8px;font-size:12px}.acct{border:1px solid var(--line);background:#ffffff14;border-radius:22px;align-items:center;gap:8px;min-height:44px;padding:6px 14px;font-size:14px;font-weight:800;display:inline-flex}.acct .dot{background:var(--good);border-radius:50%;width:8px;height:8px}.acct .dot.off{background:var(--muted)}.fade{opacity:0;pointer-events:none;background:#06101a;transition:opacity .25s;position:fixed;top:0;bottom:0;left:0;right:0}.fade.on{opacity:1}.reduced .fade{transition:opacity .12s linear!important}#ui>.hud,.hud>.ctrlwrap,.hud>.popwrap,.hud>.badgewrap{pointer-events:none}.meter{pointer-events:auto;cursor:pointer;background:#08101ab3;border-radius:16px;padding:10px 12px 8px}.meter .track{border-radius:17px;height:34px}.meter .needle{width:8px;height:42px;top:-6px}.runbtns{pointer-events:auto}.cgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.ccard{text-align:center;aspect-ratio:5/7;color:#1b1406;background:var(--cbg);isolation:isolate;border:2px solid #ffffff80;border-radius:16px;flex-direction:column;align-items:stretch;padding:10px 10px 8px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000059}.ccard:before{content:"";z-index:-1;background:#ffffff59;height:9%;position:absolute;top:58%;left:-20%;right:-20%;transform:rotate(-12deg)}.ccard.r-common{--cbg:linear-gradient(160deg, #e8c9a0, #b98a5a 60%, #8a5d36)}.ccard.r-good{--cbg:linear-gradient(160deg, #f4f6f7, #c4ccd2 55%, #8d98a2)}.ccard.r-great{--cbg:linear-gradient(160deg, #fff3b0, #ffd23f 50%, #c8930c)}.ccard.r-elite{--cbg:linear-gradient(160deg, #c8f03c, #4cc9f0 45%, #6a3fb5 90%);color:#08131c}.ccard.r-elite:after{content:"";z-index:-1;background:linear-gradient(115deg,#0000 30%,#ffffff73 45%,#0000 60%);animation:4s linear infinite shine;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.reduced .ccard.r-elite:after{animation:none}.ccard.sel{outline:3px solid var(--lime)}.ctop{justify-content:space-between;align-items:flex-start;display:flex}.covr{text-align:left;flex-direction:column;line-height:1;display:flex}.covr b{font-family:var(--display);font-size:28px}.covr span{font-size:12px;font-weight:800}.ccost{color:var(--gold);background:#000000bf;border-radius:10px;padding:3px 7px;font-size:11px;font-weight:900}.cfig{flex:1;place-items:end center;min-height:0;display:grid}.cfig svg{width:80%;height:100%}.cname{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:13px;line-height:1.15;overflow:hidden}.cstats{justify-content:space-around;font-size:9px;font-weight:800;display:flex}.cstats span{flex-direction:column;display:flex}.cstats b{font-size:14px}.cstyles{justify-content:center;gap:3px;min-height:16px;margin-top:4px;display:flex}.cstyles i{color:#fff;background:#000000b3;border-radius:6px;padding:2px 4px;font-size:9px;font-style:normal;font-weight:900}.cbadge{background:var(--coral);color:#fff;white-space:nowrap;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:900;position:absolute;bottom:36%;left:50%;transform:translate(-50%)}.ccard.small .covr b{font-size:22px}.cdetail{grid-template-columns:200px 1fr;gap:16px;display:grid;width:min(760px,100%)!important}@media (max-width:600px){.cdetail{grid-template-columns:1fr}.cdl .ccard{max-width:200px;margin:0 auto}}.sbars{gap:4px;display:grid}.sbar{grid-template-columns:110px 1fr 34px;align-items:center;gap:8px;font-size:13px;display:grid}.sbar i{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.sbar u{border-radius:4px;height:100%;display:block}.sbar b{text-align:right;font-variant-numeric:tabular-nums}.budget{gap:6px;display:grid}.btrack{background:#ffffff1a;border-radius:7px;height:14px;overflow:hidden}.btrack i{border-radius:7px;height:100%;display:block}.problems{color:#ffb3a1;margin:8px 0 0;padding-left:20px}.lrow{border-bottom:1px solid var(--line);grid-template-columns:26px 40px 1fr auto;align-items:center;gap:8px;padding:8px 0;display:grid}.lnum{color:var(--muted);text-align:center;font-weight:800}.lovr{font-family:var(--display);color:var(--gold);text-align:center;font-size:18px}.lname small{color:var(--muted);font-size:12px;display:block}.lacts{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.lacts .btn.icon{width:40px;min-height:40px}.tagbtn{border:1px solid var(--line);background:#ffffff12;border-radius:10px;min-width:40px;min-height:40px;font-weight:900}.tagbtn.on{background:var(--gold);color:#3a2a00}@media (max-width:560px){.lrow{grid-template-columns:22px 34px 1fr}.lacts{grid-column:1/-1}}.swatches{flex-wrap:wrap;gap:8px;display:flex}.sw{border:3px solid #ffffff40;border-radius:50%;width:40px;height:40px}.sw.on{box-shadow:0 0 0 3px var(--lime);border-color:#fff}.kitprev{border:2px solid #ffffff4d;border-radius:10px;width:160px;height:40px}.trow{border-bottom:1px solid var(--line);grid-template-columns:1fr 40px 110px auto;align-items:center;gap:8px;padding:6px 0;display:grid}@media (max-width:480px){.trow{grid-template-columns:1fr 34px auto}.trow .muted{display:none}}.storegrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.pack{align-content:start;gap:8px;display:grid}.pack.p-clay{background:linear-gradient(160deg, #b98a5a59, var(--panel))}.pack.p-gold{background:linear-gradient(160deg, #ffd23f59, var(--panel))}.pack.p-draft{background:linear-gradient(160deg,#4cc9f04d,#6a3fb54d)}.odds{flex-wrap:wrap;gap:6px;display:flex}.otier{color:#111;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:800}.t-common.otier{background:#d9b88f}.t-good.otier{background:#d6dde2}.t-great.otier{background:var(--gold)}.t-elite.otier{background:linear-gradient(90deg, var(--lime), var(--sky))}.reveal{place-items:center;min-height:300px;display:grid}.reveal .ccard{width:200px}.flip{animation:.5s ease-out flipin}.flip.t-elite .ccard,.flip.t-great .ccard{box-shadow:0 0 40px #ffd23fcc}@keyframes flipin{0%{transform:rotateY(90deg)scale(.8)}to{transform:none}}.rankbox{justify-items:center;gap:6px;display:grid}.crank{color:#b3121f;letter-spacing:-1px;font-size:11px;position:absolute;top:40px;left:10px}.streak{grid-template-columns:repeat(7,1fr);gap:6px;margin:8px 0 12px;display:grid}.sday{text-align:center;border:1px solid var(--line);background:#ffffff0f;border-radius:10px;padding:8px 2px}.sday span{color:var(--muted);font-size:10px;display:block}.sday b{color:var(--gold)}.sday.done{background:#3ddc8433}.sday.today{border-color:var(--lime);box-shadow:0 0 0 2px var(--lime)}.task{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.task .btrack{height:8px;margin:6px 0 2px}.home .tiles{grid-template-columns:1fr 1fr}.fcode{letter-spacing:4px;color:var(--lime);-webkit-user-select:all;user-select:all;margin:4px 0 8px;font-family:ui-monospace,Consolas,monospace;font-size:30px;font-weight:900}.friend{border-bottom:1px solid var(--line);gap:8px;padding:10px 0;display:grid}.fdot{background:var(--muted);border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.fdot.on{background:var(--good)}.qchat{flex-wrap:wrap;gap:6px}.msg{border-bottom:1px solid var(--line);padding:8px 0}.joy{left:calc(20px + var(--safe-l));bottom:calc(20px + var(--safe-b));touch-action:none;background:#08101a73;border:2px solid #fff6;border-radius:50%;place-items:center;width:130px;height:130px;display:grid;position:absolute}.joy i{pointer-events:none;background:#c8f03ce6;border-radius:50%;width:56px;height:56px;box-shadow:0 4px 12px #0006}@media (pointer:fine){.joy{opacity:.6}}.towngo{right:calc(20px + var(--safe-r));bottom:calc(36px + var(--safe-b));min-height:60px;font-size:18px;position:absolute}.townhint{left:50%;top:calc(60px + var(--safe-t));text-align:center;pointer-events:none;background:#08101acc;border-radius:14px;max-width:90vw;padding:8px 14px;font-size:14px;position:absolute;transform:translate(-50%)}.trophies{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:10px;display:grid}.trophy{text-align:center;opacity:.5;background:#ffffff0d;border-radius:12px;justify-items:center;gap:4px;padding:10px;font-size:13px;display:grid}.trophy.won{opacity:1;background:#ffd23f26}.trophy b{font-size:28px}