@font-face{font-family:Manrope;src:url("./fonts/manrope-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url("./fonts/manrope-bold.ttf") format("truetype");font-style:normal;font-weight:600 800;font-display:swap}:root{color-scheme:dark;--ink:#f0f1ed;--muted:#b2b9bd;--quiet:#87949e;--surface:#182128;--surface-raised:#232e36;--accent:#e1c795;--accent-ink:#272017;--border:#ffffff18;--danger:#f0b9aa;--radius:14px;--layer-hud:2;--layer-controls:3;--layer-notice:4;--layer-drag:8;font-family:Manrope,Avenir Next,sans-serif;font-synthesis:none;background:#111c26;color:var(--ink)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select{color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.3}button:not(:disabled):active{transform:scale(.96)}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}svg{width:22px;height:22px;fill:currentColor;flex-shrink:0;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:22px;padding:0 5px;border:1px solid #ffffff27;border-radius:5px;font-family:inherit;font-size:10px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{position:relative;width:100%;height:100dvh;min-height:420px;overflow:hidden}#stage,#room-canvas,.scene-scrim{position:absolute;inset:0;width:100%;height:100%}#stage{touch-action:none}#room-canvas{display:block;cursor:grab}#stage.is-dragging #room-canvas{cursor:grabbing}.scene-scrim{pointer-events:none;background:linear-gradient(180deg,#09101685 0,transparent 23%,transparent 74%,#080e149c 100%);z-index:1}.topbar{position:absolute;z-index:var(--layer-hud);top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:102px;padding:0 40px;gap:24px}.wordmark{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700;letter-spacing:-1.15px}.brand-mark{color:var(--accent);transform:rotate(-7deg)}.brand-mark svg{width:32px;height:32px}.wordmark-dot{color:var(--accent)}.view-nav{display:flex;padding:5px;background:#111a228c;border:1px solid var(--border);border-radius:100px;backdrop-filter:blur(20px);gap:4px;position:absolute;left:50%;transform:translate(-50%)}.nav-button{display:flex;gap:9px;align-items:center;justify-content:center;min-height:40px;padding:0 20px;border-radius:100px;color:#c0c8ce;font-size:12px;white-space:nowrap;transition:background .2s,color .2s}.nav-button svg{width:18px;height:18px}.nav-button.is-active{background:#e8dfcd;color:#272a28}.nav-button:not(.is-active):hover{background:#ffffff0c;color:var(--ink)}.top-actions{display:flex;gap:7px}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border:1px solid transparent;border-radius:50%;color:var(--ink);transition:background .2s,border-color .2s}.icon-button:hover:not(:disabled){background:#ffffff10;border-color:#ffffff12}.top-actions .icon-button{background:#14202a70;border-color:#ffffff13;backdrop-filter:blur(12px)}.top-actions svg{width:20px;height:20px}.collection-summary{position:absolute;z-index:var(--layer-hud);top:136px;left:42px;pointer-events:none;text-shadow:0 2px 18px #11192780}.room-caption{font-size:9px;font-weight:700;letter-spacing:2px;color:#d1d5d4;margin-bottom:12px}.collection-summary h1{font-size:clamp(24px,2.4vw,36px);letter-spacing:-1.3px;line-height:1.25}.title-period{color:var(--accent)}.collection-subtitle{font-size:12px;margin-top:10px;color:#c7ccce}.collection-progress{margin-top:26px;display:flex;align-items:center;gap:6px;font-size:11px;color:#c7ccce}.collection-progress>span:first-child{color:var(--accent);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.progress-rule{display:block;width:64px;height:2px;margin-left:12px;background:#ffffff25}.progress-rule span{display:block;height:100%;background:var(--accent);width:6%}.room-coordinate{position:absolute;right:42px;top:149px;display:flex;align-items:center;gap:9px;z-index:var(--layer-hud);font-size:9px;letter-spacing:1.9px;color:#ccd4d6;pointer-events:none}.night-mark{width:6px;height:6px;border:1px solid #d9cca9;transform:rotate(45deg)}.binder-caption{position:absolute;left:50%;bottom:172px;transform:translate(-50%);z-index:var(--layer-hud);display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none;text-shadow:0 2px 12px #111b21}.binder-caption span:first-child{font-size:8px;letter-spacing:2.4px;color:#ded0b1}.binder-caption span:last-child{font-size:10px;color:#bbc2c4}.table-controls{display:flex;align-items:center;gap:10px;position:absolute;left:50%;bottom:76px;transform:translate(-50%);z-index:var(--layer-controls);padding:10px 12px;background:#172128eb;backdrop-filter:blur(24px);border:1px solid #e2e3d521;border-radius:20px;box-shadow:0 12px 44px #040b1440,inset 0 1px #ffffff07}.page-control{display:flex;align-items:center;gap:8px}.page-readout{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:122px}.micro-label{font-size:9px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}#page-label{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px}.page-dash{padding:0 4px;color:#6b7b86;font-weight:400}.page-total{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:6px}.toolbar-divider{height:29px;width:1px;background:var(--border);margin:0 3px}.bag-button{display:flex;gap:10px;align-items:center;min-height:46px;white-space:nowrap;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;padding:0 16px;margin-left:4px;box-shadow:inset 0 1px #fff5;transition:background .2s}.bag-button:hover{background:#f0d9ab}.bag-button .bag-count{padding:2px 6px;font-size:10px;border-radius:5px;background:#27201718}.bag-button kbd{margin-left:6px;color:#5f523a;border-color:#30241925}.bottom-bar{position:absolute;bottom:24px;left:40px;right:40px;z-index:var(--layer-hud);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#c3c9cd}.control-hints,.save-status{display:flex;align-items:center;gap:9px}.control-hints svg,.save-status svg{width:15px;height:15px}.hint-separator{width:1px;height:11px;background:#ffffff24;margin:0 7px}.save-status svg{color:var(--accent)}.save-status.is-error{color:var(--danger)}.pocket-hotspot{position:absolute;z-index:1;display:block;padding:0;background:transparent;border:2px solid transparent;touch-action:none;color:transparent;cursor:pointer;transform-origin:0 0}.pocket-hotspot:focus-visible{outline:none;background:#e1c79520;border-color:var(--accent)}.pocket-hotspot.placing{cursor:copy}.pile-label{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;min-height:38px;padding:6px 11px;color:#dedbd0;background:#152029bb;border:1px solid #ffffff1f;border-radius:8px;font-size:10px;white-space:nowrap;backdrop-filter:blur(8px)}.pile-label svg{width:13px;height:13px}.pile-label span:last-child{font-size:9px;color:var(--accent)}.pile-label:hover{background:#26333fe8}.scene-loading{position:absolute;z-index:var(--layer-notice);inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#172029;font-size:12px;letter-spacing:.3px;transition:opacity .5s}.scene-loading.is-ready{opacity:0;pointer-events:none}.loading-pocket{display:grid;grid-template-columns:repeat(3,15px);gap:5px;transform:rotate(-8deg)}.loading-pocket span{height:21px;border:1px solid #c6b99450;border-radius:2px;background:#c6b99420;animation:loading 1.6s ease-in-out infinite alternate}.loading-pocket span:nth-child(3n){animation-delay:.4s}.loading-pocket span:nth-child(3n+1){animation-delay:.8s}@keyframes loading{to{background:#c6b99470}}.scene-error{position:absolute;inset:38% 16% auto;z-index:var(--layer-notice);text-align:center;background:var(--surface);border:1px solid var(--border);padding:30px;border-radius:var(--radius)}.scene-error h2{font-size:22px}.scene-error p{margin:15px 0;color:var(--muted);font-size:14px}.scene-error button{margin:0 auto}.storage-warning{position:absolute;top:103px;left:50%;transform:translate(-50%);z-index:var(--layer-notice);background:#4a2d28f5;border:1px solid #e5ba8e42;padding:12px 16px;border-radius:10px;max-width:min(700px,90vw);font-size:12px;color:#ffe6d9;display:flex;gap:12px;align-items:center}.storage-warning button{white-space:nowrap;color:#ffe6d9}.toast{position:fixed;z-index:var(--layer-notice);bottom:160px;left:50%;transform:translate(-50%);max-width:min(90vw,490px);padding:12px 18px;border:1px solid #e1c79530;border-radius:12px;background:#1c2933f5;color:#eee6d6;font-size:12px;line-height:1.5;text-align:center;box-shadow:0 8px 30px #050c1440;pointer-events:none}.toast.is-error{color:var(--danger);border-color:#df8d7340}.held-card{position:absolute;z-index:var(--layer-controls);right:30px;bottom:174px;display:flex;gap:14px;align-items:center;padding:16px;max-width:310px;border:1px solid #e1c79550;border-radius:var(--radius);background:#172128ef;box-shadow:0 12px 36px #09101950}.held-card #held-art{width:57px;flex-shrink:0;transform:rotate(-7deg)}.held-card img{display:block;width:100%;border-radius:4px}.held-copy{display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--muted)}.held-copy strong{font-size:13px;color:var(--ink);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.held-copy>div{display:flex;align-items:center;gap:14px;margin-top:4px}.held-copy .text-button{min-height:30px;font-size:10px}.held-copy kbd{height:18px;font-size:8px}.held-copy .micro-label{color:var(--accent);font-size:8px}.drag-ghost{position:fixed;top:0;left:0;z-index:var(--layer-drag);width:110px;pointer-events:none;filter:drop-shadow(0 16px 14px #0005);will-change:transform}.drag-ghost img{width:100%;border-radius:6px;transform:rotate(-7deg)}.drag-ghost .pending-art{width:110px}dialog{color:var(--ink);background:var(--surface);border:1px solid #ffffff20;padding:30px;border-radius:22px;box-shadow:0 35px 100px #050b1370;max-height:90dvh;max-width:calc(100vw - 32px);overscroll-behavior:contain}dialog::backdrop{background:#080f176e;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .25s cubic-bezier(.16,1,.3,1)}@keyframes dialog-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.dialog-heading h2{font-size:32px;line-height:1.2;letter-spacing:-1.2px;margin-top:7px}.dialog-subtitle{color:var(--muted);font-size:12px;line-height:1.7;margin-top:12px;margin-bottom:24px}.dialog-heading .icon-button{border-color:var(--border)}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 18px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s}.primary-button{background:var(--accent);color:var(--accent-ink)}.primary-button:hover{background:#f0d9ab}.primary-button svg{width:19px;height:19px}.secondary-button{background:#ffffff07;border:1px solid #ffffff23;color:var(--ink)}.secondary-button:hover{background:#ffffff10}.secondary-button svg{width:18px;height:18px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--accent);font-size:11px;padding:0;min-height:36px;white-space:nowrap}.text-button svg{width:16px;height:16px}.text-button:hover{text-decoration:underline}.text-button.muted{color:var(--muted)}select{appearance:auto;display:block;min-width:0;width:100%;height:39px;border:1px solid #ffffff20;border-radius:8px;padding:0 8px;background:#202c35;font-size:11px}option{background:#202c35}input{color:var(--ink)}.bag-dialog{position:fixed;margin:18px 18px 18px auto;width:514px;max-height:calc(100dvh - 36px);height:calc(100dvh - 36px);padding:28px;overflow:hidden}.bag-dialog[open]{display:flex;flex-direction:column;animation:bag-in .32s cubic-bezier(.16,1,.3,1)}@keyframes bag-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.bag-dialog::backdrop{background:#080f1740;backdrop-filter:blur(3px)}.bag-dialog .dialog-heading,.bag-dialog .dialog-subtitle,.bag-dialog .filter-row,.bag-dialog .location-tabs,.bag-dialog .search-field,.bag-dialog .results-line,.bag-footer{flex-shrink:0}.search-field{display:flex;gap:10px;align-items:center;min-height:48px;border:1px solid #ffffff28;background:#0e192270;border-radius:10px;padding:0 14px}.search-field svg{width:19px;height:19px;color:var(--muted)}.search-field input{background:none;border:none;outline:none;width:100%;font-size:12px;min-width:0}.search-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search-field input::placeholder{color:#a7b2ba}.search-field kbd{color:#7f919f}.location-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-top:15px}.location-tabs button{flex:1;min-height:42px;position:relative;color:var(--muted);font-size:11px;white-space:nowrap}.location-tabs button.is-active{color:var(--accent)}.location-tabs button.is-active:after{content:"";position:absolute;bottom:-1px;left:14px;right:14px;height:2px;background:var(--accent)}.filter-row{display:grid;grid-template-columns:1.05fr 1fr .85fr;gap:9px;margin:18px 0 5px}.filter-row label{font-size:9px;font-weight:700;color:var(--muted)}.filter-row select{margin-top:7px}.results-line{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);min-height:44px;gap:10px}.results-line .text-button{font-size:10px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 13px;overflow:auto;min-height:0;align-content:start;padding:4px 5px 20px;scrollbar-width:thin;scrollbar-color:#59626a transparent;flex:1}.collection-card{text-align:left;min-width:0;padding:0;position:relative;align-self:start;transition:transform .18s}.collection-card:hover{transform:translateY(-3px)}.card-art{display:block;aspect-ratio:63/88;position:relative;border-radius:6px;overflow:hidden;background:#27333b;box-shadow:0 3px 8px #060d152c}.card-art img{display:block;width:100%;height:100%;object-fit:contain}.card-card-name{display:block;margin-top:9px;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-card-meta{display:flex;justify-content:space-between;gap:4px;margin-top:4px;font-size:8px;color:var(--muted)}.card-card-meta span:last-child{color:#d7c8a9}.collection-card .pending-art{font-size:8px}.pending-art{aspect-ratio:63/88;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:12%;border:1px solid #c2b5924d;border-radius:7px;background:repeating-linear-gradient(135deg,transparent,transparent 5px,#ffffff02 5px,#ffffff02 6px),#25323c;color:#e4d8ba;font-size:12px}.pending-art svg{width:26px;height:26px}.pending-art strong{font-size:1.3em;line-height:1.3}.pending-art small{font-size:.82em;line-height:1.5;color:#bec7cc}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.empty-state>span{color:var(--accent)}.empty-state svg{width:32px;height:32px}.empty-state h3{font-size:17px;margin-top:20px}.empty-state p{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.6}.bag-footer{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:5px 9px;border-top:1px solid var(--border);padding-top:17px;font-size:9px;color:var(--muted)}.bag-footer svg{width:16px;height:16px}.catalog-note{grid-column:2;font-size:8px;color:#acb7bd}.bag-footer p{line-height:1.6}.inspect-dialog{width:870px;padding:42px;overflow:auto;position:relative}.inspect-dialog[open]{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.inspector-close{position:absolute;top:16px;right:16px;z-index:1;border-color:var(--border)}.inspection-stage{display:flex;flex-direction:column;align-items:center;gap:18px;perspective:1000px;padding-top:10px}.inspection-card{width:min(100%,300px);aspect-ratio:63/88;position:relative;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-radius:12px;box-shadow:0 25px 36px #050b1650;transition:transform .1s;isolation:isolate}.inspection-card img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}.inspection-card:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--glare-angle,125deg),transparent 20%,#76d1c324 30%,#e6d6a821 39%,#cd95b421 46%,transparent 63%);mix-blend-mode:screen;border-radius:12px;pointer-events:none;opacity:.65}.inspection-card.is-reverse:after{opacity:.12}.inspection-stage>p{font-size:9px;color:var(--muted)}.flip-card-button{font-size:10px;min-height:30px;margin-top:-6px}.sleeve-back{width:100%;height:100%;aspect-ratio:63/88;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:7px solid #e1d4b4;background:repeating-linear-gradient(45deg,transparent,transparent 7px,#ffffff04 7px,#ffffff04 8px),#172d39;position:relative;color:#d6bf90;box-shadow:inset 0 0 0 1px #b4a789}.sleeve-back:before{content:"";position:absolute;inset:16px;border:1px solid #dbc8a640;border-radius:3px}.sleeve-back svg{width:52px;height:52px}.sleeve-back strong{font-size:24px;letter-spacing:-1px;margin-top:14px}.sleeve-back small{font-size:8px;letter-spacing:2.5px;margin-top:12px}.inspection-details h2{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin:14px 0 8px}.card-number{font-size:13px;color:var(--accent)}.card-details{margin:26px 0;display:flex;flex-direction:column;gap:15px;font-size:11px}.card-details>div{display:grid;grid-template-columns:76px 1fr;gap:12px}.card-details dt{color:var(--muted)}.card-details dd{margin:0;line-height:1.5}.inspection-details>.primary-button{width:100%;justify-content:flex-start}.inspection-details>.primary-button>span:last-child{margin-left:auto}.table-destination{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;margin-top:10px}.table-destination select{height:44px}.table-destination .secondary-button{padding:8px;font-size:10px}.return-bag{margin-top:12px}.art-credit{margin-top:22px;display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.art-credit svg{width:12px;height:12px}.pending-notice{font-size:11px;line-height:1.7;color:#e4cdaa;background:#e1c7950b;padding:12px;border-left:2px solid #bba16e;margin-bottom:20px}.flat-dialog{width:900px;overflow:auto}.flat-pages{display:grid;grid-template-columns:1fr 1fr;gap:30px}.flat-page h3{font-size:11px;color:var(--muted);font-weight:400;margin-bottom:12px;text-align:center}.flat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;background:#bdbab0;border-radius:9px;border:1px solid #dcd2b1}.flat-pocket{display:flex;align-items:center;justify-content:center;flex-direction:column;aspect-ratio:63/88;border:1px solid #80796360;background:#e4e1d34f;border-radius:3px;padding:4px;color:#514e40;position:relative;min-width:0}.flat-pocket:hover{background:#f6e5b9}.flat-pocket img{width:100%;height:100%;object-fit:contain;border-radius:3px}.flat-pocket>span:not(.pending-art){font-size:10px}.flat-pocket .pending-art{font-size:7px;width:100%;height:100%;padding:6px}.flat-pocket .pending-art svg{width:16px;height:16px}.flat-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:30px;background:#c6c2b4;color:#675a3f;border:1px solid #d6bd8b;border-radius:9px;text-align:center}.flat-cover svg{width:44px;height:44px}.flat-cover strong{margin-top:16px}.flat-cover span{font-size:10px;margin-top:10px}.flat-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.flat-navigation>span{font-size:12px;color:var(--muted)}#flat-bag{margin-top:15px}.help-dialog{width:660px;padding:34px}.controls-list{display:flex;flex-direction:column;gap:18px;margin:26px 0 30px;font-size:12px}.controls-list>div{display:grid;grid-template-columns:128px 1fr;gap:16px}.controls-list dt{font-weight:700}.controls-list dd{margin:0;color:var(--muted);line-height:1.7}.controls-list kbd{vertical-align:middle;font-size:9px}.data-tools{display:flex;gap:12px;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.source-notes{margin-top:26px}.source-notes h3{font-size:13px}.source-notes p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:12px}.source-links{display:flex;flex-wrap:wrap;gap:20px;margin:16px 0}.source-links a{display:flex;gap:7px;align-items:center;color:var(--accent);font-size:10px}.source-links svg{width:14px;height:14px}.source-notes p.legal-note{font-size:9px;color:#a7b2b8}.is-room-view .collection-summary{opacity:0;pointer-events:none}.is-room-view .binder-caption{opacity:0}.collection-summary,.binder-caption{transition:opacity .3s}@media(min-width:1600px){.collection-summary{top:160px;left:54px}.topbar{padding:0 52px}.room-coordinate{right:54px;top:169px}.binder-caption{bottom:184px}.table-controls{bottom:86px}}@media(max-width:1100px){.topbar{height:86px;padding:0 26px}.collection-summary{top:112px;left:28px}.room-coordinate{right:28px;top:122px;font-size:8px}.room-caption{font-size:8px;letter-spacing:1.5px}.collection-summary h1{font-size:28px}.collection-progress{margin-top:18px}.bottom-bar{left:26px;right:26px;bottom:20px}.held-card{bottom:161px;right:24px;max-width:245px}.held-copy strong{max-width:140px}.held-card #held-art{width:42px}.held-copy>div{gap:8px}.binder-caption{bottom:159px}.table-controls{bottom:65px}.control-hints{gap:6px}.hint-separator{margin:0 3px}}@media(max-width:767px){.topbar{height:77px;padding:0 18px;gap:10px}.wordmark{font-size:23px;gap:7px}.brand-mark svg{width:27px;height:27px}.view-nav{top:87px;left:auto;right:17px;transform:none;padding:3px;gap:0}.nav-button{min-height:35px;padding:0 12px;font-size:10px;gap:6px}.nav-button svg{width:15px;height:15px}.top-actions{gap:2px}.top-actions .icon-button{width:36px;height:36px}.top-actions svg{width:18px;height:18px}.collection-summary{top:149px;left:22px}.collection-summary h1{font-size:27px}.room-caption{font-size:7px;letter-spacing:1.5px;margin-bottom:10px}.collection-subtitle{font-size:10px;margin-top:7px}.collection-progress{margin-top:15px;font-size:9px}.collection-progress>span:first-child{font-size:16px}.progress-rule{width:48px;margin-left:8px}.room-coordinate{display:none}.table-controls{bottom:66px;border-radius:16px;padding:8px;gap:3px;max-width:calc(100vw - 24px);width:max-content}.page-control{gap:1px}.page-control .icon-button{width:32px;height:40px}.page-readout{min-width:85px;gap:5px}.page-readout .micro-label{font-size:7px;letter-spacing:1px}#page-label{font-size:12px;letter-spacing:0}.page-total{font-size:8px;margin-left:3px}.page-dash{padding:0 2px}.table-controls>.icon-button{width:31px;height:40px}.table-controls>.icon-button svg{width:18px;height:18px}.toolbar-divider{margin:0 3px}.bag-button{font-size:10px;gap:6px;padding:0 11px;min-height:41px;margin-left:3px}.bag-button>span:first-child svg{width:17px;height:17px}.bag-button kbd{display:none}.bag-button .bag-count{font-size:8px;padding:2px 4px}.bottom-bar{bottom:19px;left:19px;right:19px;font-size:8px;gap:5px}.control-hints .hint-separator,.control-hints>kbd,.control-hints>span:nth-last-child(3),.control-hints>span:last-child{display:none}.control-hints{gap:5px}.control-hints svg,.save-status svg{width:12px;height:12px}.save-status{gap:5px}.binder-caption{bottom:149px;width:100%;gap:5px}.binder-caption span:first-child{font-size:7px}.binder-caption span:last-child{font-size:9px}.held-card{bottom:160px;right:14px;left:14px;max-width:350px;margin:auto;padding:10px 13px;gap:12px}.held-card #held-art{width:40px}.held-copy{gap:4px;font-size:9px;flex:1}.held-copy strong{max-width:230px;font-size:12px}.held-copy>div{position:absolute;right:12px;bottom:9px;gap:10px}.held-copy .text-button{font-size:9px}.held-copy>span:nth-child(3){margin-bottom:2px}.held-copy .micro-label{font-size:7px}.held-copy>div kbd{display:none}.held-card:not([hidden])~.table-controls{bottom:66px}.toast{bottom:141px;padding:10px 13px;font-size:11px;width:max-content;max-width:90vw}.pile-label{min-height:28px;padding:4px 7px;font-size:8px;gap:5px}.pile-label svg{display:none}.pile-label span:last-child{font-size:8px}dialog{padding:24px;border-radius:18px;max-height:93dvh}.bag-dialog{margin:8px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:23px 18px}.dialog-heading h2{font-size:29px}.dialog-subtitle{font-size:11px;margin-bottom:18px}.filter-row{gap:7px}.card-grid{gap:19px 11px}.card-card-name{font-size:10px}.card-card-meta{font-size:8px}.bag-footer{padding-top:11px;font-size:8px}.inspect-dialog{width:calc(100vw - 24px);padding:44px 24px 24px}.inspect-dialog[open]{grid-template-columns:1fr;gap:20px}.inspection-stage{padding-top:0;gap:12px}.inspection-card{width:min(220px,53vw)}.inspection-stage>p{font-size:8px}.inspection-details h2{font-size:27px;margin-top:9px}.inspection-details>.micro-label{font-size:8px}.card-details{margin:19px 0;gap:10px;font-size:10px}.card-details>div{grid-template-columns:74px 1fr}.inspection-details>.primary-button{font-size:11px}.inspection-details{padding:0 2px}.art-credit{margin-top:13px}.table-destination{grid-template-columns:1fr 1.4fr}.flat-pages{gap:12px}.flat-grid{gap:4px;padding:6px}.flat-dialog{padding:23px 15px}.flat-page h3{font-size:9px}.flat-pocket{padding:2px}.flat-pocket>span:not(.pending-art){font-size:8px}.flat-cover{padding:15px 7px;min-height:100%}.flat-cover strong{font-size:12px}.flat-cover span{font-size:8px}.flat-cover svg{width:28px;height:28px}.flat-navigation .secondary-button{font-size:10px;padding:8px 10px;min-height:42px;gap:5px}.flat-navigation .secondary-button svg{width:14px;height:14px}.flat-navigation>span{font-size:10px}.flat-pocket .pending-art{font-size:5px;padding:4px;gap:4px}.flat-pocket .pending-art svg{width:11px;height:11px}.controls-list>div{grid-template-columns:94px 1fr;gap:12px}.controls-list{font-size:11px;gap:16px}.data-tools{gap:8px}.data-tools .secondary-button{font-size:10px;padding:9px 12px}.help-dialog{padding:25px 21px}.help-dialog .dialog-heading h2{font-size:27px}.help-dialog .micro-label{font-size:8px}.storage-warning{top:74px;max-width:94vw;min-width:90vw;font-size:10px;padding:10px}.scene-error{inset:35% 7% auto;padding:24px}.scene-error h2{font-size:19px}}@media(max-height:650px)and (min-width:768px){.collection-summary{top:99px}.collection-progress{margin-top:13px}.room-coordinate{top:108px}.binder-caption{display:none}.table-controls{bottom:48px}.bottom-bar{bottom:12px}.toast{bottom:136px}.inspect-dialog{padding:30px}.inspection-card{width:210px}.inspection-details h2{font-size:26px}.card-details{gap:10px;margin:18px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.inspection-card{transform:none!important}}@media(prefers-reduced-transparency:reduce){.table-controls,.view-nav,.top-actions .icon-button,.pile-label,.held-card{backdrop-filter:none;background:#19242d}dialog::backdrop{backdrop-filter:none;background:#090f18dc}}.dialog-notice{position:sticky;top:0;z-index:2;flex-shrink:0;font-size:11px;line-height:1.6;padding:12px 14px;margin:0 0 14px;color:#e6d3ad;background:#2b3b45;border:1px solid #d7bf8b40;border-radius:10px}.dialog-notice.is-error{color:#f3c5b6;border-color:#e1937340;background:#46332f}.inspect-dialog{position:fixed}.pile-label{z-index:1}.topbar{height:80px}.pile-label:not(:disabled):active{transform:translate(-50%,-50%) scale(.96)}.binder-caption{display:none}@media(max-height:620px){.bag-dialog{overflow-y:auto}.bag-dialog .card-grid{overflow:visible;flex:none;min-height:180px}}@media(max-width:767px){.topbar{top:env(safe-area-inset-top,0px)}.top-actions .icon-button{width:44px;height:44px}.nav-button{min-height:44px}.collection-summary{top:calc(149px + env(safe-area-inset-top,0px))}.table-controls{bottom:calc(66px + env(safe-area-inset-bottom,0px))}.bottom-bar{bottom:calc(19px + env(safe-area-inset-bottom,0px))}.held-card{bottom:calc(160px + env(safe-area-inset-bottom,0px))}}.held-card img,.drag-ghost img{height:auto;aspect-ratio:63/88}.held-card{cursor:grab;user-select:none;touch-action:none}.held-card #held-art{line-height:0}.drag-ghost{width:120px;aspect-ratio:63/88;transform-origin:0 0;filter:drop-shadow(2px 18px 15px #050b1466);contain:layout style;line-height:0}.drag-ghost img{border-radius:6px;transform:none;outline:1px solid #fff3}.drag-ghost .pending-art{width:100%;height:auto;line-height:1.4}.drag-ghost.can-drop img{outline:2px solid var(--accent)}.drop-hint{position:fixed;inset:0 auto auto 0;z-index:var(--layer-drag);max-width:260px;padding:10px 14px;background:#16232df5;border:1px solid #ffffff28;border-radius:9px;font-size:11px;color:var(--ink);pointer-events:none;box-shadow:0 6px 24px #040b144d;line-height:1.45}.drop-hint.can-drop{border-color:#e1c795a0;color:var(--accent)}.pocket-hotspot.is-drop-target{background:#f5dca32b;border-color:var(--accent)}.pile-label.is-drop-target,.bag-button.is-drop-target{outline:2px solid var(--accent);outline-offset:4px}.is-card-dragging .held-card{visibility:hidden}#stage,.card-grid{user-select:none;-webkit-user-select:none}.card-grid{touch-action:pan-y}.collection-card{cursor:grab}.collection-card:not(:disabled):active{transform:none}.collection-card img{-webkit-user-drag:none}.source-notes .room-credit-title{margin-top:23px}.source-notes p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.collection-summary{text-shadow:0 2px 5px #08121fe6,0 0 24px #08121f90}.scene-scrim{background:linear-gradient(90deg,#0915227a,transparent 36%),linear-gradient(180deg,#09101685 0,transparent 23%,transparent 74%,#080e149c 100%)}.collection-item{position:relative;min-width:0}.collection-card{width:100%;cursor:pointer}.collection-card.is-in-hand .card-art{outline:2px solid var(--accent);outline-offset:2px}.collection-card.is-in-hand img{opacity:.65}.selection-number{position:absolute;left:7px;top:7px;display:flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 6px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:800;border-radius:7px}.card-inspect-button{position:absolute;right:5px;top:5px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#16232de8;border:1px solid #edf2f145;border-radius:50%}.card-inspect-button svg{width:17px;height:17px}.card-inspect-button:hover{background:#314554}.bag-footer #bag-place{grid-column:1/-1;margin-top:7px;width:100%;min-height:42px;font-size:12px}.pocket-hotspot.ready-to-place{background:#efca8a0b;border-color:#e3bc7266;cursor:copy}.pocket-hotspot.ready-to-place.is-drop-target{background:#efca8a20;border-color:var(--accent)}.flat-pocket.ready-to-place{outline:2px solid #a2792b;outline-offset:-2px;background:#f2dca3;color:#40331a}.atmosphere-controls{padding:22px 0;border-top:1px solid var(--border)}.atmosphere-controls h3{font-size:14px;margin-bottom:15px}.weather-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.weather-options button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--border);border-radius:10px;min-height:44px;font-size:12px}.weather-options button[aria-pressed=true]{border-color:var(--accent);background:#e1c79517;color:var(--accent)}.weather-options svg{width:19px;height:19px}#city-motion-toggle{margin-top:13px;min-height:42px}#motion-preference{font-size:11px;line-height:1.7;color:var(--muted);margin-top:10px}@media(max-width:767px){.top-actions{gap:0}.top-actions .icon-button{width:40px;height:44px}.wordmark{font-size:22px}.card-inspect-button{width:30px;height:30px}.selection-number{left:4px;top:4px;font-size:10px;min-width:22px;height:22px}.card-inspect-button svg{width:16px;height:16px}}.hand-tray{position:absolute;z-index:var(--layer-controls);inset:132px 25px auto auto;width:max-content;max-width:min(43vw,430px);padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}.hand-cards{display:flex;list-style:none;gap:0;min-height:0;max-width:100%;margin:0;padding:23px 12px 20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#82919d transparent;isolation:isolate;touch-action:pan-x}.hand-cards>li{position:relative;flex:0 0 78px;z-index:1;margin-left:-15px;transform:rotate(var(--fan-angle));transform-origin:50% 100%;transition:transform .18s ease}.hand-cards>li:first-child{margin-left:0}.hand-cards>li:hover{z-index:2;transform:translateY(-5px) rotate(var(--fan-angle))}.hand-cards>li.is-selected{z-index:3;transform:translateY(-10px) rotate(var(--fan-angle))}.hand-card-art{position:relative;display:block;aspect-ratio:63/88;padding:0;width:78px;opacity:.83;border-radius:5px;box-shadow:0 8px 18px #07132169}.hand-card-art img{display:block;width:100%;height:auto;aspect-ratio:63/88;border-radius:5px}.hand-cards .is-selected .hand-card-art{opacity:1;outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 12px 23px #07132180}.hand-cards .pending-art{width:100%;height:100%;font-size:7px;padding:6px;gap:3px}.hand-cards .pending-art svg{width:14px;height:14px}.pile-label.can-place{border-color:#e1c79577}.pile-label.can-place:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:767px){.hand-tray{top:auto;bottom:calc(134px + env(safe-area-inset-bottom,0px));right:10px;left:auto;width:max-content;max-width:calc(100vw - 20px);padding:0}.hand-cards{padding:20px 12px 16px;min-height:0}.hand-cards>li{flex-basis:64px;margin-left:-13px}.hand-card-art{width:64px}.hand-cards .pending-art{font-size:6px}}@media(max-height:620px)and (min-width:768px){.hand-tray{top:94px;right:17px;width:max-content;max-width:295px;padding:0}.hand-cards>li{flex-basis:62px}.hand-card-art{width:62px}}.flat-hand-choice{display:grid;grid-template-columns:auto minmax(160px,300px);align-items:center;gap:12px;font-size:11px;color:var(--muted);margin:0 0 18px}.idle-ui{transition:opacity .32s ease}#app[data-ui-idle=true] .idle-ui{opacity:0;pointer-events:none}#app[data-ui-idle=true] #save-status.is-error{opacity:1;pointer-events:auto}.interaction-settings{padding:19px 0 22px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 0 24px}.interaction-settings h3{font-size:14px}.setting-help{font-size:11px;line-height:1.65;color:var(--muted)}.setting-help{margin-top:8px}.city-night-control{display:flex;flex-direction:column;gap:12px;margin:22px 0 17px;font-size:12px}.city-night-control>span:first-child{display:flex;justify-content:space-between;gap:15px}.city-night-control output{font-size:10px;color:var(--accent)}.city-night-control input{width:100%;accent-color:var(--accent);margin:0}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.city-light-switches{display:flex;gap:20px;flex-wrap:wrap;font-size:11px}.city-light-switches label{display:flex;align-items:center;gap:8px;min-height:32px}.city-light-switches input{accent-color:var(--accent);width:16px;height:16px;margin:0}@media(max-width:767px){.view-nav{gap:0}.nav-button{padding:0 11px}.nav-button svg{width:14px;height:14px}}.hand-tray{width:var(--hand-width,102px);max-width:calc(100vw - 48px)}.hand-clear{display:flex;align-items:center;gap:7px;margin-left:auto;min-height:30px;padding:4px 10px;border-radius:7px;background:#192630db;border:1px solid #e1c79535;color:var(--accent);font-size:10px}.hand-clear svg{width:14px;height:14px}.hand-cards{flex-wrap:wrap;justify-content:flex-end;gap:14px var(--hand-gap,8px);width:100%;max-height:min(46dvh,420px);overflow-x:hidden;overflow-y:auto;touch-action:pan-y;padding:18px 12px 12px}.hand-cards>li{flex:0 0 var(--hand-card-size,78px);margin-left:0;transform:none}.hand-cards>li:hover{transform:translateY(-3px)}.hand-cards>li.is-selected{transform:translateY(-7px)}.hand-card-art{width:var(--hand-card-size,78px)}.stack-selector{display:flex;align-items:center;gap:12px;margin-top:13px;flex-shrink:0;color:var(--muted);font-size:11px}.stack-selector select{flex:1}@media(max-width:767px){.hand-tray{max-width:calc(100vw - 24px);width:var(--hand-width,86px)}.hand-cards{max-height:42dvh;padding:17px 12px 11px;gap:13px var(--hand-gap,8px)}.hand-cards>li{flex-basis:var(--hand-card-size,62px);margin-left:0}.hand-card-art{width:var(--hand-card-size,62px)}.nav-button{padding:0 9px;gap:5px;font-size:9px}.hand-clear{font-size:9px;min-height:29px}}@media(max-height:620px)and (min-width:768px){.hand-tray{width:var(--hand-width,86px);max-width:calc(100vw - 48px)}.hand-cards{max-height:50dvh}.hand-cards>li{flex-basis:var(--hand-card-size,62px)}.hand-card-art{width:var(--hand-card-size,62px)}}.time-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:-3px 0 18px}.time-presets button{min-height:34px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:11px}.time-presets button[aria-pressed=true]{color:var(--accent);background:#e1c79518;border-color:#e1c79590}.graphics-settings{padding:20px 0;border-top:1px solid var(--border);margin-top:18px}.graphics-settings h3{font-size:14px;margin-bottom:12px}.graphics-settings label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.graphics-settings select{min-height:44px;max-width:65%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--ink)}.hand-tools{display:flex;justify-content:flex-end;gap:6px}.hand-tools .hand-clear{margin-left:0;white-space:nowrap}.hand-tray.is-collapsed .hand-cards>li:not(.is-selected){display:none}.hand-tray.is-collapsed .hand-cards{max-height:none;overflow:visible}@media(min-width:768px)and (max-width:1280px){.view-nav{top:87px;left:50%;right:auto;transform:translate(-50%)}.collection-summary{top:153px}.room-coordinate{top:158px}}.hand-cards{display:grid;grid-template-columns:repeat(var(--hand-columns,1),var(--hand-stride,64px));justify-content:end;column-gap:0;row-gap:14px;padding-left:12px;padding-right:calc(12px + var(--hand-overlap,14px));align-items:start}.hand-cards>li{width:var(--hand-card-size,78px);margin-left:0}.brand-controls{display:flex;align-items:center;gap:18px;min-width:0}.time-picker{display:flex;flex-direction:column;justify-content:center;gap:2px;width:126px;min-height:46px;padding:5px 10px;background:#18232ee8;border:1px solid #ffffff24;border-radius:10px}.time-picker>span{font-size:9px;line-height:12px;color:var(--muted)}.time-picker select{width:100%;height:22px;min-height:22px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:12px;line-height:20px;cursor:pointer;appearance:auto}.time-picker option{background:var(--surface);color:var(--ink)}.time-picker select:focus,.time-picker select:focus-visible{outline:none}html:not([data-input-mode=pointer]) .time-picker:has(select:focus-visible){border-color:var(--accent);box-shadow:0 0 0 1px #e1c79555}@media(max-width:767px){.brand-controls{gap:9px}.brand-controls .wordmark>span:last-child{display:none}.time-picker{width:110px;min-height:44px;padding:5px 7px}.time-picker>span{font-size:9px;line-height:11px}.time-picker select{font-size:12px;line-height:19px;height:21px;min-height:21px}}@media(max-width:480px){.topbar{padding-right:14px;padding-left:14px;gap:0}.brand-controls{gap:4px}.time-picker{width:100px}}#tv-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.tv-surface{width:640px;height:360px;pointer-events:auto;backface-visibility:hidden;background:#101c24;overflow:hidden;color:#efe9d8;font-family:Manrope,sans-serif}#tv-player,#tv-player iframe,.tv-cover{position:absolute;inset:0;width:100%;height:100%;border:0}.tv-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:25px;background:#13232c}.tv-cover h2{font-size:25px}.tv-cover p:not(.micro-label){font-size:14px;line-height:1.5;text-align:center;max-width:440px}.tv-cover a{font-size:13px;color:var(--accent);text-decoration:underline}.tv-cover .primary-button{min-height:44px}.bag-dialog{margin:auto;width:min(1180px,calc(100vw - 48px));max-width:calc(100vw - 48px);height:min(920px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);border-radius:22px}.bag-dialog[open]{animation:dialog-in .25s cubic-bezier(.16,1,.3,1)}.bag-dialog .card-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:24px 18px}.bag-dialog .search-field{max-width:none}.bag-dialog .filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.bag-dialog .bag-footer{flex-wrap:wrap;gap:10px}.room-actions{position:absolute;right:40px;top:0;height:80px;z-index:var(--layer-controls);display:flex;align-items:center;gap:7px;pointer-events:none}.room-actions .top-actions{padding:0;gap:7px;align-items:center;pointer-events:auto}.room-actions .icon-button{width:42px;height:42px;background:#14202a70;border-color:#ffffff13;backdrop-filter:blur(12px)}.room-actions svg{width:20px;height:20px}.hud-eye{pointer-events:auto}@media(min-width:1600px){.room-actions{right:52px}}@media(max-width:1100px){.room-actions{right:26px}}#app[data-hud-hidden=true] :is(.topbar,.top-actions,.collection-summary,.table-controls,.bottom-bar,.binder-caption,.hand-tools,#admire-controls,#pile-labels,#pocket-hotspots,.scene-scrim,.drop-hint){visibility:hidden;pointer-events:none}#app[data-hud-hidden=true] .room-coordinate{display:flex!important;opacity:1!important;visibility:visible;top:44px;right:108px}#app[data-hud-hidden=true] .hand-cards{pointer-events:none}.admire-controls{position:absolute;z-index:var(--layer-controls);bottom:70px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);padding:14px 18px;text-align:center;border-radius:15px;background:#14212bed;border:1px solid var(--border)}.admire-controls p{font-size:14px;font-weight:700}.admire-controls>span{display:block;font-size:11px;color:var(--muted);margin:6px 0 12px}.admire-controls .finish-caption{font-size:10px;font-weight:400;color:var(--accent);margin:-3px 0 10px}.card-rarity{display:block;font-size:9px;color:#d7cbb3;margin-top:5px}.card-show-page{min-height:28px;font-size:10px;justify-content:flex-start}.page-readout{border-radius:8px;padding:5px 2px}.page-readout:hover{background:#ffffff09}.flat-tools{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:18px}.flat-tools label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.page-map-dialog,.organizer-dialog{width:min(1060px,calc(100vw - 32px));overflow:auto}.page-map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.spread-choice{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:10px;text-align:left;background:#ffffff03}.spread-choice[aria-current=page]{border-color:var(--accent);background:#e1c79512}.spread-choice>span:last-child{font-size:10px;color:var(--muted)}.spread-mini{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;width:100%}.spread-mini i{display:block;aspect-ratio:63/88;background:#ffffff08;border:1px solid #ffffff20;border-radius:2px}.spread-mini i.filled{background:#d2bc8c66;border-color:#d2bc8c}.organizer-fields{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-bottom:16px}.organizer-fields label{display:grid;gap:6px;font-size:11px;color:var(--muted)}.protected-pages{margin:12px 0 18px;font-size:12px}.protected-pages summary{cursor:pointer;min-height:32px;color:var(--accent)}#organizer-locks{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px;padding:12px 0}#organizer-locks label{display:flex;align-items:center;gap:6px;min-height:32px}#organizer-locks input{accent-color:var(--accent)}#organizer-summary{font-size:12px;line-height:1.6;margin:16px 0}.organizer-results{max-height:38dvh;overflow:auto}.organizer-results table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.organizer-results th{position:sticky;top:0;background:var(--surface-raised)}.organizer-results th,.organizer-results td{padding:10px;border-bottom:1px solid var(--border)}.organizer-results small{display:block;color:var(--muted);margin-top:4px}.organizer-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.pocket-hotspot.ready-to-place{border-color:#e6c781bb;background:#f0cf8118}.pocket-hotspot.reserved-pocket:after{content:attr(data-reserved);position:absolute;left:4px;right:4px;bottom:12%;padding:3px;border-radius:3px;background:#192630d9;color:#f0dfb8;font-size:clamp(7px,.7vw,10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flat-pocket.reserved-pocket img{opacity:.35}.reservation-label,.placement-label{position:absolute;bottom:7px;left:3px;right:3px;padding:3px 1px;background:#172128dc;color:#ffe2a1;border-radius:3px}.flat-pocket .reservation-label{bottom:27px;background:#263642dd;color:#e7edf0}.storage-warning{flex-wrap:wrap}.city-load-warning{position:absolute;left:24px;right:24px;bottom:132px;z-index:var(--layer-notice);display:flex;justify-content:center;align-items:center;gap:14px;padding:10px 14px;background:#182730ef;border:1px solid #e1c79555;border-radius:10px;font-size:11px;line-height:1.5}.loading-actions{display:flex;flex-direction:column;align-items:center;gap:8px;letter-spacing:0}@media(max-width:600px){.organizer-fields{grid-template-columns:1fr}.flat-tools{flex-wrap:wrap}.flat-pages{grid-template-columns:1fr;gap:24px}.flat-grid{gap:9px;padding:12px}.page-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.organizer-results{max-height:32dvh}.organizer-results th,.organizer-results td{padding:7px}.organizer-dialog{padding:22px 14px}.organizer-actions button{font-size:11px}}.admire-controls>div{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.admire-controls button{min-height:38px;font-size:11px;padding:8px 12px}#app[data-admiring=true] :is(.table-controls,.binder-caption,.collection-summary,#pocket-hotspots,#pile-labels){visibility:hidden;pointer-events:none}#app[data-admiring=true] .hand-cards{opacity:.45}#admire-card{width:100%;margin-top:10px}@media(max-width:767px){.room-actions{right:14px;top:env(safe-area-inset-top,0px);gap:2px}.room-actions .top-actions{gap:2px}.room-actions .icon-button{width:32px;height:44px}.room-actions svg{width:18px;height:18px}.brand-mark svg{width:23px}.brand-controls{gap:2px}.time-picker{width:90px}.bag-dialog{margin:8px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.bag-dialog .card-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:18px 10px}.admire-controls{bottom:22px;padding:12px}.admire-controls button{padding:7px 10px}.hand-tools{flex-wrap:wrap}.hand-tools .hand-clear{font-size:9px}#app[data-hud-hidden=true] .room-coordinate{top:83px;right:19px;font-size:8px}}.search-done,.bag-filters>summary{display:none}.bag-filters,.bag-header{flex-shrink:0}@keyframes mobile-dialog-in{0%{opacity:0}to{opacity:1}}@media(max-width:767px),(pointer:coarse){body :is(input:not([type=range]):not([type=checkbox]):not([type=file]),select,textarea,[contenteditable=true]){font-size:max(16px,1rem)}select{min-height:44px;height:auto;line-height:1.4;padding:9px 10px}#app{min-height:100dvh}dialog[open]{position:fixed;top:calc(var(--dialog-viewport-top,0px) + max(8px,env(safe-area-inset-top,0px)));bottom:auto;left:0;right:0;margin:0 auto;max-width:calc(100vw - max(8px,env(safe-area-inset-left,0px)) - max(8px,env(safe-area-inset-right,0px)));max-height:calc(var(--dialog-viewport-height,100dvh) - max(8px,env(safe-area-inset-top,0px)) - max(8px,env(safe-area-inset-bottom,0px)));overflow-y:auto;touch-action:manipulation}dialog[open]{animation:mobile-dialog-in .16s ease-out}dialog .icon-button{min-width:44px;min-height:44px}.room-actions .icon-button{width:44px;height:44px}.view-nav .nav-button{min-height:44px}dialog :is(button,.text-button,summary){min-height:44px;touch-action:manipulation}dialog:not(.bag-dialog) .dialog-heading{position:sticky;top:0;z-index:3;background:var(--surface)}.inspect-dialog .inspector-close{position:sticky;top:0;right:auto;grid-column:1/-1;justify-self:end;margin-left:auto;margin-bottom:-44px;background:var(--surface)}.inspection-details .card-details{font-size:.875rem}.bag-dialog{width:calc(100vw - 16px);padding:16px;height:calc(var(--dialog-viewport-height,100dvh) - max(8px,env(safe-area-inset-top,0px)) - max(8px,env(safe-area-inset-bottom,0px)));border-radius:18px;overflow-y:auto;scroll-padding-top:76px;scroll-padding-bottom:100px}.bag-dialog[open]{animation:mobile-dialog-in .16s ease-out}.bag-dialog>.bag-header{position:sticky;top:0;z-index:3;background:var(--surface);padding-bottom:8px}.bag-dialog .dialog-heading{gap:12px}.bag-dialog .dialog-heading .micro-label,.bag-header>.dialog-subtitle{display:none}.bag-dialog .dialog-heading h2{font-size:1.65rem;letter-spacing:-.8px;margin-top:0}.bag-dialog .search-field{margin-top:8px;padding:0 10px;gap:8px;min-height:48px}.bag-dialog .search-field input{min-height:46px;line-height:1.4;padding:8px 0}.bag-dialog .search-field kbd{display:none}.search-field:focus-within .search-done{display:inline-flex;flex-shrink:0;min-width:44px;font-size:.875rem}.bag-dialog .location-tabs{margin-top:10px}.bag-dialog .location-tabs button{font-size:.8125rem;min-height:44px;min-width:0;padding:0 3px;white-space:normal}.bag-filters{margin-top:6px}.bag-filters>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;font-size:.875rem;color:var(--muted);cursor:pointer}.bag-filters>summary::-webkit-details-marker{display:none}.bag-filters>summary svg{width:18px;height:18px;transition:transform .16s}.bag-filters[open]>summary svg{transform:rotate(180deg)}.bag-dialog .filter-row{margin:6px 0 10px;gap:12px}.bag-dialog .filter-row label,.stack-selector{font-size:.8125rem}.bag-dialog .results-line{font-size:.8125rem;flex-wrap:wrap;gap:0 12px;min-height:44px}.bag-dialog .results-line .text-button{font-size:.8125rem;white-space:normal;text-align:right}.bag-dialog .card-grid{overflow:visible;flex:none;padding:4px 0 16px;gap:20px 14px}.card-card-name{font-size:.875rem;line-height:1.4;margin-top:8px}.card-card-meta,.card-rarity{font-size:.75rem;line-height:1.45}.card-card-meta{flex-wrap:wrap}.card-inspect-button{width:44px;height:44px}.bag-dialog .bag-footer{position:sticky;bottom:-16px;z-index:2;background:var(--surface);margin:auto -16px -16px;padding:12px 16px 16px;gap:6px 10px;font-size:.8125rem}.bag-footer .catalog-note{display:none}.bag-footer #bag-place{font-size:.875rem;min-height:48px;white-space:normal;margin-top:6px}.bag-footer #bag-place:disabled{display:none}.bag-dialog .empty-state{min-height:170px;padding:20px 12px}.bag-dialog .empty-state p{font-size:.875rem}html[data-keyboard-open=true] .bag-dialog :is(.location-tabs,.bag-filters){display:none}html[data-keyboard-open=true] .bag-header .dialog-heading{position:absolute;top:0;right:0}html[data-keyboard-open=true] .bag-header .dialog-heading>div{display:none}html[data-keyboard-open=true] .bag-header .search-field{margin-top:0;margin-right:52px}html[data-keyboard-open=true] .bag-dialog .card-grid{display:block}html[data-keyboard-open=true] .bag-dialog .collection-item{border-bottom:1px solid var(--border);padding:5px 0}html[data-keyboard-open=true] .bag-dialog .collection-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:2px 12px;align-items:center;width:100%;padding:5px 50px 5px 0;min-height:82px}html[data-keyboard-open=true] .bag-dialog .card-art{grid-column:1;grid-row:1/span 3}html[data-keyboard-open=true] .bag-dialog :is(.card-card-name,.card-card-meta,.card-rarity){grid-column:2;margin:0}html[data-keyboard-open=true] .bag-dialog .card-inspect-button{top:18px;right:0}html[data-keyboard-open=true] .bag-footer :is(p,span){display:none}html[data-keyboard-open=true] .bag-footer:has(#bag-place:disabled){display:none}.flat-hand-choice{grid-template-columns:1fr}.organizer-actions{flex-wrap:wrap}.protected-pages label{min-height:44px}}@media(max-width:600px){.bag-dialog .filter-row{grid-template-columns:1fr}.bag-dialog .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.topbar{height:72px;padding-inline:max(14px,env(safe-area-inset-left,0px));top:env(safe-area-inset-top,0px)}.brand-controls .wordmark{width:44px;min-height:44px;justify-content:center}.room-actions{height:72px;right:max(14px,env(safe-area-inset-right,0px));gap:5px}.room-actions .top-actions{gap:5px}.room-actions .icon-button{width:44px;height:44px;padding:0;aspect-ratio:1}.room-actions svg{width:20px;height:20px}.view-nav{top:76px;left:max(14px,env(safe-area-inset-left,0px));right:max(14px,env(safe-area-inset-right,0px));transform:none;gap:4px;padding:4px;border-radius:14px}.view-nav .nav-button{flex:1;min-width:0;min-height:46px;flex-direction:column;gap:3px;padding:4px;font-size:11px;border-radius:10px}.time-picker{position:absolute;top:138px;left:max(14px,env(safe-area-inset-left,0px));width:132px;min-height:46px;padding:0 7px;gap:0}.time-picker>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.time-picker select{height:44px;min-height:44px;font-size:16px;line-height:1.4;padding:0}.collection-summary{top:calc(151px + env(safe-area-inset-top,0px));right:max(14px,env(safe-area-inset-right,0px));left:auto;max-width:calc(100vw - 174px)}.collection-summary>:not(.collection-progress),.collection-summary .progress-rule{display:none}.collection-progress{margin:0;font-size:11px;gap:4px;justify-content:flex-end}.collection-progress>span:first-child{font-size:16px}#app[data-hud-hidden=true] .room-coordinate{top:calc(29px + env(safe-area-inset-top,0px));right:74px}}@media(hover:none){.collection-card:hover{transform:none}.room-actions .icon-button:hover:not(:disabled){background:#14202a70;border-color:#ffffff13}}@media(prefers-reduced-motion:reduce){dialog[open],.bag-dialog[open]{animation:none}}