/* V0.5A — scènes peintes et couches réutilisables. */
.home-shell{min-height:100dvh;background:#07121d;color:#f1f2eb}.home-header{height:74px;padding:14px 3%;display:flex;gap:24px;align-items:center}.home-header .connection{margin-left:auto}.home-header .text-button{font-size:12px}.home-header strong{font-size:16px}.home-stage{position:relative;isolation:isolate;min-height:650px;height:calc(100dvh - 110px);max-height:1100px;overflow:hidden}.home-world{position:absolute;inset:0;z-index:-2;background:#0a1722}.master-plate{position:absolute;width:100%;height:100%;object-fit:fill}.home-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#04132244,transparent 25%,transparent 60%,#04132277)}
.home-topline{position:absolute;left:3%;top:22px;display:flex;gap:25px;align-items:center;font-size:12px;letter-spacing:.15em;text-shadow:0 1px 8px #000}.home-topline .text-button{background:#081827de;border:1px solid #688090;border-radius:8px;padding:10px;letter-spacing:0}.home-footer{display:flex;justify-content:space-between;padding:10px 3%;font-size:12px;color:#a9bec8}.hub-hero{position:absolute;left:6%;bottom:3%;width:28%;height:82%;pointer-events:none}.living-avatar{height:100%;width:100%;overflow:visible;filter:drop-shadow(0 5px 3px #0003)}.hero-shadow{position:absolute;width:55%;height:4%;border-radius:50%;background:#02091088;filter:blur(7px);left:27%;bottom:3%}.portrait{filter:none}
.object-art{display:block;width:110px;aspect-ratio:1;background-image:url('/assets/hub/objects-atlas.png');background-size:300% 300%;background-position:var(--ox) var(--oy);border-radius:15px}.earth-box{position:absolute;left:43%;bottom:9%;width:22%;aspect-ratio:1}.earth-box .object-art{width:100%;clip-path:polygon(7% 25%,60% 12%,95% 26%,96% 65%,74% 88%,10% 76%)}.earth-journal{position:absolute;left:8%;top:63%;width:4%;height:3%;background:#1b2f37;transform:rotate(-12deg);border:2px solid #bf9559}.workshop-shutter{position:absolute;left:35.5%;top:24%;width:16%;height:35%;background:repeating-linear-gradient(#273745 0 12px,#172733 13px 17px);border:3px solid #111e29;box-shadow:inset 5px 0 22px #0008;transform:skewY(5deg)}.workshop-shutter i{position:absolute;left:48%;top:55%;width:8px;height:8px;border-radius:50%;background:#9d8f61}.capsule-station{position:absolute;left:64%;bottom:17%;width:16%;aspect-ratio:1}.capsule-station>.object-art{width:100%;clip-path:polygon(18% 30%,24% 14%,40% 8%,58% 10%,69% 20%,74% 51%,85% 59%,85% 80%,56% 90%,15% 80%,10% 65%,21% 51%)}.capsule-station>.docked-capsule{position:absolute;left:38%;top:22%;width:29%;clip-path:ellipse(25% 38% at 50% 50%)}.capsule-reflection{position:absolute;left:40%;top:20%;height:30%;width:8%;background:linear-gradient(90deg,transparent,#73efed77,transparent);animation:capsule-shimmer 9s ease-in-out infinite}.wall-decoration{position:absolute;left:22.8%;top:25.6%;width:5.4%;height:10.9%;background-size:cover;background-position:60% 50%;transform:skewY(5deg)}.wall-decoration.earth-poster{background-image:url('/assets/hub/earth-master.png')}.wall-decoration.rail-poster{background-image:url('/assets/hub/base-master.png');background-size:400%;background-position:82% 28%}.shelf-decoration{position:absolute;left:26%;top:39%;width:5%;aspect-ratio:1}.shelf-decoration .object-art{width:100%;clip-path:ellipse(39% 47% at 50% 49%);animation:plant-breathe 13s ease-in-out infinite;transform-origin:50% 95%}.desk-lamp{position:absolute;left:58%;top:48%;width:3%;height:5%;border-left:4px solid #bb9960;transform:rotate(12deg)}.desk-lamp:before{content:"";position:absolute;left:-65%;top:-18%;width:160%;height:45%;background:#bd9858;clip-path:polygon(25% 0,65% 0,100% 100%,0 100%)}.desk-lamp i{position:absolute;top:20%;left:-80%;width:180%;height:90%;background:#ffd07877;filter:blur(20px)}.desk-lamp.soft i{background:#aaeaf977}.door-light{position:absolute;left:88%;top:25%;width:10%;height:44%;border:1px solid transparent;pointer-events:none}.room-signal{position:absolute;left:49%;top:50%;height:3px;width:6px;border-radius:3px;background:#85d4d3;animation:signal-idle 12s ease-in-out infinite}.returned-object{position:absolute;left:47%;top:48%;width:4%;aspect-ratio:1}.returned-object .object-art{width:100%;clip-path:ellipse(43% 34% at 50% 52%)}
@keyframes capsule-shimmer{0%,40%,100%{opacity:.15}55%,65%{opacity:.55}}@keyframes plant-breathe{0%,30%,100%{transform:rotate(0)}60%{transform:rotate(.6deg)}}@keyframes signal-idle{0%,70%,100%{opacity:.3}78%,88%{opacity:.8}}
.hotspot{position:absolute;background:#091d2be8;color:#f7f4ed;border:1px solid #92aeb988;padding:12px 18px;border-radius:10px;box-shadow:0 4px 20px #0003;font-size:15px}.hotspot:hover:not(:disabled),.hotspot:focus-visible{border-color:#d9fb69;transform:translateY(-2px)}.hero-hotspot{left:5%;top:34%}.collection-hotspot{left:31%;top:56%}.decorate-hotspot{left:35%;top:72%}.locked-workshop{position:absolute;left:39%;top:35%;font-size:12px;color:#c1cbd0;padding:8px;background:#07121dba;border-radius:8px}.home-welcome{position:absolute;right:4%;bottom:8%;max-width:390px;background:linear-gradient(135deg,#071928ee,#142635d9);border:1px solid #a7bdc035;border-radius:18px;padding:28px;box-shadow:0 15px 50px #0004}.home-welcome h1{font-size:clamp(25px,3vw,43px);line-height:1.1;margin:13px 0}.home-welcome p{font-size:15px;color:#d9e0de;line-height:1.5}.home-welcome .primary{width:100%;margin-top:8px}.home-welcome .free-note{font-size:12px;color:#a6bdc7;margin-bottom:0}.home-pair{position:absolute;right:4%;top:8%;display:grid;gap:4px;padding:14px 20px;background:#061723ee;border:1px solid #5c7782;border-radius:12px;font-size:12px;max-width:300px}.home-pair strong{font-size:28px;letter-spacing:.18em}.home-pair .text-button{padding:3px 0;text-align:left;font-size:12px}.departure-request{position:absolute;top:9%;left:35%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 18px;border:1px solid #a5b36d;border-radius:12px;background:#071b2af0;font-size:14px;z-index:8}.home-error{position:absolute;left:35%;right:4%;bottom:1%;background:#381f27ed;border:1px solid #c17f7f;padding:12px;border-radius:8px;z-index:12;font-size:14px}
.home-panel{position:absolute;right:4%;top:12%;bottom:5%;width:48%;overflow:auto;background:#091c2bf2;border:1px solid #607c8977;border-radius:18px;padding:25px 30px;box-shadow:0 15px 45px #0004}.home-panel h1{font-size:32px;margin:10px 0 20px}.home-panel fieldset{border:0;padding:0;margin:18px 0}.home-panel legend{font-size:14px;color:#c4d3d9;margin-bottom:10px}.appearance-options{display:flex;gap:10px}.appearance-choice{flex:1;min-width:0;height:135px;border:1px solid #607681;border-radius:10px;background:#142838;color:white;padding:4px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.appearance-choice svg{height:98px}.appearance-choice span{font-size:12px}.selected{border-color:#d9fb69!important;box-shadow:inset 0 0 0 1px #d9fb69;color:#e4f2b1!important}.swatches{display:flex;gap:12px}.swatch{padding:5px;border:1px solid #677d87;border-radius:50%;background:transparent;position:relative}.swatch>span:first-child{display:block;width:30px;height:30px;border-radius:50%}.swatch.selected:after{content:'✓';position:absolute;right:-3px;bottom:-4px;background:#d9fb69;color:#0a1824;border-radius:100%;width:18px;height:18px;font-size:12px}.sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.save-status{font-size:13px;color:#dce9ae;min-height:22px}.panel-actions{display:flex;gap:14px;justify-content:flex-end}.panel-actions button{padding:12px 22px}.decoration-panel{top:auto;height:auto;max-height:46%;width:55%}.slot-tabs,.collection-tabs{display:flex;flex-wrap:wrap;gap:8px}.slot-tabs button,.collection-tabs button{padding:9px 13px;font-size:13px}.decoration-options{display:flex;gap:10px;margin:20px 0}.decoration-choice{flex:1;min-height:85px;background:#132c3d;color:white;border:1px solid #68808c;border-radius:10px;padding:12px}.decoration-choice .object-art{width:70px;margin:auto}.decoration-choice span{display:block}.slot-marker,.fixed-marker{position:absolute;padding:7px 13px;font-size:13px;border:1px solid #d9fb69;background:#102532da;border-radius:7px;pointer-events:none}.slot-wall{left:27%;top:28%}.slot-shelf{left:28%;top:47%}.slot-lamp{left:54%;top:45%}.fixed-marker{left:66%;top:57%;border-color:#91a1aa}.view-decorate .wall-decoration{outline:2px solid #d9fb69;outline-offset:4px}.view-decorate .avatar-head{animation:none}.collection-panel{width:60%}.view-collection .hub-hero{left:1%;width:22%;height:63%}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.collection-item{border:1px solid #496672;border-radius:12px;background:#0b1825;color:#e7eee8;padding:12px;min-width:0}.collection-item .object-art{width:100%;max-width:170px;margin:auto}.collection-item strong{font-size:13px}.object-detail{border-top:1px solid #506773;padding-top:14px}.object-detail h2{font-size:22px}.object-detail p{margin:8px 0}.owned-styles{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.owned-styles span{padding:10px;background:#153044;border-radius:8px;font-size:14px}.departure-light{position:absolute;inset:0;z-index:20;background:radial-gradient(ellipse at 92% 40%,#a0eeeeaa,transparent 65%);display:grid;place-items:center;animation:departure-glow .85s ease-in both}.departure-light strong{background:#092336e8;padding:18px 30px;border-radius:15px}.departing .door-light{border:3px solid #b6faf0;box-shadow:0 0 65px #5eece5}@keyframes departure-glow{from{opacity:0}to{opacity:1}}
.guide-home-shell{max-width:600px;margin:auto;padding:18px 20px 95px;color:#e8eeee}.guide-home-shell>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.guide-home-shell>header .text-button{font-size:12px}.guide-profile{display:flex;gap:12px;align-items:center;padding:8px 0 22px}.guide-profile>div{width:62px;height:62px;background:#193549;border-radius:50%;overflow:hidden}.guide-profile strong{font-size:22px}.guide-profile .connection{font-size:11px;margin-left:auto}.guide-home-shell main h1{font-size:29px;line-height:1.2;margin:15px 0}.guide-home-card{padding:22px;border:1px solid #3b596a;border-radius:15px;background:linear-gradient(135deg,#122c3e,#091926);margin:14px 0}.guide-home-card h2{font-size:20px;margin:0 0 12px}.guide-home-card p{color:#c1d1d7;font-size:15px;line-height:1.6}.guide-home-card>small{display:block;margin-top:12px;font-size:12px;color:#a2b7c2}.guide-home-card button{max-width:100%;font-size:14px}.guide-home-card fieldset{border:0;padding:0;margin:22px 0}.guide-home-card legend{margin-bottom:12px;color:#aac2ce;font-size:13px}.energy-card{display:block;width:100%;text-align:left;padding:15px;background:#0b2130;border:1px solid #617887;border-radius:10px;color:white;margin:8px 0}.energy-card strong,.energy-card small{display:block}.energy-card small{margin-top:5px;color:#b8c6ce}.guide-home-card .primary{width:100%}.guide-departure{position:sticky;top:8px;z-index:15;padding:17px;background:#1c3143;border:1px solid #d9fb6988;border-radius:12px;box-shadow:0 12px 30px #0008}.guide-departure strong{display:block;margin-bottom:14px}.guide-departure>div{display:flex;gap:8px}.guide-departure button{font-size:13px;padding:12px}.guide-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,600px);background:#071b2bf5;display:flex;justify-content:space-around;gap:4px;padding:13px 8px max(13px,env(safe-area-inset-bottom));border-top:1px solid #426174;z-index:16}.guide-nav button{font-size:12px;border-radius:6px;padding:9px 7px}.guide-nav .selected{box-shadow:none;background:#233943}.result-list{padding:0;list-style:none}.result-list li{display:grid;grid-template-columns:40px 1fr;gap:6px;padding:12px 0;border-bottom:1px solid #39515d;font-size:14px}.result-list li small{grid-column:2;font-size:11px;color:#92aab7}.guide-universe-portrait{height:160px}.guide-objects{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.guide-objects .object-art{width:100%;max-width:140px;margin:auto}.guide-objects span{font-size:12px;display:block}.guide-home-shell .session-heading{margin:10px 0}.guide-home-shell .session-heading h1{display:none}.planned-stop{font-size:13px;padding:12px;border-left:2px solid #d9fb69;background:#163041}.guide-home-shell summary{cursor:pointer;font-size:15px}.guide-home-shell .help-overlay{z-index:30}.guide-home-shell .guide-actions .decision{width:100%}.guide-home-shell .utility-actions{display:flex;gap:8px}
@media(max-width:900px){.home-header{gap:10px}.home-header .brand-tag{display:none}.home-stage{height:760px;min-height:650px}.home-welcome{max-width:340px;right:3%;padding:22px}.hub-hero{left:1%;width:38%;height:70%}.home-panel{right:3%;width:57%;padding:20px}.collection-panel{width:66%}.home-pair{right:3%;top:9%}.hero-hotspot{left:3%;top:38%}.collection-hotspot{left:35%;top:48%}.decorate-hotspot{left:37%;top:59%}.appearance-choice{height:110px}.appearance-choice svg{height:77px}.departure-request{left:5%;top:8%}.home-header .text-button{max-width:85px}.home-header .connection{font-size:11px}}
@media(max-width:600px){.home-header{height:auto;min-height:70px;flex-wrap:wrap;padding:10px 15px}.home-header .brand{font-size:21px}.home-header strong{font-size:14px}.home-stage{height:900px}.master-plate{object-fit:cover;object-position:55% center}.hub-hero{width:55%;left:-4%;height:53%;bottom:36%}.home-welcome{left:5%;right:5%;bottom:3%;max-width:none;padding:20px}.home-welcome h1{font-size:28px}.home-pair{top:9%;right:4%;width:43%;padding:12px}.hero-hotspot{top:32%;left:3%}.collection-hotspot{top:52%;left:48%}.decorate-hotspot{top:61%;left:48%}.locked-workshop{left:52%;top:38%}.home-panel{top:48%;left:4%;right:4%;bottom:3%;width:auto;padding:18px}.view-avatar .hub-hero{height:41%;bottom:49%;left:21%;width:52%}.view-avatar .home-pair,.view-decorate .home-pair,.view-collection .home-pair{display:none}.view-collection .hub-hero{display:none}.collection-panel{top:13%;width:auto}.collection-tabs button{font-size:12px;padding:8px}.collection-grid{gap:6px}.collection-item{padding:7px}.collection-item strong{font-size:12px}.decoration-panel{max-height:46%;height:auto;top:auto}.slot-marker{font-size:11px}.slot-wall{left:15%;top:28%}.slot-shelf{left:20%;top:43%}.slot-lamp{left:58%;top:42%}.fixed-marker{left:68%;top:53%}.home-error{left:4%;right:4%;bottom:0;font-size:12px}.departure-request{left:4%;right:4%;top:7%;font-size:12px;padding:8px}.home-topline{top:12px;font-size:10px}.home-footer{font-size:10px}.earth-box{bottom:34%;left:44%;width:37%}.capsule-station{bottom:36%;left:62%;width:27%}.workshop-shutter{left:31%;top:23%;height:27%;width:19%}.wall-decoration{left:9%;top:25%;width:8%;height:9%}.shelf-decoration{left:17%;top:37%;width:9%}.desk-lamp{left:58%;top:42%}.returned-object{left:45%;top:44%;width:6%}.door-light{left:87%;height:40%}.swatches{gap:12px}.appearance-choice{height:95px}.appearance-choice svg{height:63px}.home-panel fieldset{margin:12px 0}}
@media(prefers-reduced-motion:reduce){.home-shell *,.home-shell *:before,.home-shell *:after,.guide-home-shell *{animation:none!important;transition:none!important}.departure-light{background:#0a2237dd}}
/* Personnalisation superposée au Passage, règles et décors V0.4 conservés. */
.game-stage:has(.passage-personalized) .hero-figure{visibility:hidden}.passage-personalized{position:absolute;left:30%;bottom:8%;height:63%;width:25%;pointer-events:none;z-index:0}.on-pause .passage-personalized *{animation:none!important}
@media(max-width:700px){.passage-personalized{left:2%;top:12%;height:38%;width:30%}}
@media(prefers-reduced-motion:reduce){.passage-personalized *{animation:none!important}}
.object-cell-0{--ox:0%;--oy:0%}.object-cell-1{--ox:50%;--oy:0%}.object-cell-2{--ox:100%;--oy:0%}.object-cell-3{--ox:0%;--oy:50%}.object-cell-4{--ox:50%;--oy:50%}.object-cell-5{--ox:100%;--oy:50%}.object-cell-6{--ox:0%;--oy:100%}.object-cell-7{--ox:50%;--oy:100%}.object-cell-8{--ox:100%;--oy:100%}
.skin-swatch-0{background:#f7d2b8}.skin-swatch-1{background:#dda070}.skin-swatch-2{background:#925e42}.skin-swatch-3{background:#4d3028}.accent-swatch-0{background:#d9fb69}.accent-swatch-1{background:#ffbe63}.accent-swatch-2{background:#719ff7}
.appearance-choice svg{flex:none;width:100%;max-height:95px}.appearance-choice>span{flex:none;padding-top:3px;background:#132837;z-index:1}.earth-box .object-art{clip-path:polygon(4% 25%,21% 15%,55% 10%,87% 20%,94% 32%,93% 70%,74% 83%,4% 70%)}
/* Un atlas de silhouettes partagé détoure aussi les objets installés dans la pièce. */
.object-art{mask-image:url('/assets/hub/objects-matte.png');mask-mode:luminance;mask-size:300% 300%;mask-position:var(--ox) var(--oy);mask-repeat:no-repeat;border-radius:0;clip-path:none!important}
.living-avatar.portrait{overflow:hidden}
@media(min-width:901px){.home-stage[data-base="true"] .home-welcome{max-width:330px;right:3%}.room-base .capsule-station{left:55%;bottom:12%;width:18%}.returned-object{left:54.5%;top:51%}}
@media(min-width:601px){.decoration-panel{max-height:62%}}
/* V0.5A.1 : une seule composition personnage, mouvement global continu. */
.living-avatar:not(.portrait){animation:avatar-rest 7.5s ease-in-out infinite;transform-origin:50% 90%;will-change:transform}
@keyframes avatar-rest{0%,12%,100%{transform:translateY(0)}50%,62%{transform:translateY(-2px)}}
.quiet-avatar .living-avatar{animation-duration:11s}
.departing .living-avatar{animation:none}
@media(prefers-reduced-motion:reduce){.living-avatar{animation:none!important;transform:none!important}}
.hair-choice{width:58px!important;height:auto!important;min-height:63px;display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:10px!important;padding:8px!important}.hair-choice>span:first-child{width:24px;height:24px;border-radius:50%}.hair-name{font-size:12px!important}.hair-swatch-blond{background:#d9af62}.hair-swatch-brown{background:#594334}.hair-swatch-black{background:#191b24}.hair-swatch-ginger{background:#ad592e}.home-panel.editor{top:7%;bottom:4%}.editor fieldset{margin:12px 0}.editor .appearance-choice{height:110px}.editor .appearance-choice svg{max-height:78px}.editor .panel-actions{position:sticky;bottom:0;background:#0b2030;padding-top:10px}
.guide-session-control{position:sticky;top:5px;z-index:12;display:flex;flex-wrap:wrap;gap:10px;padding:13px;background:#152f40;border:1px solid #90a34b;border-radius:12px;margin-bottom:14px}.guide-session-control strong{font-size:13px;width:100%}.guide-session-control .primary{padding:12px 16px;font-size:14px}
.decor-slot-targets .slot-marker{z-index:5;cursor:pointer;font-size:15px;padding:14px 20px;border:2px solid #d7fa74;box-shadow:0 0 0 5px #05152477;background:#0a2335}.decor-slot-targets .selected{background:#d7fa74;color:#0b2026}.decoration-panel{z-index:4}.decor-preview-note{position:absolute;left:3%;bottom:3%;max-width:34%;background:#092233ee;border:1px solid #c3ee75;border-radius:10px;padding:12px;font-size:13px;pointer-events:none}.home-stage[data-slot="wall"] .wall-decoration,.home-stage[data-slot="shelf"] .shelf-decoration,.home-stage[data-slot="lamp"] .desk-lamp{outline:2px solid #d7fa74;outline-offset:5px}.home-stage[data-preview="true"] .wall-decoration,.home-stage[data-preview="true"] .shelf-decoration{filter:drop-shadow(0 0 6px #d7fa7477)}
@media(min-width:901px){.decoration-panel{width:40%;max-height:68%;right:3%;bottom:4%}.slot-lamp{left:53%;top:40%}.slot-shelf{left:26%;top:47%}.slot-wall{left:24%;top:22%}}
@media(max-width:600px){.home-panel.editor{top:39%;bottom:2%;padding:15px}.view-avatar .hub-hero{height:32%;bottom:59%}.editor .appearance-choice{height:88px}.editor .appearance-choice svg{max-height:58px}.editor fieldset{margin:9px 0}.editor .hair-choice{min-height:55px}.decor-preview-note{bottom:48%;max-width:90%}.decor-slot-targets .slot-marker{font-size:12px;padding:10px}}
.game-inventory .object-art{width:46px}.game-inventory .item-slot{min-width:62px}.game-inventory .item-slot>span:last-child{font-size:10px}.loot-reveal>.object-art{width:110px}.discovery-object{position:absolute;right:18%;top:16%;display:flex;flex-direction:column;align-items:center;padding:15px;border-radius:18px;background:#082132cc;border:1px solid #79b9cb66}.discovery-object .object-art{width:150px}.discovery-object>span:last-child{color:#d9fb69;font-size:13px;margin-top:8px}
@media(max-width:700px){.discovery-object{right:6%;top:9%;padding:8px}.discovery-object .object-art{width:85px}.game-inventory .object-art{width:33px}.game-inventory .item-slot{min-width:45px}}
.decor-slot-targets .slot-marker{pointer-events:auto}
.decor-slot-targets .slot-marker.selected{color:#112029}
@media(min-width:901px){.decor-slot-targets .slot-lamp{left:49%}}