/* UMBRELLA — REVAMP VISUAL 01 | CSS autoral, sem fotos ou artes de jogos
   Base RE Village: madeira antiga, bronze, pedra verde-oliva e sombras.
   Cada setor utiliza uma luz/acento inspirado no jogo correspondente. */
:root{--gold:#efcb84;--pale:#f0e0c4;--line:#bea176;--dim:#cabba2;color-scheme:dark}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(ellipse 1050px 500px at 50% -220px,#75633e62,transparent 78%),
    repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 70px),
    linear-gradient(118deg,#101715,#111c1a 38%,#1e241e 53%,#0a1110);
  background-attachment:fixed;
}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 90% 25%,#e1bc6d0e,transparent 30%),radial-gradient(circle at 15% 80%,#486a640d,transparent 40%);}
header{max-width:none;background:linear-gradient(90deg,#131b19ef,#333628c7,#131b19ef);border-bottom:1px solid #b79a5f72;box-shadow:0 6px 30px #0005;padding-left:max(clamp(16px,4vw,42px),calc((100vw - 1130px)/2));padding-right:max(clamp(16px,4vw,42px),calc((100vw - 1130px)/2))}
header a{color:#f0d49b}header a:hover{color:#fff4d8;text-shadow:0 0 16px #ead0a28e}
header span{color:#d1bb8e}
.kicker{color:#e8c88b;text-shadow:0 0 16px #d8a75535}
h1,h2{color:#fff0d3;text-shadow:0 3px 17px #0009;letter-spacing:.015em}
.btn{color:#f4dbac;background:linear-gradient(155deg,#655c42,#343a2e 54%,#202b27);border-color:#b2945e;box-shadow:inset 0 1px #f8d59d21,0 8px 17px #0006;transition:transform .18s,filter .18s,box-shadow .18s}
.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #f9e0a347,0 9px 21px #0009,0 0 12px #c5a76b4b}
.btn.primary{background:linear-gradient(130deg,#d7b77a,#7c663d 58%,#514b34);color:#141b17;border-color:#f5d7a0}
.badge{border-color:#c2a774;color:#fff0d3;background:radial-gradient(circle at 20% 20%,#484a34,#1b231e)}
#entry{position:relative;min-height:calc(100svh - 140px);padding-top:30px;padding-bottom:40px}
#entry:before{content:"";position:absolute;z-index:-1;top:7%;width:min(90%,700px);height:72%;border-radius:50%;background:radial-gradient(ellipse,#d2b5742b,#d9ae4510 47%,transparent 76%);filter:blur(14px)}
#entry h1{font-size:clamp(2.3rem,6vw,5.5rem);background:linear-gradient(#fff7e1,#ddbe83);color:transparent;background-clip:text}
#entry .doorframe{border-color:#b29361;box-shadow:0 0 0 6px #202a24,0 0 80px #e7b9764d,0 35px 58px #000c}
#entry .doorleaf{background:repeating-linear-gradient(94deg,#33291f 0 17px,#735032 18px 28px,#2b2721 29px 38px)}
#entry .seal{filter:drop-shadow(0 0 12px #d3ad7f77)}
#entry-door .doorframe{transition:transform .35s,filter .35s}
#entry-door:hover .doorframe{transform:scale(1.045);filter:brightness(1.15)}
#entry-door:active .doorframe{transform:scale(.985)}
.frame{border-color:#8f7650;box-shadow:0 23px 70px #000d,inset 0 0 85px #0007}
.hall{background:radial-gradient(ellipse at 50% 31%,#7c6a45,#394638 26%,#1d2e2b 60%,#080d0e 91%);}
.hall:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 0,#d2b57a21,transparent 48%),linear-gradient(90deg,#0002,transparent 35%,transparent 65%,#0002)}
.hall .left,.hall .right{background:repeating-linear-gradient(95deg,#172523 0 3px,#435044 4px 32px,#2e3e36 33px 63px),repeating-linear-gradient(0deg,transparent 0 65px,#cfb17a29 66px 69px)}
.hall .ceiling{background:linear-gradient(#0a1110,#373e34 64%,#5f563f)}
.hall .floor{background:repeating-linear-gradient(0deg,#212d2b 0 29px,#76654b 30px 33px),repeating-linear-gradient(90deg,#c8a97e18 0 2px,transparent 3px 70px)}
.hall .lamp{background:#fff1b5;border:1px solid #ffe1a1;box-shadow:0 0 11px 4px #ffe6b6d2,0 0 37px 18px #efc87a7b,0 0 85px 31px #d7ac6044;animation:lampBreath 4.7s ease-in-out infinite}
.hall .lamp.b{animation-delay:1.2s}
.halldoor{border-color:#98764f;background:repeating-linear-gradient(90deg,#22251e 0 9px,#684b2e 10px 18px,#342e24 19px 27px,#181f1b 28px 38px);box-shadow:inset 0 0 0 4px #141c16,0 7px 25px #000b;text-shadow:0 2px 4px #000}
.halldoor:before{border-color:#92764d}
.halldoor.locked{filter:brightness(.57) saturate(.78);border-color:#674a41}
.halldoor.locked:after{background:#d35b51;box-shadow:0 0 12px #ea4f4888}
.halldoor.active{border-color:#ddbe80;box-shadow:0 0 0 1px #ebd19c6b,0 0 24px #f5cb7e85,inset 0 0 0 4px #101713;filter:brightness(1.15)}
.halldoor.active:after{background:#b8e7ab;box-shadow:0 0 11px #caffbd}
.halldoor.done{border-color:#97b68f;box-shadow:0 0 21px #c2dca56c,inset 0 0 0 4px #161d17}
.halldoor.p6{background:repeating-linear-gradient(90deg,#141d1c 0 9px,#4b4936 10px 18px,#151c1c 19px 29px)}
.halldoor.p6 span{background:#192020;border-color:#e7cc91}
.halldoor.p6.locked:after{background:#f76661;box-shadow:0 0 16px #f44b4b}
.halldoor.p6.active:after{background:#ebc77a;box-shadow:0 0 16px #ffe7ad}
.halldoor:hover{z-index:4}
.halltip{letter-spacing:.09em;background:#070e0b96;padding:8px 5px;bottom:0;text-shadow:0 0 15px #fad692b8}
#spark{filter:drop-shadow(0 0 17px #fff0b3) drop-shadow(0 0 30px #ffe6a3);animation:brightPickup 1.8s ease-in-out infinite}
#spark:after{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,#ffefc844,#fff0a40d 48%,transparent 75%)}
.rooms-grid button{background:linear-gradient(125deg,#303c32,#17221e);border-color:#827354;color:#eddec0;box-shadow:inset 0 1px #ffffff13;transition:transform .17s,border-color .17s,background .17s}
.rooms-grid button:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(120deg,#52614a,#24362c);border-color:#dfc58b}
.rooms-grid button.completed{background:linear-gradient(120deg,#364d39,#253629);border-color:#95b68e}
.rooms-grid button:disabled{background:#111715;border-color:#5b5645}
.inventory{padding:12px 2px}.token{border-color:#ba9f70;background:radial-gradient(circle at 15% 20%,#4c4e34,#212b24);box-shadow:0 0 14px #e1c07918;color:#f5daa6}
#room{--accent:#a7cfec;--a-rgb:167,207,236}
.room-art{background:radial-gradient(ellipse at 50% 39%,#667789,#233c47 51%,#09141d 90%);border-color:var(--accent);box-shadow:0 22px 56px #000d,0 0 19px rgba(var(--a-rgb),.33),inset 0 0 85px #0006;transition:border-color .3s,box-shadow .3s,background .3s}
.room-art:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.78;background:radial-gradient(ellipse at 50% 6%,rgba(var(--a-rgb),.42),transparent 35%),radial-gradient(circle at 30% 30%,rgba(var(--a-rgb),.14),transparent 30%);mix-blend-mode:screen}
.room-art:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 72px 18px #000a;background:linear-gradient(115deg,transparent 47%,rgba(var(--a-rgb),.13) 50%,transparent 62%);animation:sceneAmbient 8s ease-in-out infinite}
.room-art .wall{background:repeating-linear-gradient(90deg,#1a2730 0 4px,#334954 5px 55px,#283a43 57px 70px),linear-gradient(#53656c,#1b2834);box-shadow:inset 0 0 60px #0007}
.room-art .wall:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 44px,rgba(var(--a-rgb),.12) 45px 48px)}
.room-art .cabinet{border-color:#8293a1;background:repeating-linear-gradient(0deg,#344e59 0 33px,#142631 34px 40px);box-shadow:6px 15px 24px #000b,0 0 14px rgba(var(--a-rgb),.13)}
.room-art .board{border-color:#ac946f;box-shadow:0 9px 23px #000b,0 0 14px rgba(var(--a-rgb),.11)}
.room-art .roomlabel{z-index:5;color:var(--accent);font-size:clamp(1rem,2vw,1.35rem);text-shadow:0 0 13px rgba(var(--a-rgb),.76),0 2px 4px #000;letter-spacing:.18em}
.room-art .floor-room{background:repeating-linear-gradient(0deg,#28363a 0 38px,#111b1e 39px 42px),repeating-linear-gradient(90deg,rgba(var(--a-rgb),.08) 0 2px,transparent 3px 48px)}
.room-art .desk{border-color:#a58a66;background:linear-gradient(#7e6a52,#292b29)}
.room-art .drawer{border-color:#bd9a6b;box-shadow:inset 0 0 15px rgba(var(--a-rgb),.11)}
.room-art.drawer-open .drawer{box-shadow:0 19px 18px #000c,0 0 26px rgba(var(--a-rgb),.68);border-color:var(--accent)}
.room-art .prop{z-index:6;border:1px solid var(--accent);background:linear-gradient(145deg,#112321f2,#252d2cea);color:#ffedce;box-shadow:0 0 0 1px #0008,0 0 16px rgba(var(--a-rgb),.59),inset 0 1px #ffffff20;text-shadow:0 2px 5px #000;transition:transform .2s,box-shadow .2s}
.room-art .prop:before{color:var(--accent);text-shadow:0 0 12px var(--accent);animation:tinySpark 1.6s ease-in-out infinite}
.room-art .prop:hover:not(:disabled){transform:translateY(-3px) scale(1.035);box-shadow:0 0 25px rgba(var(--a-rgb),.84)}
.room-art .prop.done{background:#243e2fee;border-color:#8fbc89;color:#dcf4ce;box-shadow:0 0 12px #8db77960}
.room-art .prop.done:before{animation:none;color:#bcf6ac}
.side-panel{border-color:#9e865b;box-shadow:0 15px 42px #0007;background:linear-gradient(145deg,#232b25,#121b18)}
.goal{background:#121b19;border-color:#555f54}.goal.done{background:#233c2b;border-color:#9bbc8d;color:#d4f3c7}
.note{border-left-color:#e6c07b;background:linear-gradient(135deg,#3f3a2a,#292b22);color:#f0ddbd}
.item-box{background:radial-gradient(ellipse at 18% 50%,#615b3e,#212d25);border-color:#c1a474}
.item-box .symbol{color:#fee0a2;text-shadow:0 0 19px #efd18e68}
#room-kicker{color:#e6cd9d}
#inspect-dialog{border-color:#d3b57a;background:radial-gradient(ellipse at 50% 22%,#4b5243,#1a2a24 62%,#0b1413);box-shadow:0 0 90px #000d,0 0 25px #c4a56c40}
#inspect-dialog .face{border-color:#dfbb78;background:linear-gradient(135deg,#555a45,#24382e 58%,#0d1816);box-shadow:inset 0 1px #edd5a541,0 12px 25px #000c}
#inspect-dialog .face .big{color:#ffe0a2;text-shadow:0 0 16px #f0b869cc,0 0 42px #ba8f577a;animation:itemRotate 4s ease-in-out infinite}
#inspect-dialog .face.back{background:linear-gradient(145deg,#2d423b,#151e1b)}
#transition{background:radial-gradient(ellipse,#354431,#040706 77%)}
#transition .doorframe{border-color:#c8a16b;box-shadow:0 0 70px #d2ad6870,0 16px 39px #000c}
#transition .doorleaf{background:repeating-linear-gradient(90deg,#34251b 0 14px,#664629 15px 23px,#28221b 24px 38px)}
#secret .secret-area{border-color:#ddb873;background:radial-gradient(circle at 50% 46%,#776345,#2b3f31 40%,#101916 83%);box-shadow:inset 0 0 110px #000b,0 0 35px #e1bd743e}
#secret h2{text-shadow:0 0 15px #e7bc7266}
/* Sala 01 / RE2: azul policial */
.room-art.rpd{--accent:#a9d8ff;--a-rgb:100,170,242;background:radial-gradient(ellipse at 49% 24%,#7494a4,#344c5d 45%,#0b1723 90%)}
.room-art.rpd .roomlabel{color:#d0e7ff}
.room-art.rpd .board{background:repeating-linear-gradient(50deg,#555b5c 0 9px,#363d41 10px 20px)}
/* Sala 02 / RE3: sirenes vermelhas, asfalto e cobre */
.room-art.raccoon{--accent:#ff8d75;--a-rgb:255,96,74;background:radial-gradient(ellipse at 47% 22%,#97654d,#403d35 43%,#161d1d 90%)}
.room-art.raccoon .wall{background:repeating-linear-gradient(90deg,#2c2e2c 0 3px,#555048 4px 66px,#2b3231 67px 75px)}
.room-art.raccoon .board{background:linear-gradient(45deg,#4c3d2e,#81634b 30%,#1f2928 65%)}
.room-art.raccoon:after{background:radial-gradient(ellipse at 96% 19%,#fb4f435e,transparent 42%),linear-gradient(140deg,transparent 30%,#f5752921 55%,transparent 70%);animation:sirenGlow 3.5s ease-in-out infinite}
/* Sala 03 / RE4: âmbar, madeira, vitral */
.room-art.village{--accent:#ffcd83;--a-rgb:255,182,94;background:radial-gradient(ellipse at 44% 24%,#bd925e,#584632 48%,#1a211d 94%)}
.room-art.village .wall{background:repeating-linear-gradient(90deg,#392719 0 5px,#5b3b26 6px 44px,#32271d 45px 57px)}
.room-art.village .cabinet{border-color:#937049;background:repeating-linear-gradient(90deg,#553522 0 18px,#2e251b 19px 27px)}
.room-art.village .board{border:9px ridge #b59d6a;background:conic-gradient(from 55deg,#9c4e34 0 60deg,#ad824e 61deg 125deg,#486756 126deg 180deg,#8b564a 181deg 265deg,#d1a35e 266deg 360deg);box-shadow:inset 0 0 20px #20180c,0 0 24px #e8b16835}
.room-art.village .board:before,.room-art.village .board:after{background:#f3d18a5c;border:1px solid #dcbd70}
.room-art.village .desk{background:linear-gradient(#8c6239,#33241c)}
/* Sala 04 / Revelations: azul oceânico, radar */
.room-art.ship{--accent:#80eddf;--a-rgb:77,212,208;background:radial-gradient(ellipse at 50% 20%,#5d98a0,#234b57 43%,#0c1c2b 90%)}
.room-art.ship .wall{background:repeating-linear-gradient(90deg,#1c3d48 0 3px,#355a60 4px 60px,#213940 61px 72px)}
.room-art.ship .board{border-color:#84b6b1;background:repeating-radial-gradient(circle at 48% 53%,#102f30 0 9px,#3c8980 10px 11px,#142c35 12px 23px);box-shadow:inset 0 0 17px #000,0 0 20px #83d3d052}
.room-art.ship .board:before{width:55%;height:2px;top:50%;left:25%;background:#a2ffe8;transform:rotate(34deg);box-shadow:0 0 10px #a2ffe8}
.room-art.ship .board:after{width:10px;height:10px;left:60%;top:37%;border-radius:50%;background:#c8ffe5;box-shadow:0 0 12px #bdffe6}
.room-art.ship .cabinet{background:repeating-linear-gradient(0deg,#2e5559 0 33px,#122e36 34px 40px)}
.room-art.ship .desk{background:linear-gradient(#668184,#1d3b45)}
/* Sala 05 / RE7: musgo, amarelo envelhecido */
.room-art.baker{--accent:#c6e48e;--a-rgb:153,208,86;background:radial-gradient(ellipse at 48% 22%,#948a55,#45442e 45%,#171c16 91%)}
.room-art.baker .wall{background:repeating-linear-gradient(90deg,#252a1d 0 4px,#4c5134 5px 39px,#25281d 40px 62px)}
.room-art.baker .cabinet{border-color:#846c43;background:repeating-linear-gradient(90deg,#44341e 0 21px,#201e18 22px 38px)}
.room-art.baker .board{background:linear-gradient(132deg,#81724a,#4f4c37 48%,#242820)}
.room-art.baker .desk{border-color:#8c713f;background:linear-gradient(#685235,#201c18)}
.room-art.baker:after{background:radial-gradient(ellipse at 35% 19%,#ffdb734a,transparent 45%),linear-gradient(90deg,#11170d43,transparent 75%);animation:lampBreath 5.3s infinite}
/* Sala 06 / RE8: metais, cobre fundido e engrenagens */
.room-art.factory{--accent:#ffd39a;--a-rgb:255,165,80;background:radial-gradient(ellipse at 50% 15%,#b48d58,#5b5a47 38%,#252f2c 70%,#111618 95%)}
.room-art.factory .wall{background:repeating-linear-gradient(90deg,#28312b 0 3px,#656047 4px 35px,#363d34 36px 57px)}
.room-art.factory .cabinet{border-color:#a0855a;background:repeating-linear-gradient(0deg,#756246 0 22px,#222c2a 23px 30px)}
.room-art.factory .board{border-color:#c4aa7a;background:repeating-radial-gradient(circle at 50% 50%,#222e2c 0 9px,#b29664 10px 13px,#252d2a 14px 31px)}
.room-art.factory .board:before{width:17px;height:17px;top:26%;left:18%;background:#e6c18a;border-radius:50%;transform:none;box-shadow:0 0 13px #ffcc85}
.room-art.factory .board:after{width:17px;height:17px;top:53%;left:59%;background:#ca593c;border-radius:50%;transform:none;box-shadow:0 0 13px #ef7345}
.room-art.factory .desk{border-color:#c29b67;background:linear-gradient(#86735c,#303834)}
.room-art.factory:after{background:radial-gradient(ellipse at 51% 92%,#ff91364a,transparent 50%),linear-gradient(130deg,transparent,#f9b96819 48%,transparent 79%);animation:forgeGlow 4.1s ease-in-out infinite}
@keyframes lampBreath{0%,100%{opacity:1}49%{opacity:.7}51%{opacity:1}55%{opacity:.86}}
@keyframes sceneAmbient{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes tinySpark{0%,100%{opacity:1}50%{opacity:.38}}
@keyframes brightPickup{0%,100%{filter:drop-shadow(0 0 14px #fff3cb) brightness(1);opacity:1}50%{filter:drop-shadow(0 0 28px #ffe4a5) brightness(1.75);opacity:.58}}
@keyframes sirenGlow{0%,100%{opacity:.32}46%,60%{opacity:1}}
@keyframes forgeGlow{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes itemRotate{0%,100%{transform:rotate(-9deg) scale(.98)}50%{transform:rotate(11deg) scale(1.05)}}
@media(max-width:800px){.room-art{box-shadow:0 13px 32px #000b,0 0 17px rgba(var(--a-rgb),.27)}.halldoor.active{box-shadow:0 0 15px #edca868a,inset 0 0 0 3px #121714}.hall .lamp{box-shadow:0 0 16px 7px #ffe2aa88,0 0 45px 16px #dbb66e5c}}
@media(max-width:540px){#entry .doorframe{height:246px;width:154px}.rooms-grid button{min-height:66px}.room-art .prop{box-shadow:0 0 10px rgba(var(--a-rgb),.65)}.room-art .roomlabel{font-size:1rem}.halltip{font-size:.56rem}.rooms-grid button small{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}