:root{--bg:#0c0c10;--panel:#16161c;--panel-2:#1f1f27;--line:#2d2d38;--line-hi:#4a4a58;--fg:#f2f3f6;--dim:#8d8f9c;--n64-red:#e6242c;--n64-blue:#2f6bd8;--n64-yellow:#f0bd16;--n64-green:#16a34a;--n64-red-ink:#ff5f63;--n64-blue-ink:#6ea8ff;--n64-yellow-ink:#ffd452;--n64-green-ink:#4ad07f;--stick-grey:#c9c9c0;--accent:var(--n64-green-ink);--warn:var(--n64-yellow-ink);--bad:var(--n64-red-ink);--p1:var(--n64-red-ink);--p2:var(--n64-blue-ink);--p3:var(--n64-yellow-ink);--p4:var(--n64-green-ink);--rule:linear-gradient(90deg, var(--n64-red) 0 25%, var(--n64-blue) 25% 50%, var(--n64-yellow) 50% 75%, var(--n64-green) 75% 100%);--radius:2px;--font:ui-monospace, SFMono-Regular, Menlo, monospace;--font-display:"Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:16px/1.5 var(--font)}#app{flex-direction:column;min-height:100%;display:flex}#topbar{justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem 1.25rem;display:flex;position:relative}#topbar:after{content:"";background:var(--rule);height:3px;position:absolute;inset:auto 0 0}#brand{align-items:center;gap:.8rem;display:flex}#logo{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;object-fit:cover;object-position:center 57%;border-radius:var(--radius);flex:none;width:44px;height:44px}#topbar h1{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:1.4rem;font-weight:800}#topbar h1 .suffix{color:var(--accent)}#room{align-items:center;gap:1rem;display:flex}#room-info{text-align:right;grid-template-columns:auto auto;align-items:baseline;gap:.15rem .6rem;display:grid}.room-label{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}#room-code{letter-spacing:.25em;color:var(--accent);font-size:1.7rem}#room-host{font-size:1.05rem}.bad,#room-status.bad{color:var(--bad)}#room-status.warn{color:var(--warn)}#room-qr{background:var(--bg);border:2px solid var(--line);padding:4px;display:block}#players{z-index:5;background-color:var(--line);background-image:var(--rule);background-repeat:no-repeat;background-size:100% 3px;grid-template-columns:repeat(4,1fr);gap:1px;padding-top:3px;display:grid;position:sticky;bottom:0}.slot{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.85rem .75rem .95rem;display:flex}.slot-name{background:var(--line);color:var(--bg);font-family:var(--font-display);letter-spacing:.06em;padding:.15rem .75rem;font-size:1.6rem;font-weight:800;line-height:1.1}.slot-meta{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:.7rem}.slot.on{background:var(--panel)}.slot.on .slot-name{background:var(--player)}.slot.on .slot-meta{color:var(--fg);text-transform:none;letter-spacing:.06em}@media (max-width:640px){#players{grid-template-columns:repeat(2,1fr)}}#library{flex:1;padding:1.5rem}.library-head{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;align-items:baseline;gap:.75rem;margin:0 0 1rem;font-size:.95rem;font-weight:800;display:flex}.library-head .count{font-family:var(--font);letter-spacing:.1em;color:var(--dim);font-size:.75rem;font-weight:400}.library-hint{font-family:var(--font);letter-spacing:.08em;color:var(--dim);margin-left:auto;font-size:.75rem;font-weight:400;display:none}#library.pads-connected .library-hint{display:inline}.status{color:var(--dim)}.status code{color:var(--fg)}.error{color:var(--bad);white-space:pre-wrap}.grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:.75rem;display:grid}.card{--card-accent:var(--n64-green-ink);text-align:left;color:inherit;font:inherit;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--card-accent);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:.75rem;padding:.9rem 1rem;display:flex}.card-text{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.card-art{aspect-ratio:7/5;object-fit:contain;object-position:center;width:100%}.card-art-empty{border:1px dashed var(--line);border-radius:2px}.card[data-tool]{opacity:.7;border-left-style:dashed}.card[data-system=n64]{--card-accent:var(--n64-red-ink)}.card[data-system=snes]{--card-accent:var(--n64-yellow-ink)}.card[data-system=nes]{--card-accent:var(--n64-blue-ink)}.card-system{color:var(--card-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:700}.card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1.25}.card-title:before{content:"▸ ";color:var(--card-accent);visibility:hidden}.card-meta{color:var(--dim);margin-top:auto;font-size:.8rem}.card:hover,.card:focus-visible{background:var(--panel-2);border-color:var(--card-accent);outline:none}.card:hover .card-title:before,.card:focus-visible .card-title:before{visibility:visible}.card.cursor{background:var(--panel-2);border-color:var(--card-accent);outline:3px solid var(--card-accent);outline-offset:2px}.card.cursor .card-title:before{visibility:visible}.card:active{background:var(--card-accent);color:var(--bg)}.card:active .card-system,.card:active .card-meta,.card:active .card-title:before{color:var(--bg)}.byo{border:2px dashed var(--line-hi);border-radius:var(--radius);text-align:center;padding:3rem 2rem}.byo h2{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .75rem;font-size:1.5rem;font-weight:800}.byo-body{margin:0 0 .5rem;font-size:1rem}.byo-pick{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.byo-note,.byo-formats{color:var(--dim);margin:.35rem 0 0;font-size:.8rem}#library.dragging{outline:2px dashed var(--accent);outline-offset:-.5rem}.notice{color:var(--warn);margin:0 0 1rem}.pending{border-left:3px solid var(--warn);background:var(--panel);margin:0 0 1rem}.pending-row{flex-wrap:wrap;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.pending-name{font-weight:700}.pending-ask{color:var(--dim);font-size:.85rem}.pending-choices{gap:.4rem;display:flex}.sys-choice{border:1px solid var(--line-hi);border-radius:var(--radius);background:var(--panel-2);color:var(--fg);font:inherit;cursor:pointer;padding:.35rem .7rem;font-size:.8rem}.sys-choice[data-system=n64]{--card-accent:var(--n64-red-ink)}.sys-choice[data-system=snes]{--card-accent:var(--n64-yellow-ink)}.sys-choice[data-system=nes]{--card-accent:var(--n64-blue-ink)}.sys-choice:hover,.sys-choice:focus-visible{border-color:var(--card-accent);color:var(--card-accent);outline:none}.pending-skip{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:.8rem;text-decoration:underline}.head-action{border:1px solid var(--line);border-radius:var(--radius);color:var(--dim);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.2rem .55rem;font-size:.7rem}.head-action:hover,.head-action:focus-visible{border-color:var(--line-hi);color:var(--fg);outline:none}.card[data-upload] .card-meta:after{content:" · added";color:var(--accent)}.unlock{z-index:5;border:1px solid var(--line-hi);border-radius:var(--radius);background:var(--panel);min-width:20rem;padding:1rem;position:absolute;top:100%;left:1.5rem}.unlock form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.unlock-label{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;flex:1 0 100%;font-size:.7rem}.unlock-input{border:1px solid var(--line-hi);border-radius:var(--radius);background:var(--bg);min-width:10rem;color:var(--fg);font:inherit;flex:1;padding:.4rem .55rem}.unlock-input:focus-visible{border-color:var(--accent);outline:none}.unlock-go{border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);font:inherit;cursor:pointer;background:0 0;padding:.4rem .8rem}.unlock-go:disabled{border-color:var(--line);color:var(--dim);cursor:default}.unlock-status{color:var(--dim);margin:.6rem 0 0;font-size:.8rem}.unlock-status.bad{color:var(--bad)}#session{z-index:10;background:#000;position:fixed;inset:0}#frame-holder,.game-frame{border:0;width:100%;height:100%;display:block}#quit{z-index:13;color:var(--fg);border:1px solid var(--line-hi);border-radius:var(--radius);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;opacity:.35;background:0 0;padding:.45rem .9rem;font-size:.75rem;position:absolute;top:.75rem;right:.75rem}#quit:hover,#quit:focus-visible{opacity:1;color:var(--bg);background:var(--n64-red);border-color:var(--n64-red);outline:none}#stall{z-index:12;cursor:pointer;background:#0c0c10e0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#stall p{font-family:var(--font-display);text-align:center;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--warn);padding:1.1rem 2rem;font-size:1.4rem}