.sp-board{width:min(100%,100dvh - 330px)}.sp-board canvas{cursor:pointer}.sp-gauge{align-items:center;gap:10px;width:min(100%,520px);margin-inline:auto;font-size:12px;display:flex}.sp-gauge .meter{border-radius:5px;height:10px}.sp-gauge .meter>i{background:var(--accent);transition:width .15s linear}.sp-gauge .mono{text-align:right;min-width:4ch;color:var(--muted)}.sp-actions{justify-content:center}.sp-press{touch-action:manipulation;-webkit-user-select:none;user-select:none;min-width:180px;min-height:52px;font-size:18px}.sp-fruits-wrap{text-align:left;flex-direction:column;gap:6px;display:flex}.sp-fruits{flex-wrap:wrap;gap:6px;display:flex}.sp-fruit{align-items:center;gap:6px;display:inline-flex}.sp-fruit i,.sp-seats i,.sp-table .fr i{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 1px #00000040}.sp-fruit small{color:var(--muted)}.sp-flavor,.sp-best{font-size:13px}.sp-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:380px;margin:0;padding:0;list-style:none;display:grid}.sp-seats li{border:2px solid var(--line);border-radius:var(--radius);text-align:left;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:flex}.sp-seats li.bot{color:var(--muted);border-style:dashed}.sp-seats b{font-family:var(--f-word);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:400;overflow:hidden}.sp-seats span{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.om-lobby .sp-fruits-wrap{width:100%;max-width:420px}.sp-bots{text-align:left;width:100%;max-width:320px}.sp-bots input[type=range]{accent-color:var(--accent);width:100%}.sp-results{flex-direction:column;gap:16px;width:100%;max-width:560px;margin:6px auto;padding:24px 22px;display:flex}.sp-title{font-family:var(--f-display);text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:28px;font-weight:400}.sp-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.sp-table th{font-family:var(--f-mono);text-align:right;border-bottom:1.5px solid var(--line);padding:0 6px 6px;font-size:15px;font-weight:700}.sp-table td{border-bottom:1px solid var(--line);padding:8px 6px}.sp-table tr:last-child td{border-bottom:0}.sp-table .rk{font-family:var(--f-display);width:2.2em}.sp-table .nm{font-family:var(--f-word);overflow-wrap:anywhere;font-size:17px}.sp-table .fr{color:var(--muted);white-space:nowrap;font-size:13px}.sp-table .fr i{vertical-align:-1px;margin-right:5px;display:inline-block}.sp-table .pf,.sp-table .gd,.sp-table .ms{text-align:right;font-family:var(--f-mono);width:3em}.sp-table th.pf{color:var(--info)}.sp-table th.gd{color:var(--good)}.sp-table th.ms{color:var(--bad)}.sp-table tr.me td{background:color-mix(in srgb,var(--accent)14%,transparent);font-weight:700}.sp-stats{flex-direction:column;gap:6px;margin:0;display:flex}.sp-stats>div{border-top:1.5px dashed var(--line);justify-content:space-between;gap:12px;padding-top:6px;display:flex}.sp-stats dt{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px}.sp-stats dd{font-family:var(--f-display);font-variant-numeric:tabular-nums;margin:0;font-size:18px}.sp-made{background:var(--sunk);border-radius:var(--radius);align-items:center;gap:14px;padding:12px 14px;display:flex}.sp-made p{margin:0}.sp-cup{border:3px solid var(--ink);border-radius:4px 4px 12px 12px;flex:none;width:46px;height:56px}.sp-flavors{font-size:12px}@media (max-width:420px){.sp-table .fr{display:none}.sp-results{padding:18px 12px}}@media (orientation:landscape) and (max-height:520px){.sp-board{width:min(100%,100dvh - 150px)}}