:root{--ui:#f4e9dc;--muted:#b3a08c;--accent:#ff8a3d;--accent-2:#ffc36b;--spirit:#7fe3ff;--panel:#0e09129e;--line:#ffbe8c2e}html,body{height:100%;color:var(--ui);background:#07060b;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}canvas#game{cursor:none;width:100vw;height:100vh;display:block}canvas#world{width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}.hud{pointer-events:none;position:fixed;inset:0}.label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px}.tl{position:absolute;top:16px;left:16px}.tr{text-align:right;position:absolute;top:12px;right:16px}.bar{border:1px solid var(--line);background:#ffffff12;border-radius:6px;width:min(260px,38vw);height:10px;margin-top:6px;overflow:hidden}.bar>i{background:linear-gradient(90deg,#ff4b2b,#ff9a3d 70%,#ffd27a);width:100%;height:100%;transition:width .12s;display:block}.bar.wide{text-shadow:0 0 18px #ff8c3c73;font-family:Cinzel,serif;font-size:34px;font-weight:700;line-height:1.1}.place{color:var(--accent-2);font-family:Cinzel,serif;font-size:15px}.pill{text-align:center;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;border-radius:999px;padding:8px 18px;position:absolute;top:74px;left:50%;transform:translate(-50%)}.pill b{letter-spacing:.08em;color:var(--accent-2);font-family:Cinzel,serif;font-size:15px}.pill span{color:var(--muted);white-space:normal;max-width:calc(100vw - 72px);margin-top:2px;font-size:11px;display:block}.pill.off b{color:var(--muted)}.pill.shield b{color:#ffe08a}.state{float:right;letter-spacing:.1em}.br{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;width:min(220px,40vw);padding:8px;position:absolute;bottom:16px;right:16px}.br canvas{aspect-ratio:4/3;border-radius:6px;width:100%;display:block}.pipinfo{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:6px;margin-top:6px;font-size:10px;display:flex}.pipinfo em{color:#9dffcf;font-style:normal}#debugText{color:#cfe;white-space:pre;margin:6px 0 0;font:10px/1.5 ui-monospace,Menlo,monospace;overflow:hidden}.notice.rec{background:#a01428cc;top:128px}.notice{background:#781414bf;border:1px solid #ff78784d;border-radius:10px;padding:10px 18px;font-weight:600;position:absolute;top:84px;left:50%;transform:translate(-50%)}#toasts{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:26%;left:50%;transform:translate(-50%)}.toast{letter-spacing:.1em;color:var(--accent-2);text-shadow:0 0 16px #ff7828b3;font-family:Cinzel,serif;font-size:22px;font-weight:700;animation:1s ease-out forwards pop}.toast.bad{color:#ff8080;text-shadow:0 0 16px #ff2828b3}.dodge{text-align:center;pointer-events:none;background:#140a0a73;border:1px solid #ff786459;border-radius:12px;padding:8px 18px;transition:background .15s,border-color .15s;position:absolute;top:62%;left:50%;transform:translate(-50%)}.dodge b{letter-spacing:.1em;color:#ff9a8a;font-family:Cinzel,serif;font-size:22px;display:block}.dodge i{transform-origin:0;background:#ff9a8a;border-radius:2px;height:4px;margin-top:6px;display:block}.dodge.safe{background:#0a1e0f73;border-color:#78e69673}.dodge.safe b{color:#9ef0b4}.dodge.safe i{background:#9ef0b4}.toast.charged{color:#a9c8ff;text-shadow:0 0 16px #5a8cffcc}.toast.good{color:#9ef0b4;text-shadow:0 0 16px #50e6828c}.toast.cool{color:var(--spirit);text-shadow:0 0 16px #50c8ff99}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.9)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-16px)}}#banner{text-align:center;letter-spacing:.2em;color:#ffe2b8;opacity:0;text-shadow:0 0 40px #ff782899;font-family:Cinzel,serif;font-size:clamp(34px,7vw,72px);font-weight:700;position:absolute;top:36%;left:0;right:0}#banner.show{animation:2s ease-out forwards banner}@keyframes banner{0%{opacity:0;letter-spacing:.5em}20%{opacity:1;letter-spacing:.2em}75%{opacity:1}to{opacity:0}}.card{box-sizing:border-box;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;background:#0e0912e6;border-radius:16px;width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);padding:24px 26px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0009}.card h1{color:#ffe2b8;margin:0 0 8px;font-family:Cinzel,serif;font-size:28px}.card p{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.5}.card b{color:var(--accent-2)}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 18px;font-size:13px;display:grid}.grid div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}kbd{text-align:center;min-width:18px;color:var(--ui);background:#ffffff14;border:1px solid #ffffff29;border-radius:5px;padding:2px 6px;font-family:inherit;font-size:11px}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}button{color:#1a0c05;cursor:pointer;background:linear-gradient(#ffc36b,#ff8a3d);border:0;border-radius:10px;padding:10px 20px;font:600 14px Inter,sans-serif;box-shadow:0 6px 24px #ff782859}button.secondary{color:var(--ui);box-shadow:none;border:1px solid var(--line);background:#ffffff14}.muted{color:var(--muted);font-size:12px}.lesson{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(900px,100vw - 32px);display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%)}.lessonTag{color:var(--muted);letter-spacing:.06em;align-items:baseline;gap:8px;font-size:13px;display:flex}.lessonTag b{color:var(--accent-2);text-transform:uppercase;letter-spacing:.12em;font-family:Cinzel,serif;font-weight:700}.lessonCue{color:#fff3df;letter-spacing:.04em;text-shadow:0 2px #0000008c,0 0 28px #ff8c3c8c,0 0 4px #000c;font-family:Cinzel,serif;font-size:clamp(28px,5.2vw,58px);font-weight:700;line-height:1.1}.lessonPips{gap:8px;display:flex}.lessonPips i{background:#00000059;border:2px solid #ffe2b8b3;border-radius:50%;width:14px;height:14px;transition:background .15s,transform .15s}.lessonPips i.on{background:var(--accent-2);border-color:var(--accent-2);transform:scale(1.1);box-shadow:0 0 10px #ffb45acc}.lesson canvas{border:1px solid var(--line);background:#0e09128c;border-radius:12px;width:180px;height:134px}.lesson.done .lessonCue{color:#b8ffcb;text-shadow:0 2px #0000008c,0 0 28px #50e68299}.lesson.done .lessonPips i.on{background:#9ef0b4;border-color:#9ef0b4;box-shadow:0 0 10px #50e682cc}body.tutorial #pill{display:none}@media (width<=760px){.pill{top:92px}.lesson{top:96px}.lesson canvas{width:120px;height:90px}}.camp .controls{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:10px;max-width:calc(100vw - 32px);padding:8px 10px;font-size:12px;display:flex;position:fixed;bottom:16px;left:16px}.camp .notes{flex-direction:column;gap:8px;width:min(340px,100vw - 32px);display:flex;position:fixed;top:70px;right:16px}.camp .note{background:#140c18d9;border:1px solid #ffc87873;border-radius:12px;padding:10px 14px;font-size:14px;animation:.35s ease-out slidein}.camp .note.scroll{border-color:#ffd27a;box-shadow:0 0 24px #ffc86440}@keyframes slidein{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.camp .prompt{color:#ffe2b8;border:1px solid var(--line);background:#0e0912b3;border-radius:12px;padding:10px 18px;font-family:Cinzel,serif;font-size:20px;position:fixed;bottom:22%;left:50%;transform:translate(-50%)}.camp .ren{text-align:center;color:#fff4e4;text-shadow:0 2px 8px #000;width:min(720px,100vw - 32px);font-size:18px;line-height:1.5;position:fixed;bottom:9%;left:50%;transform:translate(-50%)}.camp .ren b{color:var(--accent-2);font-family:Cinzel,serif}.camp .bossbar{text-align:center;color:#ffd0a0;width:min(520px,100vw - 32px);font-family:Cinzel,serif;position:fixed;top:14px;left:50%;transform:translate(-50%)}.camp .bossbar i{background:linear-gradient(90deg,#7a4a2a,#c08040)}.checks{margin:10px 0;padding:0;list-style:none}.checks li{color:var(--muted);padding:4px 0}.checks li.ok{color:#9ef0b4}.checks li.ok:before{content:"✓ "}.card.setup .checks{text-align:left;margin:0 0 14px;display:inline-block}.camp .count{color:#fff4e4;pointer-events:none;-webkit-text-stroke:2px #461405e6;text-shadow:0 0 36px #ff7828f2,0 6px 16px #000c;background:radial-gradient(circle,#0c0604c7 0,#0c060480 140px,#0c060400 320px);place-items:center;font-family:Cinzel,serif;font-size:140px;font-weight:700;display:grid;position:fixed;inset:0}.camp .flames{letter-spacing:8px;font-size:44px}.camp .flames .off{filter:grayscale();opacity:.25}.camp .scrolls{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.camp .scroll{border:1px solid var(--line);text-align:center;border-radius:10px;padding:8px}.camp .scroll canvas{width:100%;height:90px}.camp .scroll.locked{opacity:.35}body.campaign #pill,body.campaign .tr .place,body.exploring .hud .tl,body.exploring .hud .tr,body.exploring #breath,body.exploring .hud .br,body.exploring #pill,body.exploring #dodge,body.exploring #away{display:none}button kbd{vertical-align:1px;margin-left:6px}#hpBar{width:min(260px,26vw);height:12px}#hpBar>i{background:linear-gradient(90deg,#1f9e5a,#4fd67e 70%,#a8f0b0)}#hpBar.low>i{background:linear-gradient(90deg,#c0392b,#f0a040);animation:.9s ease-in-out infinite lowpulse}@keyframes lowpulse{50%{opacity:.55}}.bl .bar{border-radius:8px;height:15px;margin-top:8px}.breath{text-align:center;width:min(520px,100vw - 560px);min-width:300px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.breathRow{align-items:center;gap:12px;display:flex}.breathBar{background:#140a088c;border:1px solid #ffa05a73;border-radius:12px;flex:1;height:20px;overflow:hidden;box-shadow:0 0 18px #ff782840}.breathBar>i{background:linear-gradient(90deg,#d6391c,#ff7a2a 55%,#ffc15a);width:100%;height:100%;transition:width 80ms;display:block;box-shadow:inset 0 0 14px #ff8c32cc}.breathBar.low{border-color:#ff5a3a;animation:.6s ease-in-out infinite lowpulse}.breath>.label{color:#ffb27a;letter-spacing:.3em;margin-top:4px}.ult{background:conic-gradient(#ff8a3d calc(var(--p,1) * 1turn), #ffffff14 0);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;position:relative}.ult:before{content:"";background:#1a0f0c;border-radius:50%;position:absolute;inset:3px}.ult svg{fill:#6a4a3a;width:20px;height:20px;position:relative}.ult b{color:#fff4e4;text-shadow:0 1px 3px #000;font-size:11px;position:absolute}.ult.ready svg{fill:#ffb347;filter:drop-shadow(0 0 6px #ff8c32e6)}.ult.ready{animation:1.6s ease-in-out infinite lowpulse;box-shadow:0 0 14px #ff8c3cb3}.ult.blue{background:conic-gradient(#5a9bff calc(var(--p,1) * 1turn), #ffffff14 0)}.ult.blue.ready svg{fill:#8fc4ff;filter:drop-shadow(0 0 6px #5a96ffe6)}.ult.blue.ready{box-shadow:0 0 14px #5a96ffb3}.ult.bolt{background:conic-gradient(#dfe9ff calc(var(--p,1) * 1turn), #ffffff14 0)}.ult.bolt.ready svg{fill:#f2f6ff;filter:drop-shadow(0 0 6px #aac8fff2)}.ult.bolt.ready{box-shadow:0 0 14px #aac8ffbf}body.front .hud,body.front #mockHelp{display:none!important}body.front canvas#game{cursor:default}.screen{z-index:20;position:fixed;inset:0}.mark{width:64px;height:64px;color:var(--accent);filter:drop-shadow(0 0 14px #ff782899)}kbd+kbd{margin-left:3px}.title{cursor:pointer;background:radial-gradient(at 50% 42%,#0a060c0d 0%,#0a060c73 55%,#060408e6 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.title .logo{flex-direction:column;align-items:center;margin-top:-8vh;animation:1.6s ease-out both rise;display:flex}.title .mark{width:clamp(64px,9vw,104px);height:auto;margin-bottom:6px;animation:4s ease-in-out infinite breathe}.title h1{letter-spacing:.1em;background:linear-gradient(#fff6e4 0%,#ffd08a 45%,#ff7a2a 100%);color:#0000;filter:drop-shadow(0 0 28px #ff782873)drop-shadow(0 4px 2px #0009);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:clamp(54px,10vw,138px);font-weight:700;line-height:1}.title .tagline{letter-spacing:.5em;text-transform:uppercase;color:#f0d6b8;opacity:.85;text-shadow:0 2px 8px #000;margin:14px 0 0;font-size:clamp(11px,1.3vw,15px)}.title .press{letter-spacing:.35em;text-transform:uppercase;color:#ffe2b8;text-shadow:0 0 18px #ff8c3ccc;font-family:Cinzel,serif;font-size:clamp(14px,1.6vw,19px);animation:2.2s ease-in-out infinite blink;position:absolute;bottom:16vh}.title .foot{letter-spacing:.08em;color:var(--muted);text-shadow:0 1px 4px #000;font-size:12px;position:absolute;bottom:22px}@keyframes blink{50%{opacity:.25}}@keyframes breathe{50%{filter:drop-shadow(0 0 26px #ff8c32d9);transform:scale(1.06)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.menu,.settings,.temple{background:linear-gradient(90deg,#08050ae6 0%,#08050a8c 48%,#08050ac7 100%);animation:.35s ease-out fade}@keyframes fade{0%{opacity:0}}.menuHead{letter-spacing:.14em;color:#ffe2b8;align-items:center;gap:12px;font-family:Cinzel,serif;font-size:22px;display:flex;position:absolute;top:28px;left:7vw}.menuHead .mark{width:34px;height:34px}.menuList{flex-direction:column;gap:6px;width:min(380px,40vw);display:flex;position:absolute;top:50%;left:7vw;transform:translateY(-50%)}.menuList .item{all:unset;cursor:pointer;color:#a8988a;padding:10px 0 10px 22px;transition:transform .18s,color .18s;display:block;position:relative}.menuList .item b{letter-spacing:.06em;font-family:Cinzel,serif;font-size:clamp(24px,2.6vw,36px);font-weight:700;transition:color .18s,text-shadow .18s;display:block}.menuList .item span{letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-top:2px;font-size:12px;display:block}.menuList .item:before{content:"";background:0 0;border-radius:2px;width:3px;transition:background .18s,box-shadow .18s;position:absolute;top:14px;bottom:14px;left:0}.menuList .item.on{color:#fff4e4;transform:translate(10px)}.menuList .item.on b{color:#fff4e4;text-shadow:0 0 22px #ff8c3c8c}.menuList .item.on span{opacity:.9;color:var(--accent-2)}.menuList .item.on:before{background:var(--accent);box-shadow:0 0 12px #ff8c3ce6}.menuList .item.locked{opacity:.55;padding:4px 0 4px 22px}.menuList .item.locked b{font-size:clamp(17px,1.7vw,22px)}.menuList .item.locked b:after{content:" 🔒";filter:grayscale();font-size:.7em}.menuList .item.locked span{font-size:10px}.menuList .item.locked.on{opacity:.8;transform:translate(6px)}.menuList .item.locked.on:before{box-shadow:none;background:#ffffff59}.menuDetail{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#100a0eb8;border-radius:18px;width:min(440px,40vw);padding:26px 28px;position:absolute;top:50%;right:7vw;transform:translateY(-50%);box-shadow:0 20px 60px #00000073}.menuDetail .kicker,.setup .kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);font-size:11px}.menuDetail h2{color:#fff4e4;margin:6px 0 12px;font-family:Cinzel,serif;font-size:30px}.menuDetail p{color:#dccbb8;margin:0 0 16px;font-size:14px;line-height:1.6}.menuDetail .stats{gap:12px;margin:4px 0 16px;display:flex}.menuDetail .stats>div{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;flex:1;padding:10px 12px}.menuDetail .stats b{color:var(--accent-2);font-family:Cinzel,serif;font-size:22px;display:block}.menuDetail .stats span{letter-spacing:.08em;color:var(--muted);font-size:11px}.menuDetail .cta{letter-spacing:.2em;text-transform:uppercase;color:#ffe2b8;opacity:.8;font-size:12px}.menuDetail .lessons{flex-wrap:wrap;gap:6px;max-height:38vh;display:flex;overflow:auto}.menuDetail .lessons button{color:var(--ui);border:1px solid var(--line);box-shadow:none;background:#ffffff0d;border-radius:8px;padding:6px 10px;font-size:12px}.menuDetail .lessons button:hover{background:#ffa05a2e;border-color:#ffaa6e80}.menuNote{color:#d8f6de;background:#50a0642e;border:1px solid #8ce6a059;border-radius:10px;max-width:520px;padding:10px 14px;font-size:14px;position:absolute;top:84px;left:7vw}.menuFoot{color:var(--muted);align-items:center;gap:18px;font-size:12px;display:flex;position:absolute;bottom:22px;left:7vw;right:7vw}.menuFoot .spacer{flex:1}.menuFoot b{color:var(--accent-2);font-weight:600}.setPanel{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#100a0ec7;border-radius:18px;width:min(720px,100vw - 32px);padding:10px 28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000073}.setRow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.setRow:last-child{border-bottom:none}.setRow b{color:#fff4e4;font-family:Cinzel,serif;font-size:18px;display:block}.setRow span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5;display:block}.seg{border:1px solid var(--line);border-radius:10px;flex:none;display:flex;overflow:hidden}.seg button{color:var(--muted);box-shadow:none;background:0 0;border-radius:0;padding:9px 14px}.seg button.on{color:#1a0d06;background:linear-gradient(#ff9a4a,#e0602a)}.range{flex:none;align-items:center;gap:10px;display:flex}.range input{width:180px;accent-color:var(--accent)}.range em{color:var(--accent-2);width:44px;font-family:Cinzel,serif;font-style:normal}button.danger{color:#ffb09a;box-shadow:none;background:#c83c2826;border:1px solid #ff785a66;flex:none}button.danger.confirm{color:#fff;background:#c0392b}button.danger:disabled{opacity:.4;cursor:default}.settings .menuFoot{justify-content:center}.card.setup{text-align:center;width:min(460px,100vw - 32px)}.card.setup h1{margin-top:6px}.card.setup .actions{justify-content:center}@media (width<=760px){.menuList{width:86vw;top:90px;transform:none}.menuList .item{padding:5px 0 5px 18px}.menuList .item b{font-size:24px}.menuList .item span,.menuDetail .stats,.menuDetail .lessons{display:none}.menuDetail h2{margin-bottom:6px;font-size:22px}.menuDetail{width:auto;padding:16px 18px;inset:auto 7vw 60px;transform:none}.menuDetail p{display:none}.setRow{flex-direction:column;align-items:flex-start}}body.setup .hud .tl,body.setup .hud .tr,body.setup #breath,body.setup #pill,body.setup #dodge,body.setup #away{display:none!important}.temple .embers{color:var(--accent-2);text-shadow:0 0 18px #ff8c3c80;align-items:center;gap:8px;font-family:Cinzel,serif;font-size:28px;display:flex;position:absolute;top:28px;right:7vw}.temple .embers svg{width:26px;height:26px;fill:var(--accent)}.temple h2{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-family:Cinzel,serif;font-size:16px;font-weight:600}.templeBuild{width:min(620px,52vw);position:absolute;top:100px;left:7vw}.templeRaids{width:min(340px,30vw);position:absolute;top:100px;right:7vw}.buildings{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.building{border:1px solid var(--line);background:#100a0ec7;border-radius:14px;grid-template-columns:54px 1fr;align-items:center;gap:10px 14px;padding:14px;display:grid}.building svg{width:54px;height:54px}.building .info{flex:1;min-width:0}.building b{color:#fff4e4;font-family:Cinzel,serif;font-size:17px;display:block}.building span{color:var(--muted);margin:2px 0 6px;font-size:12px;display:block}.building .pips{gap:5px;display:flex}.building .pips i{border:1.5px solid #ffe2b880;border-radius:3px;width:12px;height:12px}.building .pips i.on{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 8px #ffb45ab3}.building button{grid-column:1/-1;padding:8px 12px;font-family:Cinzel,serif}.building button:disabled{opacity:.45;cursor:default;box-shadow:none}.building.max{border-color:#ffbe6e8c;box-shadow:inset 0 0 22px #ff8c3c2e}.building.just{animation:.6s ease-out built}@keyframes built{0%{box-shadow:0 0 0 3px #ffbe6ee6,0 0 40px #ff8c3ccc}}.raidList{flex-direction:column;gap:8px;display:flex}.raidList button{all:unset;cursor:pointer;border:1px solid var(--line);background:#100a0ec7;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,transform .15s;display:flex}.raidList button:hover:not(.locked){border-color:#ffaa6e99;transform:translate(4px)}.raidList em{color:var(--accent);width:18px;font-family:Cinzel,serif;font-style:normal}.raidList b{color:#fff4e4;flex:1;font-family:Cinzel,serif;font-size:16px;font-weight:600}.raidList .fl{letter-spacing:2px;font-size:14px}.raidList .fl .off{filter:grayscale();opacity:.25}.raidList button.locked{cursor:default;opacity:.4}@media (width<=900px){.templeBuild,.templeRaids{width:auto;margin:0 16px 16px;position:static}.temple{padding-top:90px;overflow:auto}.buildings{grid-template-columns:1fr}}