.cinema,.basin-creator{position:fixed;inset:0;z-index:1500;color:#f6ecd5;background:#081c26;font-family:Fredoka,Georgia,serif;overflow:hidden}.cinema-painting,.basin-room{position:absolute;inset:0;background-image:url('assets/cinematic/story-atlas.webp');background-size:300% 300%;background-repeat:no-repeat;image-rendering:auto}.cinema-painting{transform-origin:50% 45%;filter:saturate(.9)}@keyframes cinematic-drift{from{transform:scale(1.03) translateY(.5%)}to{transform:scale(1.14) translateY(-1.5%)}}.cinema-light{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 35%,#fff4bc15,transparent 45%),linear-gradient(0deg,#061923f2,transparent 70%,#071c2577);pointer-events:none}.cinema-particles{position:absolute;width:100%;height:100%;pointer-events:none}.cinema header{position:absolute;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));display:flex;gap:8px;align-items:center;z-index:3}.cinema header span{margin-right:auto;font:10px Fredoka,system-ui,sans-serif;letter-spacing:.15em}.cinema button,.basin-creator button{font:12px Fredoka,system-ui,sans-serif;background:#102c36c9;border:1px solid #c2ba8a88;border-radius:6px;padding:10px 14px;color:#f1e4be;min-height:40px}.cinema button:focus-visible,.basin-creator button:focus-visible{outline:3px solid #91d1cb;outline-offset:2px}.cinema-title{position:absolute;left:7%;top:20%;font-size:clamp(24px,4vw,50px);text-shadow:0 3px 12px #031820;max-width:70%}.cinema article{position:absolute;bottom:70px;left:7%;right:7%;display:flex;align-items:flex-end;gap:18px;text-shadow:0 2px 3px #00141a}.cinema article canvas{width:75px;height:90px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;filter:drop-shadow(0 3px 5px #04141a)}.cinema article small{color:#b5d8ca;font:11px Fredoka,system-ui,sans-serif;letter-spacing:.12em}.cinema article p{font-size:clamp(15px,2vw,22px);line-height:1.55;margin:7px 0;max-width:950px}.cinema footer{position:absolute;left:7%;right:7%;bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:15px;font:11px Fredoka,system-ui,sans-serif}.cinema progress{flex:1;height:3px;accent-color:#d9c58d}.cinema[data-scene=titulo] article,.cinema[data-scene=titulo] .cinema-title{left:0;right:0;text-align:center;justify-content:center}.cinema[data-scene=titulo] .cinema-title{top:35%;font-size:70px;letter-spacing:.25em}.basin-room{background-position:50% 100%;filter:brightness(.55)}.basin-shell{position:absolute;inset:20px max(24px,env(safe-area-inset-right)) 20px max(24px,env(safe-area-inset-left));display:flex;flex-direction:column;max-width:1000px;margin:auto;background:#112c35b8;border:1px solid #d6c39477;border-radius:16px;backdrop-filter:blur(3px);padding:18px 24px}.basin-shell header small{font:10px Fredoka,system-ui,sans-serif;letter-spacing:.2em;color:#91c1b5}.basin-shell h1{font-size:26px;font-weight:400;margin:4px 0}.basin-narration{font-size:13px;line-height:1.4;margin:7px 0 10px;color:#ddd3b5}.basin-content{display:grid;grid-template-columns: minmax(150px,.8fr) minmax(200px,1.2fr);gap:30px;min-height:0;flex:1;overflow:auto}.basin-reflection{text-align:center;position:relative;align-self:center}.basin-reflection #basin-portrait{width:130px;height:150px;image-rendering:pixelated;background:radial-gradient(ellipse,#628c8c88,#1a4e5f55 60%,transparent 65%);border-bottom:3px solid #c5ad79;border-radius:45%}.basin-ripple{position:absolute;top:60%;left:20%;right:20%;height:1px;background:#e2d7ab66;animation:basin-ripple 3s ease-out infinite;pointer-events:none}@keyframes basin-ripple{to{transform:scale(1.3);opacity:0}}#identity-age{font:11px Fredoka,system-ui,sans-serif;color:#d1c7a4;margin:5px}#basin-directions{width:210px;height:96px;image-rendering:pixelated}.basin-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;overflow:auto;padding:5px 5px 10px}.basin-fields label{display:flex;flex-direction:column;gap:4px;font:11px Fredoka,system-ui,sans-serif;color:#c4d9cc}.basin-fields select,.basin-fields input{width:100%;min-width:0;background:#132e38;color:#f0e3bf;border:1px solid #739083;border-radius:5px;padding:8px;font:13px Fredoka,system-ui,sans-serif;min-height:36px}.basin-fields p{grid-column:1/-1;font:12px/1.6 Fredoka,system-ui,sans-serif}.basin-fields button[aria-pressed=true]{background:#d4c38e;color:#173339}.basin-shell footer{display:flex;justify-content:space-between;gap:12px;margin-top:10px}.basin-shell footer button:last-child{background:#d4c38e;color:#173339;margin-left:auto}.growth-marks{grid-column:1/-1;border-left:7px solid #96704d;padding:10px 15px;background:#b08d5955;display:grid;gap:15px;font:14px Fredoka,Georgia,serif}.growth-marks>*{border-top:1px solid #e4d0a0;padding-top:3px}.basin-walker{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.to-door .basin-shell{background:#112c3566}.basin-shell button:disabled{opacity:.45}.dialogue-expression{font:10px Fredoka,system-ui,sans-serif;color:#a4c7ba}#dialogue #portrait{image-rendering:pixelated;width:100px;height:120px;object-fit:contain}#pulse-button{position:absolute;left:calc(50% - 28px);bottom:78px;z-index:12;width:56px;height:42px;border:1px solid #c3d8c080;border-radius:50%;background:#173c45aa;color:#f2e6ba;font-size:11px;touch-action:none}#pulse-button[hidden]{display:none}.ritual-fragments{height:62px;display:flex;align-items:center;justify-content:center;gap:12px}.ritual-fragments i{width:10px;height:18px;background:var(--aether);transform:rotate(35deg);box-shadow:0 0 12px var(--aether);animation:fragment-float 2.7s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes fragment-float{to{transform:translateY(-9px) rotate(55deg)}}.gift-details{font:12px/1.5 Fredoka,system-ui,sans-serif;color:#d6dfc7;max-height:100px;overflow:auto}.gift-details b{color:#e7d193}.routine-note{font-size:11px;color:#9ebdab}@media(orientation:portrait){.cinema header{flex-wrap:wrap}.cinema header span{width:100%;font-size:9px}.cinema-title{top:23%;max-width:90%;font-size:30px}.cinema article{left:6%;right:6%;bottom:95px;gap:8px}.cinema article canvas{width:52px;height:70px}.cinema article p{font-size:16px;line-height:1.5}.cinema footer{flex-wrap:wrap;bottom:15px}.cinema footer span{flex:1}.cinema progress{flex-basis:100%;order:3}.basin-shell{inset:12px;padding:16px}.basin-content{grid-template-columns:1fr;gap:8px}.basin-reflection #basin-portrait{height:145px;width:130px}#basin-directions{height:70px;width:180px}.basin-fields{overflow:visible}.basin-shell h1{font-size:23px}.basin-shell footer{flex-shrink:0}#dialogue #portrait{width:80px;height:96px}#pulse-button{bottom:170px}}@media(max-height:450px) and (orientation:landscape){.basin-shell{inset:8px 18px;padding:10px 16px}.basin-shell header h1{font-size:20px}.basin-narration{font-size:11px;margin:3px 0}.basin-content{gap:20px;grid-template-columns:180px 1fr}.basin-reflection #basin-portrait{height:100px;width:90px}#basin-directions{width:170px;height:65px}.basin-fields{gap:6px}.basin-fields select{padding:4px;min-height:30px}.cinema article{bottom:52px}.cinema article p{font-size:14px;line-height:1.4}.cinema article canvas{height:64px;width:52px}.cinema-title{top:19%;font-size:28px}.cinema footer{bottom:8px}.cinema header{top:8px}.cinema header button{min-height:30px;padding:6px 10px}#pulse-button{bottom:7px;left:calc(50% - 28px);height:35px}#dialogue #portrait{width:74px;height:88px}}@media(prefers-reduced-motion:reduce){.cinema-painting,.basin-ripple,.ritual-fragments i{animation:none!important}}

#story-intro.cinema{display:block;padding:0;z-index:1500;overflow:hidden;background:#081c26}#story-intro.cinema p{max-width:950px;font-size:clamp(15px,2vw,22px);line-height:1.5}#story-intro.cinema button{margin:0;padding:9px 12px;min-height:36px;background:#102c36c9;color:#f1e4be;border:1px solid #c2ba8a88}#story-intro.cinema .cinema-painting{width:100%;height:100%;object-fit:cover;background:none;animation-fill-mode:both}#story-intro.cinema article p{animation:caption-in .5s ease both}@keyframes caption-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(orientation:portrait){#story-intro.cinema p{font-size:16px;line-height:1.5}}@media(max-height:450px) and (orientation:landscape){#story-intro.cinema p{font-size:14px;line-height:1.4}#story-intro.cinema button{padding:6px 10px;min-height:30px}}

canvas.basin-room{width:100%;height:100%;object-fit:cover;background:none}.cinema-painting{transition:filter .6s}.cinema[data-scene=ruptura] .cinema-light{animation:aether-throb 5s ease-in-out infinite}@keyframes aether-throb{50%{box-shadow:inset 0 0 150px #5e368b66}}

@media(max-height:450px) and (orientation:landscape){.basin-reflection #basin-portrait{height:104px;width:93px}#basin-directions{width:140px;height:64px}.basin-content{grid-template-columns:200px 1fr}}

.reflection-zoom{position:fixed;inset:0;z-index:1600;background:#0b232deF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.reflection-zoom canvas{height:min(70vh,560px);max-width:90vw;object-fit:contain;image-rendering:pixelated}.reflection-zoom button{background:#d6c693;color:#16343a;padding:12px 20px;border:0;border-radius:6px;font:13px Fredoka,system-ui,sans-serif}#basin-portrait{cursor:zoom-in}#basin-portrait:focus-visible{outline:2px solid #a9d5cb}

#pulse-button{top:12px;bottom:auto;left:calc(50% - 28px);height:32px}@media(orientation:portrait){#pulse-button{top:145px;right:12px;left:auto;bottom:auto}}
#game #dialogue:not(.ritual-mode){display:grid;grid-template-columns:110px minmax(0,1fr);align-items:end;gap:10px 18px;max-height:calc(100dvh - 80px);overflow:auto;color:#e9e5cc;background:#102b35f5;border:1px solid #c6b78399;border-radius:12px;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));padding:16px;box-shadow:0 8px 35px #06161e88}#game #dialogue:not(.ritual-mode)>canvas{grid-column:1;grid-row:1/4;align-self:end;background:transparent;width:108px;height:120px;border-radius:0}#game #dialogue:not(.ritual-mode)>div:not(#dialogue-actions){grid-column:2;grid-row:1;min-width:0}#game #dialogue:not(.ritual-mode) #dialogue-actions{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:8px;max-height:32vh;overflow:auto}#game #dialogue:not(.ritual-mode) #dialogue-next{grid-column:2;grid-row:3;justify-self:end;min-height:40px}#game #dialogue #speaker{font:600 12px Fredoka,system-ui,sans-serif;letter-spacing:.07em;color:#e7ce98}#game #dialogue #speech{font-size:15px;line-height:1.6;color:#e7e7cf}#game.talking #skills,#game.talking #movement,#game.talking #hud-support,#game.talking #interact,#game.talking #pulse-button{opacity:0;pointer-events:none}#game #dialogue-actions button{font-size:13px}#dialogue.ritual-mode #gift-preview{flex-wrap:wrap;gap:8px}#dialogue.ritual-mode #gift-preview canvas{width:76px;height:60px;background:transparent}.gift-details{flex:1 1 180px;min-width:0}.gift-details>*{padding:2px 0}@media(orientation:portrait){#game #dialogue:not(.ritual-mode){grid-template-columns:80px minmax(0,1fr);gap:8px 12px;padding:14px;left:10px;right:10px}#game #dialogue:not(.ritual-mode)>canvas{width:80px;height:96px}#game #dialogue #speech{font-size:14px;line-height:1.6}}@media(max-height:450px) and (orientation:landscape){#game #dialogue:not(.ritual-mode){grid-template-columns:78px minmax(0,1fr);padding:12px;bottom:10px}#game #dialogue:not(.ritual-mode)>canvas{width:76px;height:88px}#game #dialogue #speech{font-size:14px;line-height:1.5}#game #dialogue:not(.ritual-mode) #dialogue-actions{max-height:26vh}}

#dialogue.ritual-mode.ritual-reading>#dialogue-next{display:block;grid-column:2;grid-row:2;justify-self:end;min-height:40px}#game #dialogue{z-index:30}.in-centelha #playfield::before{content:'';position:absolute;inset:0;z-index:5;background:radial-gradient(ellipse at 50% 45%,#fffceeef,#c6e3daef 60%,#6d9da7f2);pointer-events:none;animation:centelha-breath 5s ease-in-out infinite alternate}.in-centelha #quest-hud,.in-centelha #sibling-hud{opacity:.15;pointer-events:none}.in-centelha #dialogue{box-shadow:0 10px 50px #315c5366}.in-centelha .ritual-fragments{height:70px}.in-centelha .ritual-fragments i{width:12px;height:24px;box-shadow:0 0 20px var(--aether)}@keyframes centelha-breath{to{opacity:.83}}@media(orientation:portrait){#dialogue.ritual-mode.ritual-reading>#dialogue-next{align-self:flex-end;flex-shrink:0}}@media(prefers-reduced-motion:reduce){.in-centelha #playfield::before{animation:none}}

.in-centelha #world{opacity:0}#centelha-chamber{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}#centelha-chamber span{position:absolute;width:16px;height:35px;background:linear-gradient(125deg,#f6fff677,var(--aether) 48%,#ffffff77 50%,var(--aether));clip-path:polygon(45% 0,100% 30%,75% 90%,40% 100%,0 45%);opacity:.12;filter:drop-shadow(0 0 10px var(--aether));animation:chamber-drift 5s ease-in-out infinite alternate;animation-delay:var(--delay);transition:opacity .6s,filter .6s}#centelha-chamber span[data-lit=true]{opacity:.9;filter:drop-shadow(0 0 20px var(--aether));width:21px;height:45px}@keyframes chamber-drift{to{transform:translate(9px,-15px) rotate(18deg)}}#pulse-button{width:64px;height:40px;left:calc(50% - 32px)}@media(orientation:portrait){#pulse-button{left:auto;right:max(12px,env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){#centelha-chamber span{animation:none}}

#game #dialogue #speech{white-space:pre-line}

#game #dialogue.ritual-mode{align-items:start;scroll-padding-top:16px}#game #dialogue.ritual-mode>div:not(.dialogue-actions){align-self:start}#game #dialogue.ritual-mode #dialogue-actions{position:sticky;top:0}

#game #dialogue.ritual-mode{width:92%;max-width:none!important;left:4%;right:4%;margin-inline:0}@media(orientation:portrait){#game #dialogue.ritual-mode{width:94%;left:3%;right:3%}}