.qc{--qc-paper:#f4e6c4;--qc-paper-deep:#e3cf9f;--qc-ink:#2b2247;--qc-night:#100d28db;--qc-gold:#ffd27a;--qc-good:#8ad46a;--qc-near:#ffd166;--qc-bad:#ff8f7a;--qc-ink-colour:#ffd27a;--qc-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--qc-top:var(--pk-fx-top,72px);font-size:calc(100% * var(--pk-text-scale,1));padding:var(--qc-top) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));color:var(--qc-paper);font-family:var(--qc-serif);-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;container:qc/size}.qc-stage{flex-direction:column;gap:clamp(5px,1.2cqmin,10px);width:min(100%,44rem);height:100%;min-height:0;margin:0 auto;display:flex}.qc-head{background:var(--qc-night);border:1px solid #f4e6c447;border-radius:6px;flex:none;grid-template-columns:1fr auto;grid-template-areas:"route meters""stop meters""rule rule";column-gap:12px;padding:6px 14px 7px;display:grid;box-shadow:0 6px 18px #00000059}.qc-head__route{font:italic 600 calc(.72rem * var(--pk-text-scale,1)) / 1.2 var(--qc-serif);letter-spacing:.08em;color:var(--qc-paper-deep);grid-area:route;margin:0}.qc-head__stop{font:700 calc(clamp(1rem, 3.4cqmin, 1.35rem) * var(--pk-text-scale,1)) / 1.15 var(--qc-serif);color:var(--qc-ink-colour);grid-area:stop;margin:0}.qc-head__rule{font:calc(.72rem * var(--pk-text-scale,1)) / 1.25 var(--qc-serif);color:#f4e6c4bf;grid-area:rule;margin:2px 0 0}.qc-head__meters{flex-direction:column;grid-area:meters;justify-content:center;align-items:flex-end;gap:4px;display:flex}.qc-ink{font:700 calc(.8rem * var(--pk-text-scale,1)) / 1.4 var(--qc-serif);color:var(--qc-gold);background:#ffd27a24;border-radius:999px;margin:0;padding:1px 8px}.qc[data-ink="4"] .qc-ink,.qc[data-ink="5"] .qc-ink,.qc[data-ink="6"] .qc-ink{background:var(--qc-gold);color:var(--qc-ink)}.qc-seals{gap:5px;margin:0;display:flex}.qc-seal{border:1.5px dashed #f4e6c466;border-radius:50%;width:14px;height:14px}.qc-seal[data-state=sealed]{background:radial-gradient(circle at 35% 35%,#ff8a7a,#b0261c 70%);border:0;box-shadow:0 0 0 2px #b0261c59}.qc-seal[data-state=dry]{background:#f4e6c414;border-style:solid;border-color:#f4e6c433}.qc-desk{flex-direction:column;flex:1;gap:clamp(6px,1.4cqmin,12px);min-height:0;display:flex}.qc-desk__sorts{font:italic calc(.85rem * var(--pk-text-scale,1)) / 1.3 var(--qc-serif);text-align:center;color:#f4e6c4d9;margin:0}.qc-notes{flex:1;grid-template-columns:repeat(3,1fr);align-content:center;gap:clamp(6px,1.6cqmin,14px);min-height:0;display:grid}.qc[data-notes="4"] .qc-notes{grid-template-columns:repeat(2,1fr)}@container qc (width<=34rem){.qc-notes,.qc[data-notes="4"] .qc-notes{grid-template-columns:1fr}}.qc-note{background:linear-gradient(170deg, var(--qc-paper), var(--qc-paper-deep));min-height:44px;color:var(--qc-ink);font:calc(1rem * var(--pk-text-scale,1)) / 1.35 var(--qc-serif);text-align:left;cursor:pointer;border:0;border-radius:2px;align-items:flex-start;gap:8px;padding:14px 12px 12px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;transform:rotate(-.8deg);box-shadow:0 8px 16px #0006,inset 0 -2px #0000000f}.qc-note:nth-child(2n){transform:rotate(.9deg)}.qc-note:before{content:"";background:radial-gradient(circle at 35% 35%,#ffe6a8,#a8792a);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:4px;left:50%;box-shadow:0 2px 2px #0006}.qc-note:hover{transform:rotate(0)translateY(-2px)}.qc-note:focus-visible{outline:3px solid var(--qc-gold);outline-offset:3px}.qc-note__key{width:1.4rem;height:1.4rem;font:700 calc(.72rem * var(--pk-text-scale,1)) / 1 var(--qc-serif);background:#2b22471f;border-radius:4px;flex:none;place-items:center;display:grid}.qc-note__text{flex:1}.qc-note__gap{text-align:center;color:#6b2a8a;border-bottom:2px dashed #2b224773;min-width:4.2em;margin:0 .15em;padding:0 .3em;font-weight:700;display:inline-block}.qc-note[data-filled=true] .qc-note__gap{letter-spacing:.04em;text-transform:uppercase;background:#6b2a8a1f;border-bottom:0;border-radius:3px;font-family:Courier New,ui-monospace,monospace}.qc-note[data-locked] .qc-note__gap{background:#ffd27a80}.qc-note__fit{font:700 calc(.75rem * var(--pk-text-scale,1)) / 1.2 var(--qc-serif);color:#fff;background:#7a6a9a;border-radius:999px;padding:3px 8px;position:absolute;bottom:-10px;right:-6px;box-shadow:0 3px 6px #00000059}.qc-note[data-fit=best] .qc-note__fit{background:radial-gradient(circle at 35% 35%,#ff8a7a,#b0261c 75%)}.qc-note[data-fit=near] .qc-note__fit{background:#a8792a}.qc-note[data-fit=poor] .qc-note__fit{background:#4a4470}.qc-desk[data-state=sealed] .qc-note{cursor:default}.qc-tray{flex-wrap:wrap;flex:none;justify-content:center;gap:clamp(6px,1.4cqmin,12px);display:flex}.qc-stamp{background:linear-gradient(180deg, #8a5a32 0 38%, #6b3f20 38% 72%, var(--qc-ink-colour) 72%);min-width:44px;min-height:44px;color:var(--qc-paper);font:700 calc(1rem * var(--pk-text-scale,1)) / 1 "Courier New", ui-monospace, monospace;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:0;border-radius:10px 10px 4px 4px;align-items:center;gap:6px;padding:8px 14px 8px 10px;transition:transform .14s,opacity .14s;display:inline-flex;position:relative;box-shadow:0 6px 10px #00000073}.qc-stamp__key{font:600 calc(.7rem * var(--pk-text-scale,1)) / 1 var(--qc-serif);opacity:.75}.qc-stamp[aria-pressed=true]{box-shadow:0 14px 18px #00000080, 0 0 0 3px var(--qc-gold);transform:translateY(-8px)rotate(-3deg)}.qc-stamp:not([data-at=""]){opacity:.55}.qc-stamp:not([data-at=""]):after{content:attr(data-at);background:var(--qc-paper);color:var(--qc-ink);font:700 calc(.65rem * var(--pk-text-scale,1)) / 1.2 var(--qc-serif);border-radius:999px;padding:2px 6px;position:absolute;top:-8px;right:-6px}.qc-stamp:focus-visible{outline:3px solid var(--qc-gold);outline-offset:3px}.qc-actions{flex:none;justify-content:center;gap:10px;display:flex}.qc-btn{background:var(--qc-night);min-height:44px;color:var(--qc-paper);font:700 calc(.95rem * var(--pk-text-scale,1)) / 1 var(--qc-serif);cursor:pointer;border:1px solid #f4e6c459;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;display:inline-flex}.qc-btn--seal{color:#fff;background:radial-gradient(circle at 35% 30%,#ff8a7a,#b0261c 80%);border:0}.qc-btn:disabled{opacity:.45;cursor:default}.qc-btn:focus-visible{outline:3px solid var(--qc-gold);outline-offset:3px}.qc-status{min-height:1.3em;font:calc(.88rem * var(--pk-text-scale,1)) / 1.3 var(--qc-serif);text-align:center;color:#f4e6c4e6;flex:none;margin:0}.qc-status[data-tone=good]{color:var(--qc-gold)}.qc-status[data-tone=bad]{color:var(--qc-bad)}.qc-status[data-tone=note]{color:#c9c1ff}.qc-card{inset:var(--qc-top) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));max-width:44rem;color:var(--qc-ink);background:linear-gradient(170deg,#f4e6c4f7,#e3cf9ff7);border-radius:6px;flex-direction:column;gap:10px;margin:0 auto;padding:14px 16px;display:flex;position:absolute;overflow:auto;box-shadow:0 18px 40px #00000080}.qc-card[hidden]{display:none}.qc-card__title{font:700 calc(clamp(1.1rem, 4cqmin, 1.6rem) * var(--pk-text-scale,1)) / 1.15 var(--qc-serif);margin:0}.qc-card__line,.qc-card__points{font:italic calc(.92rem * var(--pk-text-scale,1)) / 1.3 var(--qc-serif);margin:0}.qc-map__line{flex-direction:column;flex:1;justify-content:space-around;gap:8px;margin:0;padding:0 0 0 22px;list-style:none;display:flex;position:relative}.qc-map__line:before{content:"";background:repeating-linear-gradient(#c8433a 0 10px,#e2685e 10px 14px);border-radius:2px;width:4px;position:absolute;top:6px;bottom:6px;left:8px}.qc-map__junction{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:relative}.qc-map__junction:before{content:"";background:var(--qc-paper);border:3px solid #c8433a;border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:-19px}.qc-map__junction[data-state=now]:before{background:var(--qc-gold)}.qc-map__junction--end{grid-template-columns:1fr}.qc-map__stop{border:1.5px solid #2b224740;border-left:6px solid var(--qc-ink-colour);min-height:44px;color:var(--qc-ink);font:600 calc(.9rem * var(--pk-text-scale,1)) / 1.2 var(--qc-serif);text-align:left;background:#fff6;border-radius:4px;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 10px;display:flex}button.qc-map__stop{cursor:pointer;background:#fff8e6;box-shadow:0 4px 10px #2b224733}button.qc-map__stop:focus-visible,button.qc-map__stop:hover{outline-offset:2px;outline:3px solid #6b2a8a}.qc-map__stop[data-taken=false]{opacity:.4}.qc-map__stop[data-sealed=true]:after{content:"●";color:#b0261c}.qc-map__stop--cabinet{border-left-color:#6b2a8a;font-weight:700}.qc-map__key{font:700 calc(.7rem * var(--pk-text-scale,1)) / 1 var(--qc-serif);opacity:.6}.qc-map__sorts{font:italic calc(.78rem * var(--pk-text-scale,1)) / 1.2 var(--qc-serif);opacity:.8}.qc-map__junction[data-state=ahead]{opacity:.6}.qc-card__fits{gap:6px;margin:0;padding:0;list-style:none;display:grid}.qc-card__fit{font:calc(.92rem * var(--pk-text-scale,1)) / 1.3 var(--qc-serif);background:#fff6;border-left:5px solid #4a4470;padding:6px 10px}.qc-card__fit[data-fit=best]{border-left-color:#b0261c}.qc-card__fit[data-fit=near]{border-left-color:#a8792a}.qc-btn--on{background:var(--qc-ink);color:var(--qc-paper);border:0;align-self:center}.qc-banner{background:var(--qc-paper);color:var(--qc-ink);font:700 calc(clamp(1.1rem, 5cqmin, 2rem) * var(--pk-text-scale,1)) / 1.1 var(--qc-serif);white-space:nowrap;opacity:0;pointer-events:none;border-radius:4px;margin:0;padding:8px 20px;transition:opacity .22s,transform .32s cubic-bezier(.2,1.4,.4,1);position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)scale(.6);box-shadow:0 10px 30px #00000080}.qc-banner[data-on=true]{opacity:1;transform:translate(-50%,-50%)scale(1)}.qc[data-cover] .qc-banner,.qc[data-cover] .qc-status{visibility:hidden}@container qc (height<=38rem){.qc-note{font-size:calc(.9rem * var(--pk-text-scale,1));padding:10px 10px 8px}.qc-head__rule{display:none}.qc-desk__sorts{font-size:calc(.78rem * var(--pk-text-scale,1))}}@container qc (height<=26rem){.qc-notes{grid-template-columns:repeat(3,1fr)}.qc[data-notes="4"] .qc-notes{grid-template-columns:repeat(4,1fr)}.qc-note{font-size:calc(.78rem * var(--pk-text-scale,1));padding:8px 6px 6px}.qc-note__key{display:none}.qc-stamp{min-height:40px;font-size:calc(.85rem * var(--pk-text-scale,1));padding:6px 10px}.qc-desk__sorts,.qc-status{display:none}}@media (prefers-reduced-motion:reduce){.qc-note,.qc-stamp,.qc-banner{transition:none}}