#aerokinesis-content[hidden]{display:none}
body[data-room=aerokinesis] .sanctuary,body[data-room=aerokinesis] #hotspots,body[data-room=aerokinesis] .motes,body[data-room=aerokinesis] #index{display:none}
.aero-scene{min-height:680px;position:relative;padding:5% 4% 9%;background:#17150f url('assets/aerokinesis-cave.png') center/cover}
.aero-wall{width:65%;position:relative}
.aero-introduction{display:block;margin:0 auto 24px;padding:12px 22px;min-height:48px;border:1px solid #bd996250;background:#151710db;color:#ead3a5;font-size:17px;box-shadow:0 5px 18px #0008}
.aero-introduction span{margin-left:16px}
.aero-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 10px;align-items:start}
.aero-tile{min-width:0;position:relative;padding:0;border:0;background:transparent;color:#f0dcaf;transition:transform .3s,filter .3s;filter:drop-shadow(0 6px 5px #0009)}
.aero-tile img{width:100%;aspect-ratio:1;object-fit:contain;display:block;border-radius:14% 12% 13% 10%;box-shadow:0 0 0 1px #cbb48028}
.aero-tile>span{display:block;margin:7px -2px 0;padding:5px 2px;background:#18160ec9;font-size:14px;line-height:1.35;text-shadow:0 2px 3px #000}
.aero-tile small{color:#d1b276;font-size:12px}
.aero-tile:hover{transform:translateY(-4px);filter:drop-shadow(0 0 9px #d5b77a70)}
.aero-tile:focus-visible,.aero-introduction:focus-visible{outline:2px solid #f0d9a5;outline-offset:5px}
.room-guide[data-room=aerokinesis]{width:min(1120px,calc(100% - 32px));background:linear-gradient(110deg,#171a14f7,#161a15f5),url('assets/aerokinesis-cave.png') center/cover}
.room-guide[data-room=aerokinesis]::backdrop{background:#070a078c;backdrop-filter:blur(3px)}
.room-guide[data-room=aerokinesis] .guide-frame{padding-inline:clamp(24px,4vw,55px)}
.room-guide[data-room=aerokinesis] #guide-topics{background:#181d16fa;gap:3px 8px;margin-inline:0;max-height:190px;overflow-y:auto}
.room-guide[data-room=aerokinesis] #guide-topics button{font-size:14px;padding:6px 8px}
.room-guide[data-room=aerokinesis] #guide-body{max-width:none}
.aero-lesson{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,50px);align-items:start}
.aero-words{min-width:0}
.aero-words p:first-child{margin-top:0}
.aero-illustration{margin:0;position:sticky;top:160px;align-self:start}
.aero-illustration img{display:block;width:100%;max-height:53dvh;object-fit:contain;filter:drop-shadow(0 12px 16px #000b)}
.aero-illustration figcaption{text-align:center;color:#d9bd88;font-size:15px;line-height:1.5;padding:14px 0}
@media(max-width:1100px){.aero-wall{width:66%}.aero-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 15px}.aero-scene{background-position:62% center}.aero-illustration{top:190px}}
@media(max-width:640px){.aero-scene{padding:24px 16px 40px;background-position:58% center}.aero-wall{width:100%;padding-top:150px}.aero-tiles{gap:22px 10px}.aero-tile>span{font-size:14px}.aero-introduction{font-size:16px;background:#101912ef}.room-guide[data-room=aerokinesis]{width:calc(100% - 18px)}.room-guide[data-room=aerokinesis] #guide-topics{flex-wrap:nowrap;justify-content:flex-start;overflow:auto;max-height:none;padding:28px 0 12px;margin-bottom:24px;scrollbar-width:thin}.room-guide[data-room=aerokinesis] #guide-topics button{white-space:nowrap;flex:none}.aero-lesson{display:flex;flex-direction:column;gap:24px}.aero-illustration{position:static;order:-1;width:100%}.aero-illustration img{height:230px}.aero-illustration figcaption{padding:8px 0}.aero-words{width:100%}}
@media(prefers-reduced-motion:reduce){.aero-tile{transition:none}.aero-tile:hover{transform:none}}

@media(min-width:641px){.aero-scene{background-attachment:fixed;background-position:center}}

.aero-scene{display:grid;padding:0;background:#17150f;isolation:isolate}
.aero-backdrop{grid-area:1/1;position:sticky;top:0;align-self:start;height:100svh;min-height:600px;max-height:950px;background:url('assets/aerokinesis-cave.png') right center/cover;z-index:-1}
.aero-wall{grid-area:1/1;align-self:start;margin:5% 4% 9%;width:65%}
@media(max-width:640px){.aero-wall{margin:24px 16px 40px;width:calc(100% - 32px);padding-top:150px}.aero-backdrop{background-position:72% center;min-height:720px}}