.rooms-page{background:#0e0d0b;color:#e9e4d8;padding:28px 0 80px}.rooms-page .ho-back{color:#a9a496}.rooms-page h1{font-family:var(--display);font-weight:900;font-stretch:120%;font-size:clamp(44px,9vw,84px);line-height:.9;letter-spacing:-.03em;margin:14px 0 12px;color:#f2e6cf}.rooms-page .kicker{display:block;margin-top:22px;font-family:var(--mono);font-size:13px;color:#e8c27a}.rooms-lede{max-width:62ch;color:#cfc8b8;font-size:18px;margin:0}.rooms-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:36px;margin-top:36px;align-items:start}@media(max-width:880px){.rooms-grid{grid-template-columns:1fr}}.maker{background:#17140f;border:2px solid #B8862A;border-radius:22px;padding:22px;display:grid;gap:14px;box-shadow:0 0 40px #e8b23a24}.maker h2,.shelf h2{margin:0;font-family:var(--display);font-weight:900;font-size:30px;color:#f2e6cf}.maker p{margin:0;color:#b9b2a2;font-size:15px}.maker label{display:grid;gap:6px;font-weight:600;font-size:15px;color:#e9e4d8}.maker textarea,.maker input{font:inherit;font-size:16px;color:#f2e6cf;background:#0b0a08;border:2px solid #3A352C;border-radius:12px;padding:10px 12px}.maker textarea{min-height:130px;resize:vertical}.maker textarea:focus,.maker input:focus{outline:none;border-color:#e8b23a}.maker fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.maker legend{font-weight:600;font-size:15px;margin-bottom:6px}.maker .pick{position:relative}.maker .pick input{position:absolute;opacity:0;inset:0;cursor:pointer}.maker .pick span{display:inline-block;padding:7px 14px;border-radius:999px;border:2px solid #3A352C;font-weight:600;font-size:15px;color:#cfc8b8}.maker .pick input:checked+span{border-color:#e8b23a;background:#e8b23a;color:#15140f}.maker .pick input:focus-visible+span{outline:3px solid #F2E6CF;outline-offset:2px}.maker .go{font:inherit;font-family:var(--display);font-weight:900;font-stretch:115%;font-size:22px;padding:12px 28px;border-radius:999px;border:0;background:#e8b23a;color:#15140f;cursor:pointer;justify-self:start}.maker .go:disabled{opacity:.5;cursor:default}.maker .ideas{display:flex;flex-wrap:wrap;gap:6px}.maker .ideas button{font:inherit;font-size:13px;padding:4px 10px;border-radius:999px;border:1px dashed #5A5246;background:transparent;color:#b9b2a2;cursor:pointer}.maker .ideas button:hover{color:#f2e6cf;border-color:#e8b23a}.maker-status{border-radius:14px;background:#0b0a08;border:1px solid #3A352C;padding:14px;display:grid;gap:6px}.maker-status[hidden]{display:none}.maker-status b{color:#f2e6cf;font-size:17px}.maker-status .bar{height:8px;border-radius:99px;background:#26231d;overflow:hidden}.maker-status .bar i{display:block;height:100%;width:30%;border-radius:99px;background:#e8b23a;animation:writing 1.6s ease-in-out infinite}.maker-status.done .bar i,.maker-status.bad .bar i{animation:none;width:100%}.maker-status.bad .bar i{background:#c0533f}.maker-status a{font-weight:700;color:#e8b23a;font-size:18px}@keyframes writing{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media(prefers-reduced-motion:reduce){.maker-status .bar i{animation:none;width:60%}}.shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.sorts{display:flex;gap:6px}.sorts button{font:inherit;font-weight:600;font-size:14px;padding:5px 12px;border-radius:999px;border:2px solid #3A352C;background:transparent;color:#cfc8b8;cursor:pointer}.sorts button[aria-pressed=true]{border-color:#e8b23a;color:#f2e6cf}.books{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px}.book a{display:flex;flex-direction:column;gap:8px;height:100%;padding:16px;border-radius:16px;background:#17140f;border:2px solid #2E2A22;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.book a:hover{border-color:#e8b23a;transform:translateY(-2px)}.book.spooky a{background:#0f0e14;border-color:#2a2433}.book.spooky a:hover{border-color:#e06b52}.book .name{font-family:var(--display);font-weight:900;font-size:22px;line-height:1.05;color:#f2e6cf}.book .book-tag{color:#b9b2a2;font-size:15px;flex:1}.book .chips{display:flex;flex-wrap:wrap;gap:6px;font-family:var(--mono);font-size:12px}.book .chips span{padding:2px 8px;border-radius:999px;background:#26231d;color:#cfc8b8}.book.house .chips span:first-child{background:#e8b23a;color:#15140f}.book .by{font-size:13px;color:#8f8a7e}.books .none{color:#8f8a7e;grid-column:1 / -1}@media(prefers-reduced-motion:reduce){.book a{transition:none}}
