.spatial{--paper:#eee6db;--ink:#493b37;--accent:#965f54;background:#eee6db}.spatial-world{position:relative;overflow:hidden}.world-title{position:absolute;top:24px;left:0;right:0;text-align:center;z-index:2;pointer-events:none}.world-title>p:first-child{font:22px 'Geeza Pro',serif;color:#766558;margin-bottom:14px}.world-title h1{font-size:clamp(40px,4.6vw,65px);letter-spacing:-.04em}.world-title>p:last-child{font-size:12px;letter-spacing:.05em;margin:12px 20px}.spatial canvas{display:block;width:100%;height:calc(100dvh - 200px);min-height:530px;max-height:820px;touch-action:pan-y;cursor:grab}.spatial canvas:active{cursor:grabbing}.world-controls{display:flex;justify-content:center;gap:12px;position:relative;margin-top:-70px;z-index:3}.world-controls button{padding:12px 19px;font-size:12px;border:1px solid #9a615660;background:#eee6ddd9;min-height:44px}.world-controls button:first-child{background:#8c5850;color:#fff5e7;border-color:#8c5850}.gesture{text-align:center;font-size:11px;color:#705f55;padding:14px 15px 0}.world-nav{display:flex;justify-content:center;gap:6px;padding:24px 20px 18px;flex-wrap:wrap}.world-nav button{border-bottom:1px solid transparent;padding:10px 17px;font-size:12px}.world-nav button[aria-pressed=true]{border-color:#8c5850;background:#dfd0c1}.world-nav button:last-child{border:1px solid #a68770}.world-caption{text-align:center;max-width:760px;padding:10px 25px 35px;margin:auto;min-height:180px}.world-caption h2{font-size:32px}.world-caption>p{margin:16px auto;max-width:600px;font-size:14px}.spatial-swatches{display:flex;gap:8px;justify-content:center;margin:20px 0;flex-wrap:wrap}.spatial-swatches button{width:34px;height:40px;background:var(--swatch);border-radius:50% 50% 3px 3px;border:2px solid #eee6db}.spatial-swatches button[aria-pressed=true]{outline:2px solid #493b37;outline-offset:2px}.stage-arrows{display:flex;justify-content:center;align-items:center;gap:25px;margin:16px}.stage-arrows button{padding:8px 16px;border:1px solid #8f7a6650}.spatial details{margin-top:15px;text-align:left}.spatial summary{cursor:pointer;font-size:12px;text-align:center}.spatial details p{font-size:13px;margin:12px}.spatial-footer{text-align:center;font-size:11px;color:#77665c;padding:22px;border-top:1px solid #8f7a6630}.spatial dialog{border:1px solid #a68770;background:#f7f0e6;color:#493b37;padding:35px;width:min(500px,calc(100% - 30px));max-height:85dvh;overflow:auto}.spatial dialog::backdrop{background:#352d2b85;backdrop-filter:blur(5px)}.spatial dialog h2{font-size:34px;margin-right:20px}.spatial dialog>p{font-size:12px;margin:14px 0}.spatial form{display:grid;gap:14px}.dialog-close{position:absolute;right:10px;top:8px;font-size:30px;line-height:1;padding:6px}.spatial #fallback{padding:260px 30px 100px;text-align:center}.spatial #stage-extra>button{border-bottom:1px solid #9a6156;padding:7px;font-size:12px}html[lang=ml] .world-caption h2{line-height:1.5;font-size:28px}html[lang=ml] .world-title h1{font-size:40px}@media(max-width:600px){.world-title{top:23px}.world-title h1{font-size:43px}.spatial canvas{min-height:550px;height:calc(100dvh - 170px)}.world-nav{padding:20px 10px 15px;gap:0}.world-nav button{padding:10px 11px;font-size:11px}.world-controls button{font-size:11px;padding:12px 14px}.world-caption{padding:10px 24px 25px}.world-caption h2{font-size:30px}.world-caption>p{font-size:13px}}