*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#e8edf7;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#05070f;height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#root{height:100%}.app{background:#0a0e1a;flex-direction:column;gap:8px;max-width:min(100vw,56.25vh);height:100%;margin:0 auto;padding-bottom:14px;display:flex;position:relative}.hud-top{justify-content:space-between;align-items:flex-start;padding:14px 18px 0;display:flex}.contract{flex-direction:column;line-height:1.2;display:flex}.contract-name{font-size:19px;font-weight:700}.contract-sub{letter-spacing:.06em;text-transform:uppercase;color:#8b9ab5;font-size:11px}.stat{flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.stat-value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.stat-label{letter-spacing:.09em;text-transform:uppercase;color:#8b9ab5;font-size:10px}.rules{flex-wrap:wrap;gap:8px;padding:0 18px;display:flex}.rule{color:#ffc9d4;background:#2a1a24;border:1px solid #5a3040;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;display:inline-flex}.rule i{border-radius:2px;width:8px;height:8px;display:inline-block}.rule em{color:#ff8fa3;margin:0 1px;font-style:normal}.gauge{padding:0 18px}.gauge-bar{background:#18203a;border-radius:999px;height:10px;position:relative;overflow:hidden}.gauge-fill{background:linear-gradient(90deg,#4fc3f7,#6ee7a8);transition:width .12s ease-out;position:absolute;inset:0 auto 0 0}.gauge-mark{background:#ffd479;width:2px;position:absolute;top:-3px;bottom:-3px}.gauge-text{color:#8b9ab5;text-align:center;margin-top:5px;font-size:12px}.gauge-text strong{color:#e8edf7;font-variant-numeric:tabular-nums}.timer{background:#18203a;border-radius:6px;justify-content:center;align-items:center;height:22px;margin:0 18px;display:flex;position:relative;overflow:hidden}.timer-fill{background:#ffd47938;transition:width .1s linear;position:absolute;inset:0 auto 0 0}.timer-label{font-variant-numeric:tabular-nums;color:#ffd479;font-size:12px;position:relative}.hold-wrap{flex:auto;min-height:0;position:relative}.hold-grid{touch-action:none;width:100%;height:100%;display:block}.tray{background:#0e1424;border:1px solid #1e2942;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:74px;margin:0 12px;padding:8px 12px;display:flex}.tray-empty{color:#6d7c96;margin:0;font-size:12px}.chip{cursor:grab;touch-action:none;background:0 0;border:none;border-radius:8px;place-items:center;padding:2px;display:grid}.chip.dragging{opacity:.25}.actions{padding:0 18px}.done{color:#7f8da8;background:#131a2c;border:1px solid #2b3550;border-radius:12px;width:100%;height:52px;font-size:17px;font-weight:700}.done.ready{color:#b6f5cf;background:#16351f;border-color:#6ee7a8}.overlay{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050810e6;border-radius:12px;place-content:center;justify-items:center;gap:8px;padding:20px;display:grid;position:absolute;inset:0}.overlay h2{margin:0;font-size:22px}.overlay p{color:#9fb0cc;margin:0;font-size:14px}.overlay.depart h2{color:#6ee7a8}.overlay.fail h2{color:#ff8fa3}.overlay button{color:#e8edf7;background:#1b2438;border:1px solid #3a4566;border-radius:10px;margin-top:8px;padding:11px 22px;font-size:15px;font-weight:600}.toast{color:#ffb4b4;pointer-events:none;background:#141a2af5;border:1px solid #3a4566;border-radius:999px;padding:8px 14px;font-size:13px;position:absolute;bottom:168px;left:50%;transform:translate(-50%)}