.eq{padding-top:28px;padding-bottom:56px}.eq-hero h1{font-size:clamp(26px,3.4vw,34px);margin:0 0 8px}.eq-hero p{margin:0 0 22px;max-width:720px;font-size:14px;color:var(--muted-strong)}.eq-cols{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:18px;align-items:start}.eq-main{display:flex;flex-direction:column;gap:14px;min-width:0}.eq-panel{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.eq-panel h2,.eq-how h2{font-size:15px;margin:0}.eq-board-panel h2{margin-bottom:12px}.eq-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.eq-hint{font-size:12px;color:var(--muted)}.eq .eq-slot{--w: 50px;position:relative;flex:none;width:var(--w);height:calc(var(--w) * 1.4);padding:0;display:grid;place-items:center;background:var(--card);border:1.5px dashed #33506a;border-radius:6px;cursor:pointer;touch-action:manipulation;transition:border-color .12s,box-shadow .12s,transform .12s}.eq .eq-slot:hover{border-color:var(--muted-strong)}.eq .eq-slot.filled{border:0;background:transparent}.eq .eq-slot img{width:100%;height:100%;display:block;border-radius:5px;object-fit:contain}.eq .eq-slot.active{border:2px solid var(--green-bright);box-shadow:0 0 0 3px #32d58338}.eq .eq-slot.filled.active{outline:2px solid var(--green-bright);outline-offset:2px;box-shadow:0 0 0 5px #32d5832e}.eq .eq-empty{font-size:18px;font-weight:700;color:#4a6680}.eq-board{display:flex;gap:16px;flex-wrap:wrap}.eq-street{display:flex;flex-direction:column;gap:6px}.eq-street>span{font-size:11px;color:var(--muted);text-align:center}.eq-street-cards{display:flex;gap:6px}.eq-players{display:flex;flex-direction:column;gap:8px}.eq .eq-player{display:grid;grid-template-columns:112px auto minmax(0,1fr) 28px;align-items:center;gap:14px;padding:10px 12px;background:var(--card);border:1px solid transparent;border-radius:10px;transition:border-color .12s}.eq .eq-player.editing{border-color:#2c4a63}.eq .eq-pname{display:flex;flex-direction:column;gap:3px;min-width:0}.eq .eq-pname strong{font-size:13px}.eq .eq-hand{font-size:11px;color:var(--muted-strong);min-height:1.2em}.eq .eq-hole{display:flex;gap:6px}.eq .eq-res{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0}.eq .eq-pct{font-size:22px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.eq .eq-sub{font-size:11.5px;color:var(--muted-strong);font-variant-numeric:tabular-nums;margin-left:auto;text-align:right}.eq .eq-bar{flex-basis:100%;display:block;height:6px;margin-top:6px;border-radius:3px;background:var(--line);overflow:hidden}.eq .eq-bar s{display:block;height:100%;width:0;background:#3f6a8a;border-radius:3px;transition:width .25s ease}.eq .eq-player.lead .eq-bar s{background:var(--green)}.eq .eq-player.lead .eq-pct{color:var(--green-bright)}.eq.calculating .eq-res{opacity:.55}.eq .eq-rm{width:28px;height:28px;padding:0;font:inherit;font-size:18px;line-height:1;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:7px;cursor:pointer}.eq .eq-rm:hover{color:var(--danger);border-color:var(--danger)}.eq .eq-rm[hidden]{visibility:hidden;display:block}.eq-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.eq-spacer{flex:1}.eq .eq-btn{padding:9px 14px;min-height:40px;font:inherit;font-size:13px;font-weight:650;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.eq .eq-btn:hover:not(:disabled){background:var(--card-hover);border-color:#38566b}.eq .eq-btn:disabled{opacity:.4;cursor:default}.eq .eq-btn.ghost{background:transparent;color:var(--muted-strong)}.eq .eq-btn.sm{padding:5px 10px;min-height:30px;font-size:12px}.eq .eq-btn[hidden]{display:none}.eq-status-row{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft)}.eq-progress{display:block;height:2px;margin-bottom:8px;background:transparent;overflow:hidden}.eq-progress s{display:block;height:100%;width:0;background:var(--green);transition:width .1s linear}.eq-status{margin:0;font-size:12px;color:var(--muted-strong);font-variant-numeric:tabular-nums}.eq-picker{position:sticky;top:84px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.eq-pick-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;margin-bottom:10px}.eq-pick-head p{margin:0;font-size:13px;font-weight:650;color:var(--green-bright)}.eq-grid{display:flex;flex-direction:column;gap:5px}.eq .eq-grow{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px}.eq .eq-cell{aspect-ratio:5 / 7;min-width:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font:inherit;font-weight:750;line-height:1;background:#eef3f8;border:0;border-radius:4px;cursor:pointer;transition:transform .08s,opacity .12s,box-shadow .12s}.eq .eq-cell span{font-size:14px;letter-spacing:-.03em}.eq .eq-cell i{font-style:normal;font-size:13px;margin-top:2px}.eq .eq-cell.s-s{color:#1b2530}.eq .eq-cell.s-h{color:#cf2f3d}.eq .eq-cell.s-d{color:#2163c8}.eq .eq-cell.s-c{color:#198a48}.eq .eq-cell:hover:not(:disabled){transform:translateY(-2px)}.eq .eq-cell:focus-visible{outline:2px solid var(--green-bright);outline-offset:2px}.eq .eq-cell.cur{box-shadow:0 0 0 3px var(--green-bright)}.eq .eq-cell.used{opacity:.16;cursor:default}.eq-kbd{margin:12px 0 0;font-size:11px;color:var(--muted);line-height:1.6}.eq-how{margin-top:36px;max-width:760px}.eq-how h2{margin-bottom:10px;font-size:18px}.eq-how p{margin:0;font-size:14px;line-height:1.8;color:var(--muted-strong)}@media(min-width:981px)and (max-width:1180px){.eq .eq-player{grid-template-columns:76px auto minmax(0,1fr) 28px;gap:12px}}@media(max-width:980px){.eq-cols{grid-template-columns:minmax(0,1fr)}.eq-picker{position:sticky;top:auto;bottom:0;z-index:20;order:2;margin:0 -16px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;border-bottom:0;box-shadow:0 -12px 30px #00000073}.eq-pick-head{margin-bottom:8px;min-height:28px}.eq-kbd{display:none}.eq:not(.picking) .eq-grid{display:none}.eq:not(.picking) .eq-pick-head{margin-bottom:0}.eq .eq-slot{scroll-margin:80px 0 250px}.eq .eq-grow,.eq-grid{gap:3px}.eq .eq-cell{aspect-ratio:auto;height:40px}}@media(max-width:640px){.eq{padding-top:18px}.eq-hero p{font-size:13px;margin-bottom:16px}.eq-panel{padding:14px}.eq .eq-slot{--w: 40px}.eq-board{gap:10px}.eq-street-cards{gap:4px}.eq .eq-player{grid-template-columns:auto minmax(0,1fr) 28px;grid-template-areas:"name name rm" "hole res res";gap:6px 12px;padding:10px}.eq .eq-pname{grid-area:name;flex-direction:row;align-items:baseline;gap:8px}.eq .eq-hole{grid-area:hole}.eq .eq-res{grid-area:res}.eq .eq-rm{grid-area:rm;width:26px;height:26px}.eq .eq-pct{font-size:20px}.eq .eq-sub{flex-basis:100%;margin-left:0;text-align:left;white-space:normal}.eq .eq-bar{margin-top:4px}.eq .eq-cell{height:36px;border-radius:3px}.eq .eq-cell span{font-size:12px}.eq .eq-cell i{font-size:11px}.eq-actions .eq-btn{flex:1 1 auto}.eq-spacer{display:none}}@media(max-width:360px){.eq .eq-slot{--w: 36px}.eq .eq-cell span{font-size:11px}}
