.room-tile{--room-tint:var(--lightningcss-light,#e6eddd)var(--lightningcss-dark,#303f2b);--room-dark:var(--lightningcss-light,#536949)var(--lightningcss-dark,#b4c9a3);--room-light:var(--lightningcss-light,#f2f6eb)var(--lightningcss-dark,#54694a);border:1px solid var(--campus-border);background:var(--color-surface);border-radius:24px;flex-direction:column;min-width:0;transition:box-shadow .26s,border-color .26s,transform .35s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 3px #22331a02}.room-tile[data-tone="1"]{--room-tint:var(--lightningcss-light,#e8e4f1)var(--lightningcss-dark,#363047);--room-dark:var(--lightningcss-light,#7a6b99)var(--lightningcss-dark,#c5b6e0);--room-light:var(--lightningcss-light,#f5f2fa)var(--lightningcss-dark,#625374)}.room-tile[data-tone="2"]{--room-tint:var(--lightningcss-light,#f3e4d7)var(--lightningcss-dark,#493729);--room-dark:var(--lightningcss-light,#a77c57)var(--lightningcss-dark,#dfbd9e);--room-light:var(--lightningcss-light,#fcf4ec)var(--lightningcss-dark,#7b6046)}.room-tile[data-tone="3"]{--room-tint:var(--lightningcss-light,#dfebef)var(--lightningcss-dark,#293f47);--room-dark:var(--lightningcss-light,#5a8493)var(--lightningcss-dark,#abcbd8);--room-light:var(--lightningcss-light,#f0f7fa)var(--lightningcss-dark,#486977)}.room-tile-art{background:var(--room-tint);border-radius:18px;height:174px;margin:8px 8px 0;position:relative;overflow:hidden}.room-art-orbit{border:1px solid var(--lightningcss-light,#ffffff75)var(--lightningcss-dark,#ffffff20);border-radius:50%;width:266px;height:266px;position:absolute;top:-104px;right:-64px;box-shadow:0 0 0 25px var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#ffffff04),0 0 0 26px var(--lightningcss-light,#ffffff30)var(--lightningcss-dark,#ffffff0d)}.room-art-window{background:var(--lightningcss-light,#ffffff70)var(--lightningcss-dark,#ffffff0a);border:1px solid var(--lightningcss-light,#ffffff90)var(--lightningcss-dark,#ffffff20);border-radius:11px 11px 5px 5px;grid-template-columns:1fr 1fr;gap:3px;width:38px;height:47px;padding:5px;display:grid;position:absolute;top:40px;left:calc(50% - 94px);box-shadow:0 4px 10px #00000004}.room-art-window span{background:var(--room-dark);opacity:.16;border-radius:2px}.room-art-doorway{perspective:400px;background:var(--room-dark);border:1px solid var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff30);border-bottom:0;border-radius:40px 40px 0 0;width:74px;height:108px;padding:6px 6px 0;position:absolute;bottom:22px;left:calc(50% - 37px);box-shadow:8px 8px 18px #0000000b}.room-art-door{transform-origin:0;background:linear-gradient(110deg, var(--lightningcss-light,#ffffffc7)var(--lightningcss-dark,#ffffff12), var(--room-light));border-radius:32px 32px 0 0;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block;position:relative;box-shadow:inset 2px 0 2px var(--lightningcss-light,#ffffffbf)var(--lightningcss-dark,#ffffff30)}.room-art-knob{background:var(--room-dark);opacity:.65;border-radius:50%;width:5px;height:5px;position:absolute;top:60%;right:9px;box-shadow:1px 1px 2px #00000020}.room-art-step{background:var(--lightningcss-light,#ffffff80)var(--lightningcss-dark,#ffffff20);border-radius:2px 2px 4px 4px;width:88px;height:7px;position:absolute;bottom:15px;left:calc(50% - 44px);box-shadow:0 6px 12px #00000008}.room-art-badge{width:28px;height:28px;color:var(--room-dark);background:var(--lightningcss-light,#ffffff54)var(--lightningcss-dark,#ffffff08);border:1px solid var(--lightningcss-light,#ffffff80)var(--lightningcss-dark,#ffffff20);border-radius:9px;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;top:17px;left:18px}.room-art-number{color:var(--room-dark);letter-spacing:.1em;opacity:.55;font-size:10px;font-weight:600;position:absolute;bottom:15px;right:17px}.room-tile-content{flex-direction:column;flex:1;padding:22px 24px 18px;display:flex}.room-tile h2{font-family:var(--font-sans);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:600;line-height:1.4;overflow:hidden}.room-tile-content>p{min-height:44px;color:var(--color-muted);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.room-tile-footer{color:var(--color-leaf);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font-size:12px;font-weight:600;display:flex}.room-tile-arrow{border:1px solid var(--campus-border);background:var(--campus-arrow);border-radius:50%;place-items:center;width:34px;height:34px;transition:background .22s,color .22s,transform .26s;display:grid}.room-tile:focus-visible{outline-offset:5px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.room-tile:hover{border-color:var(--campus-hover-border);transform:translateY(-4px);box-shadow:0 14px 32px #22331a0b,0 3px 6px #22331a03}.room-tile:hover .room-art-door{transform:rotateY(-28deg)}.room-tile:hover .room-tile-arrow{background:var(--color-action);color:var(--color-on-action);transform:rotate(45deg)}}@media (prefers-reduced-motion:no-preference){.room-tile:active{transform:scale(.985)}}@media (max-width:580px){.room-tile-art{height:190px}}
.room-directory{max-width:1320px;margin:auto}.room-directory-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.campus-eyebrow{color:var(--campus-caption);letter-spacing:.16em;margin-bottom:10px;font-size:10px;font-weight:700}.room-directory h1{font-family:var(--font-sans);letter-spacing:-.055em;font-size:clamp(36px,4vw,48px);font-weight:600;line-height:1.1}.room-directory-description{color:var(--color-muted);margin-top:12px;font-size:14px;line-height:1.6}.room-directory-actions{flex:none;align-items:center;gap:14px;padding-bottom:2px;display:flex}.room-directory-count{color:var(--campus-caption);white-space:nowrap;font-size:12px}.room-directory-refresh{border:1px solid var(--campus-border);background:var(--campus-header);width:42px;height:42px;color:var(--color-leaf);border-radius:14px;place-items:center;transition:background .18s;display:grid}.room-directory-refresh:hover{background:var(--color-surface)}.room-directory-refresh:disabled{cursor:default;opacity:.5}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.room-directory-error{border:1px solid var(--campus-error-border);background:var(--campus-error-background);color:var(--campus-error-text);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:16px 20px;font-size:13px;line-height:1.6;display:flex}.room-directory-error p{overflow-wrap:anywhere}.room-directory-error button{flex:none;min-height:44px;font-weight:600}.room-directory-error button:disabled{opacity:.5}.room-loading-tile{border:1px solid var(--campus-border);background:var(--color-surface);border-radius:24px;overflow:hidden}.room-loading-art{background:var(--campus-skeleton);border-radius:18px;height:174px;margin:8px}.room-loading-copy{gap:12px;padding:18px 24px 24px;display:grid}.room-loading-copy span{background:var(--campus-skeleton-copy);border-radius:4px;width:85%;height:10px}.room-loading-copy span:first-child{width:52%;height:18px;margin-bottom:4px}.room-loading-copy span:last-child{width:34%;margin-top:26px}.rooms-empty{border:1px dashed var(--campus-border);background:var(--campus-empty);text-align:center;border-radius:28px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:340px;padding:44px 24px;display:flex}.rooms-empty-icon{border:1px solid var(--campus-border);background:var(--campus-empty-icon);width:64px;height:64px;color:var(--color-leaf);border-radius:20px;place-items:center;margin-bottom:22px;display:grid}.rooms-empty h2{font-family:var(--font-sans);letter-spacing:-.03em;font-size:23px;font-weight:600}.rooms-empty p{max-width:320px;color:var(--color-muted);margin-top:12px;font-size:14px;line-height:1.7}.rooms-empty-hint{color:var(--campus-caption);margin-top:30px;font-size:12px;line-height:1.7}@media (max-width:960px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (max-width:580px){.room-directory-heading{gap:12px;margin-bottom:24px}.room-directory-actions{gap:10px}.room-directory-count{display:none}.room-directory-description{max-width:230px;font-size:13px}.room-grid{grid-template-columns:minmax(0,1fr);gap:18px}.room-loading-art{height:190px}}@media (prefers-reduced-motion:no-preference){.room-loading-tile{animation:1.6s ease-in-out infinite rooms-loading}.room-directory-refresh[data-refreshing=true] svg{animation:1s linear infinite rooms-refresh}}@keyframes rooms-loading{50%{opacity:.55}}@keyframes rooms-refresh{to{transform:rotate(360deg)}}