:root{--deep: #001628;--ice: #99d5c9;--shift: #355070;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,system-ui,Segoe UI,sans-serif;background:var(--deep);color:#eaf6f6;font-size:17px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.loading{padding:2rem;text-align:center}.login{max-width:420px;margin:2rem auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.login h1{text-align:center}.login label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.login select,.login input{font-size:1.2rem;padding:.75rem;border-radius:10px;border:1px solid var(--shift);background:#06263c;color:inherit}.app{max-width:640px;margin:0 auto;padding:.75rem}header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0}.whoami{font-weight:700;padding:.25rem .75rem;border:3px solid var(--ice);border-radius:999px}.draft-name{opacity:.7}.banner{position:sticky;top:0;z-index:5;padding:.9rem 1rem;border-radius:12px;margin:.5rem 0;font-size:1.15rem;background:#06263c;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.banner.turn strong{font-size:1.25rem}.banner.done{background:#0b6e4f}.remaining{font-size:.85rem;opacity:.85}.order-strip{position:sticky;top:0;z-index:6;background:var(--deep);padding:.5rem 0 .6rem;margin:0 0 .5rem;border-bottom:1px solid #06263c}.order-pills{list-style:none;display:flex;gap:.4rem;margin:0;padding:0}.order-pill{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.5rem .35rem;border-radius:10px;background:#06263c;border:2px solid transparent;font-size:.85rem;font-weight:600;overflow:hidden}.order-pill .pill-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--pc);flex-shrink:0}.order-pill .pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-pill .pill-tag{font-size:.6rem;font-weight:800;letter-spacing:.04em;padding:.05rem .3rem;border-radius:999px;text-transform:uppercase}.order-pill.current{background:var(--pc);color:#001018;border-color:#fff;transform:scale(1.04)}.order-pill.current .pill-dot{background:#001018}.order-pill.current .pill-tag{background:#001018;color:#fff}.order-pill.next{border-color:var(--pc);border-style:dashed}.order-pill.next .pill-tag{background:var(--pc);color:#001018}.order-status{margin-top:.5rem;font-size:1.05rem;text-align:center}.order-status strong{font-size:1.15rem}button,.primary{font:inherit;cursor:pointer}.primary{display:block;width:100%;text-align:center;text-decoration:none;color:#001628;background:var(--ice);font-weight:700;padding:1rem;border:none;border-radius:12px;margin:.5rem 0}.download{background:#ffd166}.games{list-style:none;margin:.5rem 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.game-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;background:#06263c;border-radius:10px}.game-row.owners{outline:2px dashed var(--shift)}.game-meta{display:flex;flex-direction:column;min-width:0}.game-num{font-size:.75rem;opacity:.6}.game-opp{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-date{font-size:.8rem;opacity:.75}.game-time{font-weight:600;opacity:.95}.slots{display:flex;gap:.4rem;flex-shrink:0}.slot{min-width:74px;text-align:center;padding:.6rem .5rem;border-radius:10px;font-weight:700;font-size:.9rem}.slot.available{background:#0e3b57;color:var(--ice);border:2px solid var(--ice)}.slot.available:disabled{opacity:.4;border-color:var(--shift);color:#7f9;cursor:not-allowed}.slot.owned{color:#001018}.owners-seats .slot{min-width:0;padding:.4rem .5rem;font-size:.75rem}.confirm-bar{position:sticky;top:6rem;z-index:7;background:#0b6e4f;padding:.9rem 1rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.confirm-bar button{padding:.6rem 1rem;border-radius:10px;border:none;font-weight:700;margin-left:.4rem}.confirm-bar .confirm{background:var(--ice)}.confirm-bar .cancel{background:#444;color:#fff}.error{color:#ff8f9c;font-weight:600}.hint{background:#06263c;border:1px dashed var(--shift);border-radius:12px;padding:.9rem 1rem;text-align:center;opacity:.9}footer.admin{margin-top:1.5rem;text-align:center}footer.admin button{background:transparent;color:#9fb;border:1px solid var(--shift);padding:.6rem 1rem;border-radius:10px}