:root{--bg:#f7f4ee;--surface:#fffdf9;--ink:#241f17;--muted:#6f6759;--accent:#a34d21;--accent-soft:#f3e2d5;--border:#e6ded0;--shadow:0 1px 2px rgba(36, 31, 23, 0.06), 0 8px 24px rgba(36, 31, 23, 0.08);--shadow-lift:0 2px 4px rgba(36, 31, 23, 0.08), 0 16px 40px rgba(36, 31, 23, 0.14);--good:#3d6b45;--good-soft:#e3ede0;--fair:#8a6d2f;--fair-soft:#f2e9d3;--hard:#8c3b30;--hard-soft:#f4e0dc;--radius:10px;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--accent)}.site-header{max-width:46rem;margin:0 auto;padding:4.5rem 1.5rem 3.5rem;text-align:center;border-bottom:1px solid var(--border)}.eyebrow{margin:0 0 1rem;font-size:.75rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.site-title{margin:0;font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4rem);font-weight:600;line-height:1.1;letter-spacing:-.01em}.site-subtitle{margin:1.25rem auto 0;max-width:34rem;color:var(--muted);font-size:1.05rem}.enter-room{display:inline-block;margin-top:1.75rem;padding:.8rem 1.9rem;border-radius:999px;background:var(--accent);color:#fdf9f3;font-weight:600;font-size:1rem;text-decoration:none;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.enter-room:focus-visible,.enter-room:hover{background:#8a3f18;transform:translateY(-2px);box-shadow:var(--shadow-lift)}.enter-room-note{display:block;font-size:.75rem;font-weight:400;opacity:.85}.gallery{max-width:72rem;margin:0 auto;padding:3rem 1.5rem 4rem}.gallery-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:1.75rem}.cat-card{width:100%;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;text-align:left;font:inherit;color:inherit;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.cat-card:focus-visible,.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.cat-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card-figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--accent-soft)}.card-figure img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.cat-card:hover .card-figure img{transform:scale(1.04)}.card-body{padding:1.1rem 1.25rem 1.25rem}.card-name{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:600;line-height:1.25}.card-tagline{margin:.35rem 0 .9rem;color:var(--muted);font-size:.9rem;line-height:1.45}.badge{display:inline-block;padding:.22rem .65rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge--good{background:var(--good-soft);color:var(--good)}.badge--fair{background:var(--fair-soft);color:var(--fair)}.badge--hard{background:var(--hard-soft);color:var(--hard)}.badge--plain{background:var(--accent-soft);color:var(--accent)}.cat-modal{width:min(920px,calc(100vw - 2rem));max-height:calc(100dvh - 3rem);padding:0;border:0;border-radius:var(--radius);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lift);overflow:hidden}.cat-modal::backdrop{background:rgba(30,24,16,.55);backdrop-filter:blur(2px)}.modal-layout{display:grid;grid-template-columns:2fr 3fr;grid-template-rows:minmax(0,calc(100dvh - 3rem));max-height:calc(100dvh - 3rem)}.modal-figure{margin:0;background:var(--accent-soft);min-height:100%}.modal-figure img{width:100%;height:100%;object-fit:cover}.modal-content{padding:2rem 2.25rem 2rem 2rem;overflow-y:auto;overscroll-behavior:contain}body.modal-open{overflow:hidden}.modal-close{position:absolute;top:.75rem;right:.75rem;z-index:1;width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:rgba(36,31,23,.55);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;transition:background .2s ease}.modal-close:focus-visible,.modal-close:hover{background:rgba(36,31,23,.85)}.modal-section h3,.modal-title{font-family:var(--font-display);font-weight:600}.modal-title{margin:0;font-size:2rem;line-height:1.15}.modal-tagline{margin:.4rem 0 0;color:var(--muted);font-style:italic;font-family:var(--font-display);font-size:1.05rem}.modal-badges,.modal-meta{display:flex;flex-wrap:wrap}.modal-meta{gap:.35rem 1.75rem;margin:1.25rem 0 0;padding:.9rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.modal-meta div{min-width:7rem}.modal-meta dt{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.modal-meta dd{margin:.1rem 0 0;font-size:.92rem;font-weight:500}.modal-badges{gap:.5rem;margin-top:1.1rem}.modal-stats{display:grid;gap:.55rem;margin-top:1.4rem}.stat-row{display:grid;grid-template-columns:7.5rem 1fr;align-items:center;gap:.75rem}.stat-label{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stat-dots{display:flex;gap:.4rem}.stat-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--border)}.stat-dot--filled{background:var(--accent)}.modal-section h3{margin:1.6rem 0 .35rem;font-size:1.15rem}.modal-section p{margin:0;color:#3d372d;font-size:.95rem}.modal-funfact{margin-top:1.6rem;padding:1rem 1.15rem;border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius)0;background:var(--accent-soft)}.funfact-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.modal-funfact p{margin:.3rem 0 0;font-size:.92rem}.modal-credit{margin:1.25rem 0 0;font-size:.75rem;color:var(--muted)}.site-footer{max-width:46rem;margin:0 auto;padding:2.5rem 1.5rem 3.5rem;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:.85rem}.site-footer p{margin:0 0 .6rem}.footer-note{font-size:.78rem}body.room-page{overflow:hidden;height:100dvh}#room-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab}.room-header{position:fixed;top:1rem;left:1.25rem;z-index:5;display:flex;align-items:center;gap:1rem}.room-title{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:#2c2519;text-shadow:0 1px 0 rgba(255,255,255,.5)}.room-back{padding:.35rem .95rem;border-radius:999px;border:1px solid rgba(44,37,25,.25);background:rgba(255,253,249,.75);color:#2c2519;font-size:.85rem;font-weight:500;text-decoration:none;backdrop-filter:blur(4px)}.room-back:focus-visible,.room-back:hover{background:rgba(255,253,249,.95)}.room-hint{position:fixed;bottom:1.1rem;left:50%;transform:translateX(-50%);z-index:5;margin:0;max-width:90vw;padding:.45rem 1.2rem;border-radius:999px;background:rgba(30,24,16,.6);color:#f3ede2;font-size:.8rem;text-align:center;backdrop-filter:blur(4px);transition:opacity .8s ease}.room-hint--hidden{opacity:0}@media (max-width:720px){.site-header{padding:3rem 1.25rem 2.5rem}.modal-layout{display:block;overflow-y:auto;overscroll-behavior:contain}.modal-figure{aspect-ratio:16/10;min-height:0}.modal-content{padding:1.5rem 1.25rem 1.75rem;overflow-y:visible}.stat-row{grid-template-columns:6.5rem 1fr}}@media (prefers-reduced-motion:reduce){.card-figure img,.cat-card{transition:none}}