:root{color-scheme:dark;--ink:#f0e8d7;--muted:#b5ad9c;--line:#b59d7040;--panel:#22201bee;--gold:#d8bc82;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--room-background,#191713);color:var(--ink);font:15px/1.5 system-ui,sans-serif}button,a,select{touch-action:manipulation}a{color:inherit}.museum-header{display:flex;align-items:center;gap:32px;padding:18px 4vw;border-bottom:1px solid var(--line);background:var(--room-background,#191713)}.museum-brand{text-decoration:none;letter-spacing:.06em;font-weight:700}.museum-header h1{font:26px Georgia,serif;margin:0}.museum-header>.button{margin-left:auto}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font:inherit;color:var(--ink);background:#302c23;border:1px solid #8a76514d;border-radius:8px;padding:9px 14px;cursor:pointer}.button:hover{background:#443b2c}.button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}main{position:relative}#museum-scene{position:relative;height:min(72vh,760px);min-height:410px;background:radial-gradient(ellipse at 40% 45%,#796345,#151510)}#museum-canvas{width:100%;height:100%;display:block;touch-action:none}.room-caption{position:absolute;left:4vw;bottom:24px;pointer-events:none;text-shadow:0 2px 8px #000}.room-caption>span{font:11px system-ui;letter-spacing:.25em;color:#eee0b9}.room-caption p{font:20px Georgia,serif;margin:7px 0}.room-shortcuts{display:flex;gap:10px;padding:16px 4vw;background:#1c1a16;border-bottom:1px solid var(--line);flex-wrap:wrap}#museum-status{padding:0 4vw;color:var(--muted)}#museum-projects{position:absolute;top:24px;right:3vw;width:min(310px,88vw);max-height:55vh;overflow:auto;background:var(--room-panel,var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:20px;backdrop-filter:blur(12px)}#museum-projects h2{font:24px Georgia,serif;margin:0}#museum-projects p{font-size:12px;color:var(--muted)}#museum-binder-list{display:grid;gap:8px}.binder-choice{text-align:left;justify-content:flex-start;border-left:4px solid var(--binder-color,#47775f);width:100%;min-height:54px;display:block}.binder-choice small{display:block;font-size:10px;color:var(--muted);letter-spacing:.12em}#museum-reader{max-width:1050px;margin:30px auto;padding:24px;background:#29251d;border:1px solid var(--line);border-radius:var(--radius)}.reader-heading,.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.reader-heading h2,.detail-heading h2{font:28px Georgia,serif;margin:4px 0}#museum-pockets{display:grid;grid-template-columns:repeat(var(--columns,3),1fr);gap:12px;padding:20px;border:1px solid #bdaf8460;background:linear-gradient(110deg,#e1d8be15,#e1d8be08);border-radius:7px}.museum-pocket{position:relative;display:grid;align-content:start;gap:4px;border:1px solid #e3d8b537;background:linear-gradient(130deg,#ffffff10,transparent 45%);box-shadow:inset 0 0 12px #0003;padding:10px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:6px;min-width:0}.museum-pocket img{width:100%;height:auto;aspect-ratio:244/340;object-fit:contain;display:block;border-radius:4%}.museum-pocket.alpha img{border-radius:9%}.museum-pocket.missing img{opacity:1}.museum-pocket strong{font-size:12px}.museum-pocket small{font-size:10px;color:var(--muted)}.pocket-ownership{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#a8ccb6}.museum-pocket.missing .pocket-ownership{color:#e6c296}.empty-pocket{aspect-ratio:244/340;display:grid;place-items:center;border:1px dashed #b59d7035;color:var(--muted);font-size:12px}.page-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px;flex-wrap:wrap}.page-controls select{background:#302c23;color:var(--ink);padding:8px;border:1px solid var(--line);border-radius:6px}.museum-help{font-size:12px;color:var(--muted);padding:0 4vw 20px}dialog{max-width:min(850px,94vw);width:850px;background:#23201a;color:var(--ink);border:1px solid #b59d7070;border-radius:16px;padding:25px}dialog::backdrop{background:#080807d9;backdrop-filter:blur(8px)}.museum-card-detail{display:grid;grid-template-columns:minmax(180px,1fr) 1fr;gap:28px;margin-top:24px}.museum-card-surface{position:relative;align-self:start;transform:perspective(900px) rotateY(var(--angle-x,0deg)) rotateX(var(--angle-y,0deg));transition:transform .1s;--shine:50%;--angle-x:0deg;--angle-y:0deg;border-radius:4%;overflow:hidden}.museum-card-surface.alpha{border-radius:9%}.museum-card-surface img{display:block;width:100%;height:auto;border-radius:inherit}.foil-light{display:none;position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#a8cddd14 40%,#f1b6d622 47%,#f5edb324 53%,transparent 68%);background-size:220% 100%;background-position:var(--shine) 50%;mix-blend-mode:screen;opacity:.65}.museum-card-surface.foil .foil-light{display:block}#museum-detail-traits p{border-top:1px solid var(--line);padding-top:10px;font-size:13px;color:var(--muted)}#museum-detail-text{white-space:pre-line;color:var(--muted);font-size:14px}[hidden]{display:none!important}@media(max-width:700px){.museum-header{gap:12px;flex-wrap:wrap;padding:16px}.museum-header h1{font-size:21px}.museum-header>.button{font-size:11px}.museum-brand{font-size:12px}#museum-scene{height:57vh;min-height:330px}#museum-projects{top:16px;right:16px;width:240px;max-height:41vh;padding:14px}.room-caption{left:16px;bottom:16px}.room-caption p{font-size:15px;max-width:200px}.room-shortcuts{gap:7px;padding:12px 16px}.room-shortcuts .button{font-size:12px;padding:8px 10px}#museum-reader{margin:16px 10px;padding:14px}.reader-heading h2{font-size:22px}#museum-pockets{gap:6px;padding:8px}.museum-pocket{padding:5px}.museum-pocket strong{font-size:10px}.museum-pocket small{font-size:9px}.museum-card-detail{grid-template-columns:1fr;gap:16px}.museum-card-surface{width:min(270px,100%);margin:auto}.detail-heading h2{font-size:21px}.detail-heading .button{font-size:11px}}