:root{--felt:#2f5d4f;--felt-edge:#21463b;--rail:#173229;--ink:#f1f6f3;--ink-dim:#f1f6f3b8;--brass:#e7b552;--on-brass:#2a1d05;--chip:#ffffff1f;--chip-strong:#fff3;--line:#ffffff2e;--shade:#0003;--hover:#ffffff12;--paper:#fbfaf6;--paper-2:#f0eee6;--paper-fg:#1c2420;--paper-muted:#5c6863;--paper-line:#1c242024;--paper-accent:#8a5d0c;--play:#128f71;--discard:#c9402f;--top:#b97c06;--bottom:#4867c7;--focus:#ffd27a;--f-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--f-display:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--f-card:"Alegreya", Georgia, "Times New Roman", serif;--f-card-title:"Alegreya SC", "Alegreya", Georgia, serif;--f-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--felt:#173d33;--felt-edge:#0d2721;--rail:#0b1d18;--ink:#eef5f1;--ink-dim:#eef5f1ad;--brass:#e9bb5e;--chip:#ffffff17;--chip-strong:#ffffff29;--line:#ffffff24;--shade:#0000004d;--hover:#ffffff0f;--paper:#161e1b;--paper-2:#1f2925;--paper-fg:#e5ece8;--paper-muted:#96a59f;--paper-line:#e5ece824;--paper-accent:#e9bb5e;--play:#2fbf9a;--discard:#ef6457;--top:#e8ac36;--bottom:#829ff0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--felt:#173d33;--felt-edge:#0d2721;--rail:#0b1d18;--ink:#eef5f1;--ink-dim:#eef5f1ad;--brass:#e9bb5e;--chip:#ffffff17;--chip-strong:#ffffff29;--line:#ffffff24;--shade:#0000004d;--hover:#ffffff0f;--paper:#161e1b;--paper-2:#1f2925;--paper-fg:#e5ece8;--paper-muted:#96a59f;--paper-line:#e5ece824;--paper-accent:#e9bb5e;--play:#2fbf9a;--discard:#ef6457;--top:#e8ac36;--bottom:#829ff0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{background:var(--felt-edge);color:var(--ink);font:14px/1.45 var(--f-ui);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}[hidden]{display:none!important}#app{height:100%;color:var(--ink);background:radial-gradient(#ffffff08 1px, transparent 1.2px) 0 0 / 4px 4px, radial-gradient(130% 100% at 55% 15%, var(--felt), var(--felt-edge));grid-template-columns:248px minmax(0,1fr);display:grid;overflow:hidden}#app.rail-narrow{grid-template-columns:76px minmax(0,1fr)}#app[data-bg=wood]{--rail:#24170d;background:radial-gradient(130% 100% at 55% 15%, transparent, #00000073), var(--wood,#6b4428) 0 0 / 512px 512px}#app[data-bg=charcoal]{--rail:#15171a;background:radial-gradient(#ffffff06 1px,#0000 1.2px) 0 0/4px 4px,radial-gradient(130% 100% at 55% 15%,#383d42,#1b1e21)}#app[data-bg=light]{--rail:#e4e7ea;--ink:#1d2124;--ink-dim:#1d2124b3;--brass:#8a5d0c;--on-brass:#fff;--chip:#0000000f;--chip-strong:#0000001c;--line:#00000026;--shade:#0000000d;--hover:#0000000d;--focus:#8a5d0c;background:radial-gradient(130% 100% at 55% 15%,#eef0f2,#c8ccd1)}#app[data-bg=light] .sess:hover{background:#00000014}#app[data-bg=picture]{background:linear-gradient(rgba(0, 0, 0, var(--dim,.45)), rgba(0, 0, 0, var(--dim,.45))), var(--picture,#1b1e21) center / cover no-repeat}.swatches{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;margin-top:6px;display:grid}.swatch{text-align:left;color:inherit;background:0 0;border:0;gap:6px;padding:0;font-size:13px;font-weight:500;display:grid}.sw{aspect-ratio:4/3;border:1px solid var(--paper-line);border-radius:12px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.swatch.on .sw{outline:3px solid var(--paper-accent);outline-offset:2px}.sw-felt{background:radial-gradient(130% 100% at 55% 15%,#2f5d4f,#173d33)}.sw-wood{background:radial-gradient(130% 100% at 55% 15%, transparent, #0006), var(--wood,#6b4428) 0 0 / 256px 256px}.sw-charcoal{background:radial-gradient(130% 100% at 55% 15%,#383d42,#1b1e21)}.sw-light{background:radial-gradient(130% 100% at 55% 15%,#eef0f2,#c8ccd1)}.sw-picture{background:linear-gradient(rgba(0, 0, 0, var(--dim,.45)), rgba(0, 0, 0, var(--dim,.45))), var(--picture,#2a2f33) center / cover no-repeat;color:#fff;place-items:center;font-size:24px;display:grid}.bg-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.bg-row input[type=range]{width:180px;accent-color:var(--paper-accent)}#app.bare{grid-template-columns:minmax(0,1fr)}.rail{background:var(--rail);padding-block:18px 14px;padding-left:max(14px, env(safe-area-inset-left,0px));border-right:1px solid var(--line);flex-direction:column;gap:18px;min-height:0;padding-right:14px;display:flex;overflow-y:auto}.wordmark{font:700 19px/1 var(--f-display);letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 6px;display:flex}.wordmark .mark{flex:none;width:30px;height:30px;position:relative}.wordmark .mark i{background:var(--brass);width:18px;height:25px;box-shadow:0 0 0 2px var(--rail);border-radius:3px;position:absolute}.wordmark .mark i:first-child{opacity:.55;top:4px;left:1px;transform:rotate(-12deg)}.wordmark .mark i:nth-child(2){opacity:.8;top:2px;left:6px;transform:rotate(-2deg)}.wordmark .mark i:nth-child(3){top:3px;left:11px;transform:rotate(10deg)}.nav{flex-direction:column;gap:2px;display:flex}.nav button{text-align:left;width:100%;color:var(--ink-dim);background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:9px 10px;font-weight:500;display:flex}.nav button:hover{background:var(--hover);color:var(--ink)}.nav button.on{background:var(--chip-strong);color:var(--ink)}.nav svg{flex:none}.rail-label{font:600 11px/1 var(--f-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--brass);justify-content:space-between;padding:0 10px;display:flex}.rail-games{flex-direction:column;gap:2px;display:flex}.rail-games button{text-align:left;color:var(--ink);background:0 0;border:0;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.rail-games button:hover{background:var(--hover)}.rail-games button.on{background:var(--chip-strong)}.rail-games b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.rail-games span span{color:var(--ink-dim);font-size:12px}.rail-new{border:1px dashed var(--line);color:var(--ink-dim);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:4px 0 0;padding:9px;font-weight:500;display:flex}.rail-new:hover{color:var(--ink);border-color:var(--ink-dim)}.rail-foot{flex-direction:column;gap:10px;margin-top:auto;display:flex}.sync{color:var(--ink-dim);align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.sync i{background:var(--play);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--play) 30%, transparent);border-radius:50%;flex:none}.account{background:var(--chip);text-align:left;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.account:hover{background:var(--chip-strong)}.avatar{background:var(--brass);width:32px;height:32px;color:var(--on-brass);font:700 13px/1 var(--f-display);border-radius:50%;flex:none;place-items:center;display:grid}.account b{font-size:13px;display:block}.account span span{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:12px;display:block;overflow:hidden}#app.rail-narrow .rail{align-items:center;padding-inline:10px}#app.rail-narrow .wordmark>span:not(.mark),#app.rail-narrow .nav button span,#app.rail-narrow .rail-label,#app.rail-narrow .rail-games,#app.rail-narrow .rail-new span,#app.rail-narrow .sync span,#app.rail-narrow .account>span:not(.avatar),#app.rail-narrow .proto-note{display:none}#app.rail-narrow .nav button{justify-content:center;padding:10px}#app.rail-narrow .rail-new{padding:9px 12px}.main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.label{font:600 11px/1 var(--f-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--brass);align-items:center;gap:8px;display:inline-flex}.label b{font:600 13px/1 var(--f-mono);letter-spacing:0;color:var(--ink)}.muted{color:var(--ink-dim)}.btn{border:1px solid var(--line);background:var(--chip);min-height:38px;color:var(--ink);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--chip-strong)}.btn.brass{background:var(--brass);color:var(--on-brass);border-color:#0000;font-weight:600;box-shadow:0 3px 12px #00000038}.btn.brass:hover:not(:disabled){filter:brightness(1.06);background:var(--brass)}.btn.quiet{background:0 0;border-color:#0000}.btn.small{border-radius:8px;min-height:32px;padding:0 10px;font-size:13px}.icon-btn{width:36px;height:36px;color:inherit;background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--hover)}.kbd{font:500 11px/1 var(--f-mono);opacity:.7;border:1px solid;border-radius:5px;padding:3px 5px}.search{background:var(--chip);height:40px;color:var(--ink-dim);border-radius:11px;align-items:center;gap:8px;min-width:0;padding:0 10px 0 12px;display:flex}.search:focus-within{background:var(--chip-strong);outline:2px solid var(--focus);outline-offset:1px}.search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:14px}.search input::placeholder{color:var(--ink-dim)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);height:32px;color:var(--ink);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{background:var(--hover)}.chip.on{background:var(--brass);color:var(--on-brass);border-color:#0000}.chip small{font:500 11px/1 var(--f-mono);opacity:.75}.badge{background:var(--brass);color:var(--on-brass);font:600 11px/1.2 var(--f-ui);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.empty{color:var(--ink-dim);font-size:13px;line-height:1.5}.scroll{min-height:0;overflow-y:auto}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--chip-strong);background-clip:padding-box;border:2px solid #0000;border-radius:10px}.card{width:var(--w);aspect-ratio:63/88;padding:calc(var(--w) * .045);gap:calc(var(--w) * .03);background:linear-gradient(160deg, hsl(var(--h) 30% 30%), hsl(var(--h) 36% 15%));color:#f4efe4;font-family:var(--f-card);-webkit-user-select:none;user-select:none;border-radius:5.5%/3.94%;flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 6px 16px #00000047;container-type:inline-size}.c-head{background:hsl(var(--h) 28% 90%);color:hsl(var(--h) 45% 14%);font:700 8.4cqw/1.15 var(--f-card-title);white-space:nowrap;text-overflow:ellipsis;border-radius:2.5cqw;padding:1.6cqw 3.2cqw;overflow:hidden}.c-art{background:radial-gradient(circle at var(--ax) var(--ay), hsl(calc(var(--h) + 28) 78% 64%) 0 7%, transparent 32%), radial-gradient(circle at var(--bx) var(--by), hsl(calc(var(--h) - 34) 58% 44%) 0 14%, transparent 50%), linear-gradient(var(--ang), hsl(var(--h) 46% 36%), hsl(calc(var(--h) + 32) 42% 13%));border-radius:2.5cqw;flex:auto;min-height:0;position:relative;overflow:hidden}.c-art:after{content:"";background:hsl(var(--h) 38% 8% / .8);height:62%;clip-path:var(--shape);position:absolute;inset:auto 0 0}.c-type{font:600 5.6cqw/1.1 var(--f-card);color:hsl(var(--h) 30% 88%);justify-content:space-between;gap:2cqw;display:flex}.c-stat{font:500 5cqw/1.1 var(--f-mono);white-space:nowrap}.c-text{background:hsl(var(--h) 22% 93%);color:#221d17;font:400 6.1cqw/1.28 var(--f-card);border-radius:2.5cqw;min-height:30%;padding:2.6cqw 3.2cqw}.c-foot{font:500 4.4cqw/1 var(--f-mono);color:hsl(var(--h) 25% 78%);justify-content:space-between;display:flex}@container (width<=104px){.c-type,.c-text,.c-foot{display:none}.c-head{padding:2cqw 3cqw;font-size:10.5cqw}}.back{width:var(--w);aspect-ratio:63/88;background-color:hsl(var(--h) 42% 23%);box-shadow:inset 0 0 0 calc(var(--w) * .035) hsl(var(--h) 36% 84%), inset 0 0 0 calc(var(--w) * .052) hsl(var(--h) 42% 23%), inset 0 0 0 calc(var(--w) * .06) hsl(var(--h) 55% 62%);-webkit-user-select:none;user-select:none;border-radius:5.5%/3.94%;flex:none;place-items:center;display:grid;position:relative;container-type:inline-size}.pat-stripes{background-image:repeating-linear-gradient(45deg, hsl(var(--h) 45% 30%) 0 5cqw, hsl(var(--h) 42% 21%) 5cqw 10cqw)}.pat-diamonds{background-image:conic-gradient(from 45deg, hsl(var(--h) 48% 31%) 25%, hsl(var(--h) 40% 20%) 0 50%, hsl(var(--h) 48% 31%) 0 75%, hsl(var(--h) 40% 20%) 0);background-position:50%;background-size:16cqw 16cqw}.pat-dots{background-image:radial-gradient(hsl(var(--h) 55% 44%) 22%, transparent 25%);background-position:50%;background-size:11cqw 11cqw}.pat-rings{background-image:repeating-radial-gradient(circle at 50% 50%, hsl(var(--h) 45% 30%) 0 3cqw, hsl(var(--h) 40% 20%) 3cqw 6cqw)}.pat-chevrons{background-image:linear-gradient(135deg, hsl(var(--h) 46% 31%) 25%, transparent 25%), linear-gradient(225deg, hsl(var(--h) 46% 31%) 25%, transparent 25%);background-size:13cqw 13cqw}.emblem{aspect-ratio:1;background:hsl(var(--h) 45% 13%);width:44%;box-shadow:0 0 0 1.4cqw hsl(var(--h) 55% 62%), 0 0 0 3.2cqw hsl(var(--h) 45% 13%);color:hsl(var(--h) 60% 82%);font:700 16cqw/1 var(--f-display);border-radius:50%;place-items:center;display:grid}.pat-diamonds .emblem,.pat-chevrons .emblem{border-radius:14%;width:36%;transform:rotate(45deg)}.pat-diamonds .emblem span,.pat-chevrons .emblem span{transform:rotate(-45deg)}.pile{width:var(--w);border-radius:5.5%/3.94%;position:relative}.count{z-index:1;color:#fff;min-width:24px;font:600 12px/1 var(--f-mono);text-align:center;background:#0009;border-radius:7px;padding:3px 6px;position:absolute;bottom:5%;right:7%}.drawn-badge{z-index:1;position:absolute;top:5%;left:6%}.slot{width:var(--w);aspect-ratio:63/88;border:2px dashed var(--line);text-align:center;font:500 12px/1.3 var(--f-ui);color:var(--ink-dim);border-radius:5.5%/3.94%;place-items:center;padding:8px;display:grid}.link-dot{z-index:2;background:var(--brass);width:22px;height:22px;color:var(--on-brass);border-radius:50%;place-items:center;display:grid;position:absolute;top:5%;right:6%;box-shadow:0 1px 4px #0006}.lib{flex:1;grid-template-columns:minmax(0,1fr) 380px;min-height:0;display:grid}.lib.no-inspector{grid-template-columns:minmax(0,1fr)}.lib-main{min-width:0;padding-block:22px 40px;padding-left:max(28px, env(safe-area-inset-left,0px));flex-direction:column;gap:22px;padding-right:28px;display:flex}.lib-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.lib-head h1{font:700 30px/1.1 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:0 auto 0 0}.lib-head .search{width:min(380px,100%)}.sessions{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.sess{border:1px solid var(--line);background:var(--shade);color:var(--ink);text-align:left;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;transition:transform .15s,background .15s;display:grid}.sess:hover{background:#00000047;transform:translateY(-2px)}.sess .eyebrow{font:600 11px/1 var(--f-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--brass)}.sess b{font:600 16px/1.25 var(--f-display);margin-top:4px;display:block}.sess span.meta{color:var(--ink-dim);margin-top:2px;font-size:12px;display:block}.fan{flex:none;width:66px;height:54px;position:relative}.fan>span{transform-origin:50% 100%;position:absolute;top:3px}.games-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;display:flex}.games-tabs button{font:600 15px/1 var(--f-display);color:var(--ink-dim);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 14px 12px;display:inline-flex}.games-tabs button:hover{color:var(--ink)}.games-tabs button.on{color:var(--ink);border-color:var(--brass)}.games-tabs small{font:500 12px/1 var(--f-mono);color:var(--ink-dim)}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:26px 18px;display:grid}.tile{color:var(--ink);text-align:center;background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;transition:background .15s;display:flex}.tile:hover{background:var(--hover)}.tile.on{background:var(--chip-strong);box-shadow:inset 0 0 0 2px var(--brass)}.tile .pile{margin-bottom:14px;transition:transform .18s}.tile:hover .pile{transform:translateY(-4px)rotate(-1deg)}.tile-name{font:600 14px/1.25 var(--f-display)}.tile-meta{color:var(--ink-dim);font-size:12px}.hit{color:var(--brass);font-size:12px}.inspector{border-left:1px solid var(--line);padding-block:22px 30px;padding-left:24px;padding-right:max(24px, env(safe-area-inset-right,0px));background:#00000029;flex-direction:column;gap:18px;min-width:0;display:flex}.insp-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.insp-head h2{font:700 22px/1.15 var(--f-display);text-wrap:balance;margin:2px 0 6px}.insp-actions{flex-wrap:wrap;gap:8px;display:flex}.insp-actions .btn.brass{flex:100%}.card-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 10px;display:grid}.card-cell{color:var(--ink-dim);background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0;font-size:12px;display:flex;position:relative}.card-cell .card{--w:100%;width:100%;transition:transform .15s}.card-cell:hover .card{transform:translateY(-3px)}.tbl{flex:1;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.tbl-bar{padding-block:12px;padding-left:max(18px, env(safe-area-inset-left,0px));padding-right:max(18px, env(safe-area-inset-right,0px));border-bottom:1px solid var(--line);background:#0000001f;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tbl-title{min-width:0;margin-right:auto}.tbl-title b{font:700 19px/1.2 var(--f-display);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.tbl-title span{color:var(--ink-dim);font-size:12px}.tbl-bar .search{width:min(300px,100%)}.tbl-body{--left-w:250px;--right-w:440px;grid-template-columns:var(--left-w) 9px minmax(260px, 1fr) 9px var(--right-w);min-height:0;display:grid}.col{flex-direction:column;gap:12px;min-width:0;min-height:0;padding:16px 18px 24px;display:flex}.gutter{cursor:col-resize;touch-action:none;outline:none;position:relative}.gutter:before{content:"";background:var(--line);transition:background .15s,inset .15s;position:absolute;inset:0 4px}.gutter:after{content:"";background:var(--chip-strong);opacity:0;border-radius:4px;width:5px;height:38px;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gutter:hover:before,.gutter:focus-visible:before,.gutter.active:before{background:var(--brass);inset:0 3px}.gutter:hover:after,.gutter:focus-visible:after,.gutter.active:after{opacity:1}body.resizing,body.resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.focus-card{cursor:zoom-in;background:0 0;border:0;border-radius:10px;padding:0;transition:transform .15s}.focus-card:hover{transform:translateY(-2px)}.zoom-btn{z-index:2;color:#fff;opacity:0;cursor:zoom-in;background:#0009;border:0;border-radius:50%;place-items:center;width:28px;height:28px;transition:opacity .15s;display:grid;position:absolute;top:6px;right:6px}.pcard:hover .zoom-btn,.pcard:focus-within .zoom-btn{opacity:1}.lightbox{z-index:60;cursor:zoom-out;padding:3vh max(16px, env(safe-area-inset-left,0px));background:#040908c7;place-items:center;animation:.15s fade;display:grid;position:fixed;inset:0}.lightbox .card{border-radius:4.6%/3.3%;animation:.18s rise;box-shadow:0 40px 120px #000000b3}.lightbox p{bottom:calc(14px + env(safe-area-inset-bottom,0px));text-align:center;color:#ffffffb3;margin:0;font-size:12px;position:fixed;left:0;right:0}.dropbar{z-index:25;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));opacity:0;pointer-events:none;background:#08100ee6;border-radius:18px;gap:8px;padding:8px;transition:opacity .15s,transform .15s;display:flex;position:fixed;transform:translate(-50%,20px);box-shadow:0 16px 40px #00000073}#app.dragging .dropbar{opacity:1;pointer-events:auto;transform:translate(-50%)}.dropbar div{color:#eef5f1;text-align:center;border:2px dashed #ffffff40;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.dropbar div i{background:var(--dc);border-radius:50%;width:10px;height:10px}.dropbar div.drop-hot{border-style:solid;border-color:var(--dc);background:color-mix(in srgb, var(--dc) 25%, transparent);outline:0}.game-filter{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex;position:relative}.game-filter .games-tabs{border-bottom:0;flex:auto;min-width:0}.gsel{border:1px solid var(--line);background:var(--chip);height:38px;color:var(--ink);border-radius:12px;align-items:center;gap:8px;margin-bottom:6px;padding:0 12px 0 14px;font-weight:600;display:inline-flex}.gsel:hover,.gsel.open{background:var(--chip-strong)}.gsel.picked{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass)}.gsel small{font:500 12px/1 var(--f-mono);color:var(--ink-dim)}.gpanel{z-index:20;background:var(--paper);width:min(340px,100%);color:var(--paper-fg);border-radius:16px;gap:4px;padding:8px;animation:.14s rise;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 22px 60px #00000073}.gpanel input{border:1px solid var(--paper-line);background:var(--paper-2);width:100%;height:40px;color:var(--paper-fg);border-radius:10px;outline:none;padding:0 12px}.gpanel input:focus{outline:2px solid var(--paper-accent)}.gpanel .glist{gap:2px;max-height:340px;display:grid;overflow:auto}.grow-item{border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 6px 6px 8px;display:grid}.grow-item:hover,.grow-item.on{background:var(--paper-2)}.grow-item>button.pick{text-align:left;color:var(--paper-fg);background:0 0;border:0;min-width:0;padding:4px 0}.grow-item b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.grow-item span{color:var(--paper-muted);font-size:12px}.star{width:32px;height:32px;color:var(--paper-muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.star:hover{background:var(--paper);color:var(--paper-accent)}.star.on{color:var(--paper-accent)}.gpanel .note{padding:4px 8px 2px}.col-head{flex-wrap:wrap;align-items:center;gap:8px 10px;min-height:32px;display:flex}.col-head .label{white-space:nowrap}.find-note{font:600 12px/1.3 var(--f-ui);color:var(--brass)}.find-note.none{color:var(--ink-dim);font-weight:500}.find-note .kbd{font-size:10px}.pcard.found .card,.mini.found .card{box-shadow:0 0 0 3px var(--brass), 0 0 24px 4px color-mix(in srgb, var(--brass) 55%, transparent)}.pcard.found{transform:translateY(-4px)}.pcard.faded,.mini.faded,.pgroup.faded h4{opacity:.28;transition:opacity .15s}.pcard.faded:hover,.mini.faded:hover{opacity:.85}.take-tile{color:var(--ink-dim);background:0 0;border:0;align-self:start;padding:0}.take-tile .slot{flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:border-color .15s,color .15s;display:flex}.take-tile:hover .slot,.take-tile:focus-visible .slot{border-color:var(--brass);color:var(--ink)}.col-head .grow{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.col-head .grow>*{white-space:nowrap}body:has(#app.dragging) #toast{visibility:hidden}.piles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;gap:18px 12px;display:grid}.pcell{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.pcell.dim{opacity:.35}.pbtn{background:0 0;border:0;border-radius:6px;padding:0;transition:transform .15s}.pbtn:hover{transform:translateY(-3px)}.pcell .pname{align-items:center;gap:2px;max-width:100%;display:flex}.pcell .pname button{font:600 12px/1.2 var(--f-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;min-width:0;padding:2px 4px;overflow:hidden}.pcell .pname button:hover{background:var(--hover)}.pcell .pname .more{width:24px;height:24px;color:var(--ink-dim);flex:none;place-items:center;display:grid}.dtray{border:1px dashed var(--line);width:92px;color:var(--ink-dim);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:4px 6px;font-size:11px;display:flex}.dtray:hover{color:var(--ink);border-color:var(--ink-dim)}.dtray .card{--w:22px;box-shadow:none;border-radius:3px;padding:0}.dtray .card>*{display:none}.dtray b{font:600 12px/1 var(--f-mono);color:var(--ink)}.drop-hot{outline:2px dashed var(--brass);outline-offset:4px;border-radius:10px}.play-area{border-radius:18px;flex-direction:column;flex:1;gap:18px;min-height:120px;padding:4px;transition:background .15s;display:flex}.play-area.drop-hot{background:#00000024}.pgroup h4{font:600 14px/1.2 var(--f-display);align-items:center;gap:10px;margin:0 0 10px;display:flex}.pgroup h4 .n{font:500 12px/1 var(--f-mono);color:var(--ink-dim)}.pgroup h4 .btn{margin-left:auto}.pcards{flex-wrap:wrap;gap:12px;display:flex}.pcard{cursor:grab;background:0 0;border:0;border-radius:8px;padding:0;transition:transform .15s;position:relative}.pcard:hover{transform:translateY(-3px)}.pcard.sel .card{box-shadow:0 0 0 3px var(--focus), 0 10px 22px #00000059}.pcard .tag{white-space:nowrap;text-overflow:ellipsis;max-width:92%;font:600 10px/1 var(--f-ui);background:hsl(var(--h) 45% 30%);color:#fff;border-radius:999px;padding:4px 7px;position:absolute;bottom:-9px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 1px 4px #00000059}.drop-hint{border:2px dashed var(--line);min-height:140px;color:var(--ink-dim);text-align:center;border-radius:16px;flex:1;place-items:center;padding:20px;display:grid}.hand-focus{background:var(--shade);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:14px;display:flex}.hand-focus h3{font:700 17px/1.2 var(--f-display);text-align:center;margin:0}.hand-focus .zone{color:var(--ink-dim);text-align:center;font-size:12px}.acts{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.act{border:1px solid var(--line);background:var(--chip);min-height:40px;color:var(--ink);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:500;display:flex}.act:hover{background:var(--chip-strong)}.act i{background:var(--dc);border-radius:50%;flex:none;width:9px;height:9px}.act span{align-items:center;gap:8px;display:flex}.offer{background:color-mix(in srgb, var(--brass) 18%, transparent);border:1px solid color-mix(in srgb, var(--brass) 55%, transparent);border-radius:14px;gap:8px;padding:12px;display:grid}.offer p{margin:0;font-size:13px}.offer div{gap:8px;display:flex}.offer .btn.brass{flex:1;min-width:0}.offer .btn.brass span{text-overflow:ellipsis;overflow:hidden}.hand-list{flex-direction:column;gap:12px;display:flex}.hand-list h5{font:600 12px/1 var(--f-ui);color:var(--ink-dim);align-items:center;gap:8px;margin:0 0 8px;display:flex}.hand-row{flex-wrap:wrap;gap:8px;display:flex}.mini{cursor:grab;background:0 0;border:0;border-radius:6px;padding:0}.mini.sel .card{box-shadow:0 0 0 3px var(--focus)}.keys{color:var(--ink-dim);flex-wrap:wrap;gap:6px 12px;font-size:12px;display:flex}.paper-page{min-height:0;padding-block:28px 48px;padding-left:max(28px, env(safe-area-inset-left,0px));padding-right:max(28px, env(safe-area-inset-right,0px));flex:1}.paper-page h1{font:700 30px/1.1 var(--f-display);margin:0 0 18px}.panel{background:var(--paper);color:var(--paper-fg);border-radius:18px;gap:4px;max-width:760px;padding:22px 24px;display:grid;box-shadow:0 12px 34px #00000038}.panel+.panel{margin-top:16px}.panel h2{font:700 18px/1.2 var(--f-display);margin:0 0 6px}.panel .row{border-top:1px solid var(--paper-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 0;display:grid}.panel .row:first-of-type{border-top:0}.panel .row b{font-weight:600;display:block}.panel .row span{color:var(--paper-muted);font-size:13px}.panel .btn{background:var(--paper-2);color:var(--paper-fg);border-color:var(--paper-line)}.panel .btn.danger,.modal .btn.danger{background:var(--discard);color:#fff;border-color:#0000}.meter{background:var(--paper-2);border-radius:99px;height:8px;margin-top:8px;overflow:hidden}.meter i{height:100%;width:var(--v);background:var(--paper-accent);border-radius:99px;display:block}.auth{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);height:100%;display:grid}.auth-art{flex-direction:column;justify-content:space-between;gap:30px;min-width:0;padding:48px;display:flex;position:relative;overflow:hidden}.auth-art h1{font:700 clamp(30px, 4vw, 48px)/1.05 var(--f-display);letter-spacing:-.02em;text-wrap:balance;max-width:14ch;margin:0}.auth-art p{color:var(--ink-dim);max-width:46ch;margin:12px 0 0;font-size:15px}.auth-fan{height:230px;position:relative}.auth-fan>span{transform-origin:50% 110%;position:absolute;bottom:0;left:30px}.auth-side{background:var(--paper);color:var(--paper-fg);padding-block:32px;padding-left:24px;padding-right:max(24px, env(safe-area-inset-right,0px));place-items:center;display:grid;overflow-y:auto}.auth-box{gap:14px;width:min(380px,100%);display:grid}.auth-box h2{font:700 26px/1.15 var(--f-display);margin:0}.auth-box p{color:var(--paper-muted);margin:0}.seg{background:var(--paper-2);border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.seg button{color:var(--paper-muted);background:0 0;border:0;border-radius:9px;padding:8px;font-weight:600}.seg button.on{background:var(--paper);color:var(--paper-fg);box-shadow:0 1px 4px #0000001f}.google{border:1px solid var(--paper-line);background:var(--paper);min-height:46px;color:var(--paper-fg);border-radius:12px;justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex}.google:hover{background:var(--paper-2)}.g-mark{border:1px solid var(--paper-line);width:22px;height:22px;font:700 13px/1 var(--f-ui);border-radius:50%;place-items:center;display:grid}.or{color:var(--paper-muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:12px;display:grid}.or:before,.or:after{content:"";background:var(--paper-line);height:1px}.field{color:var(--paper-fg);gap:6px;font-size:13px;font-weight:600;display:grid}.field input,.field textarea,.field select{border:1px solid var(--paper-line);background:var(--paper);min-height:44px;color:var(--paper-fg);border-radius:10px;padding:9px 12px;font-size:14px;font-weight:400}.field textarea{resize:vertical;min-height:120px;font-family:var(--f-card);font-size:15px;line-height:1.4}.field small{color:var(--paper-muted);font-weight:400}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--paper-accent);outline-offset:0}.auth-box .btn.brass{min-height:46px}.linkish{color:var(--paper-accent);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.note{color:var(--paper-muted);font-size:12px;line-height:1.45}.inbox{text-align:center;justify-items:center;gap:12px;display:grid}.inbox .env{background:var(--paper-2);border:2px solid var(--paper-accent);border-radius:8px;width:64px;height:48px;position:relative}.inbox .env:after{content:"";border-left:2px solid var(--paper-accent);border-bottom:2px solid var(--paper-accent);width:26px;height:22px;margin:0 auto;position:absolute;inset:4px 6px auto;transform:skewY(-28deg)rotate(-45deg)translate(6px,6px)}.scrim{z-index:30;padding:24px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background:#050c0a8c;place-items:center;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--paper);color:var(--paper-fg);width:min(var(--mw,560px), 100%);border-radius:20px;gap:16px;max-height:calc(100% - 20px);padding:22px 24px 20px;animation:.18s rise;display:grid;overflow:auto;box-shadow:0 30px 80px #00000073}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.modal-head{align-items:flex-start;gap:12px;display:flex}.modal-head h2{font:700 21px/1.2 var(--f-display);text-wrap:balance;margin:0}.modal-head p{color:var(--paper-muted);margin:4px 0 0;font-size:13px}.modal-head .icon-btn{color:var(--paper-muted);margin-left:auto}.modal .btn{background:var(--paper-2);color:var(--paper-fg);border-color:var(--paper-line)}.modal .btn.brass{background:var(--brass);color:var(--on-brass);border-color:#0000}.modal-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.editor{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:22px;display:grid}.editor .card{--w:250px}.links{gap:8px;display:grid}.link-row{background:var(--paper-2);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.link-row .card{--w:34px}.link-row b{font-size:14px;display:block}.link-row span{color:var(--paper-muted);font-size:12px}.picker{border:1px solid var(--paper-line);border-radius:12px;overflow:hidden}.picker input{border:0;border-bottom:1px solid var(--paper-line);background:var(--paper);width:100%;color:var(--paper-fg);outline:none;padding:10px 12px}.picker-list{max-height:220px;overflow:auto}.picker-list h6{font:600 11px/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-accent);margin:0;padding:8px 12px 4px}.picker-list button{text-align:left;width:100%;color:var(--paper-fg);background:0 0;border:0;align-items:center;gap:10px;padding:7px 12px;display:flex}.picker-list button:hover{background:var(--paper-2)}.stepper{border:1px solid var(--paper-line);border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{background:var(--paper-2);width:36px;height:36px;color:var(--paper-fg);border:0;font-size:18px}.stepper output{text-align:center;min-width:40px;font:600 15px/1 var(--f-mono)}.choose{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.choose button{border:1px solid var(--paper-line);background:var(--paper);color:var(--paper-fg);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.choose button:hover{background:var(--paper-2)}.choose b{font:600 15px/1.2 var(--f-display)}.choose span{color:var(--paper-muted);font-size:12px}.pick-row{border:1px solid var(--paper-line);background:var(--paper);color:var(--paper-fg);text-align:left;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:8px 10px;display:grid}.pick-row.on{border-color:var(--paper-accent);background:color-mix(in srgb, var(--paper-accent) 9%, var(--paper))}.pick-row .back{--w:30px}.pick-row .box{border:2px solid var(--paper-line);border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.pick-row.on .box{background:var(--paper-accent);border-color:var(--paper-accent);color:var(--paper)}.set-head{font:600 11px/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-accent);justify-content:space-between;align-items:center;margin-top:6px;display:flex}.look-row{gap:14px;padding:4px 2px 10px;display:flex;overflow-x:auto}.look-item{cursor:grab;flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.look-item .card{--w:120px}.look-item.drag{opacity:.4}.dest{border:1px solid var(--paper-line);border-radius:9px;display:flex;overflow:hidden}.dest button{background:var(--paper);color:var(--paper-muted);border:0;padding:6px 7px;font-size:11px;font-weight:600}.dest button.on{background:var(--dc);color:#fff}.find-row{border-top:1px solid var(--paper-line);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 0;display:grid}.find-row .card{--w:40px}.find-row b{display:block}.find-row span{color:var(--paper-muted);font-size:12px}.drawer{z-index:30;background:var(--paper);width:min(520px,100%);color:var(--paper-fg);padding:22px 24px;padding-right:max(24px, env(safe-area-inset-right,0px));flex-direction:column;gap:16px;animation:.2s slide;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 60px #0006}@keyframes slide{0%{opacity:0;transform:translate(30px)}}.drawer .card-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.drawer .card-cell{color:var(--paper-muted)}.tabs{border-bottom:1px solid var(--paper-line);gap:4px;display:flex}.tabs button{color:var(--paper-muted);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px 10px;font-weight:600}.tabs button.on{color:var(--paper-fg);border-color:var(--paper-accent)}.pop{z-index:40;background:var(--paper);width:280px;color:var(--paper-fg);border-radius:16px;gap:2px;padding:10px;animation:.14s rise;display:grid;position:fixed;box-shadow:0 20px 50px #00000073}.pop h3{font:700 15px/1.2 var(--f-display);margin:4px 8px 6px}.pop .sub{color:var(--paper-muted);margin:-4px 8px 8px;font-size:12px}.pop button.item{text-align:left;color:var(--paper-fg);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.pop button.item:hover:not(:disabled){background:var(--paper-2)}.pop button.item small{color:var(--paper-muted);font:500 12px/1 var(--f-mono);margin-left:auto}.pop hr{border:0;border-top:1px solid var(--paper-line);margin:4px 6px}.pop .n-row{color:var(--paper-muted);justify-content:space-between;align-items:center;padding:4px 8px 8px;font-size:13px;display:flex}#toast{z-index:50;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));color:#eef5f1;background:#10201b;border-radius:14px;align-items:center;gap:14px;max-width:min(560px,100% - 32px);padding:11px 12px 11px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 40px #00000073}#toast button{color:#e9bb5e;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-weight:600}.proto-note{color:var(--ink-dim);padding:0 10px;font-size:12px}@media (max-width:1180px){.lib{grid-template-columns:minmax(0,1fr) 330px}}@media (max-width:900px){body{overflow:auto}#app,#app.rail-narrow{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:auto;min-height:100%;overflow:visible}.rail{padding-block:10px;padding-right:max(14px, env(safe-area-inset-right,0px));border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:8px;overflow:visible}.rail .nav{flex-direction:row}.rail .nav button span,.rail-label,.rail-games,.rail-new span,.sync,.account>span:not(.avatar),.proto-note{display:none}.rail-foot{flex-direction:row;margin:0 0 0 auto}.account{background:0 0;width:auto}.main{overflow:visible}.lib,.lib.no-inspector{grid-template-columns:minmax(0,1fr)}.lib-main,.inspector,.paper-page{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.inspector{border-left:0;border-top:1px solid var(--line)}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:18px 10px}.tbl-body{grid-template-columns:minmax(0,1fr);--right-w:min(440px, 100vw - 32px)!important}.gutter{display:none}.col+.col,.gutter+.col{border-top:1px solid var(--line)}.dropbar{flex-wrap:wrap;justify-content:center;left:16px;right:16px;transform:none}.dropbar div{flex:40%;min-width:0}#app.dragging .dropbar{transform:none}.col{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.editor{grid-template-columns:minmax(0,1fr)}.editor .card{--w:min(220px, 100%);margin:0 auto}.auth{grid-template-columns:minmax(0,1fr);height:auto}.auth-art{padding:28px max(16px, env(safe-area-inset-left,0px))}.auth-fan{height:150px}.scrim{padding:10px max(10px, env(safe-area-inset-left,0px))}}body{margin:0}.card{box-sizing:border-box}.splash{color:var(--ink-dim);font:500 15px/1.4 var(--f-ui);margin:auto}#app:has(>.splash){place-items:center;display:grid}.card.photo{background:0 0;gap:0;padding:0;box-shadow:0 6px 16px #00000047}.card.photo img,.back.photo img{object-fit:contain;border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.back.photo{box-shadow:none;background:0 0}.card.words{background:var(--paper,#fbfaf6);color:#1c2420;background:linear-gradient(170deg,#fbfaf6,#ece8dc)}.card.words .c-head{background:hsl(var(--h) 32% 86%)}.card.words .c-text{white-space:pre-line;background:0 0;flex:1;padding:0 1cqw;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.card.words .c-wait{font:500 4.6cqw/1.2 var(--f-ui);color:#6b746f;text-align:center;margin-top:auto}.card.words.shielded .c-text{filter:blur(1.6cqw);-webkit-user-select:none;user-select:none}.shield-mark{z-index:2;color:#cfe9ff;height:22px;font:600 10px/1 var(--f-ui);background:#0a141ec7;border-radius:999px;align-items:center;gap:4px;padding:0 7px;display:inline-flex;position:absolute;top:5%;left:6%;box-shadow:0 1px 4px #0006}.card-cell .shield-mark{top:4px;left:4px}.shield-note{background:#7fd3ff29;border:1px solid #7fd3ff73;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;display:flex}.lightbox .lb-wrap{justify-items:center;gap:14px;display:grid}.lightbox .lb-actions{color:#fffc;align-items:center;gap:10px;font-size:13px;display:flex}.lightbox .btn.brass{cursor:pointer}button.sync{text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:6px 10px}button.sync:hover{background:var(--hover);color:var(--ink)}.sync[data-state=syncing] i,.sync[data-state=loading] i{background:var(--top);box-shadow:0 0 0 3px color-mix(in srgb, var(--top) 30%, transparent);animation:1s infinite alternate pulse}.sync[data-state=offline] i{background:#9aa5a0;box-shadow:0 0 0 3px #9aa5a04d}.sync[data-state=error] i,.sync[data-state=signed-out] i{background:var(--discard);box-shadow:0 0 0 3px color-mix(in srgb, var(--discard) 30%, transparent)}@keyframes pulse{to{opacity:.45}}.account .chev{color:var(--ink-dim);flex:none;margin-left:auto}.pop .who{gap:2px;padding:6px 8px 8px;display:grid}.pop .who b{font:600 14px/1.25 var(--f-display)}.pop .who span{color:var(--paper-muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.auth-error{background:color-mix(in srgb, var(--discard) 12%, transparent);color:var(--discard);border-radius:10px;margin:0;padding:10px 12px;font-size:13px;font-weight:500}.auth-ok{background:color-mix(in srgb, var(--play) 12%, transparent);color:var(--paper-fg);border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.btn[aria-busy=true]{opacity:.7;cursor:progress}.toggle{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.toggle input{width:18px;height:18px;accent-color:var(--paper-accent)}.empty-lib{border:1px dashed var(--line);background:var(--shade);border-radius:18px;gap:10px;max-width:560px;padding:22px 24px;display:grid}.empty-lib h2{font:700 20px/1.2 var(--f-display);margin:0}.empty-lib ol{color:var(--ink-dim);gap:4px;margin:0;padding-left:20px;display:grid}.seg-row{border:1px solid var(--paper-line);border-radius:10px;display:inline-flex;overflow:hidden}.seg-row button{background:var(--paper);color:var(--paper-muted);border:0;padding:6px 12px;font-size:13px;font-weight:600}.seg-row button.on{background:var(--paper-accent);color:var(--paper)}