:root{color-scheme:dark;background:#111c23;--pedestal-width:49%;--pedestal-height:20.4%;--pedestal-bottom:5%}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}
.atrium{position:relative;isolation:isolate;width:100%;height:100svh;overflow:hidden;background:#111c23}
.architecture{position:absolute;inset:0;background:url('assets/atrio-fog.jpg') center/cover no-repeat}
.ambient{position:absolute;inset:0;background:linear-gradient(180deg,#08121b16,transparent 48%,#07131c28);pointer-events:none}
.pedestal{position:absolute;z-index:2;left:50%;bottom:var(--pedestal-bottom);width:var(--pedestal-width);height:var(--pedestal-height);transform:translateX(-50%);object-fit:fill;pointer-events:none}
.character{position:absolute;display:block;object-fit:contain;object-position:center;pointer-events:none;user-select:none}
.entia{z-index:3;left:50%;top:50%;width:33%;height:48%;transform:translate(-50%,-50%);animation:levitate 6s ease-in-out infinite}
.irvan{z-index:3;right:1.5%;bottom:10%;width:17%;height:49%;filter:url('#clean-alpha')}
.trix{z-index:3;left:1.5%;bottom:10%;width:17%;height:49%;filter:url('#clean-alpha')}
.nimbo{z-index:4;left:8%;bottom:6%;width:20%;height:32%}
.mist{position:absolute;pointer-events:none}
.mist-back{z-index:1;inset:0 12% 10%;background:url('assets/nevoa-full.png') center/100% 100% no-repeat;opacity:.92;mask-image:linear-gradient(90deg,transparent,#000 17%,#000 83%,transparent)}
.mist-front{z-index:5;inset:57% -10% -5%;background:radial-gradient(ellipse at 51% 41%,#b1cad45c,transparent 45%),radial-gradient(ellipse at 37% 68%,#a3bfcd77,transparent 36%),radial-gradient(ellipse at 73% 77%,#a8c5d258,transparent 38%),linear-gradient(0deg,#8ba8ba39,transparent 65%)}
.filter-definitions{position:absolute;overflow:hidden;pointer-events:none}
@keyframes levitate{0%,100%{transform:translate(-50%,calc(-50% + 3px))}50%{transform:translate(-50%,calc(-50% - 4px))}}
@media(max-aspect-ratio:1/1){
 :root{--pedestal-width:86%;--pedestal-height:17.2%;--pedestal-bottom:9%}
 .architecture{background-size:auto 100%;background-position:50% center}
 .entia{width:82%;height:44%}
 .irvan{right:-4%;width:25%;height:31%;bottom:9%}
 .trix{left:-4%;width:25%;height:31%;bottom:9%}
 .nimbo{left:1%;width:40%;height:28%;bottom:7%}
 .mist-back{inset:0 -12% 12%}.mist-front{inset:62% -20% -5%}
}
@media(prefers-reduced-motion:reduce){.entia{animation:none}}
/* Stable contact area, separate from the scene and without chat history. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #d6e9f1;outline-offset:5px}
.contact{position:absolute;z-index:8;left:50%;bottom:3.5%;transform:translateX(-50%);width:min(540px,46vw);color:#ecf1f3;font:15px/1.5 system-ui,sans-serif}
.question-wrap{display:flex;align-items:center;gap:12px;border:1px solid #dceaf64d;border-radius:19px;background:#12212b9c;box-shadow:0 8px 32px #06101a36;padding:12px 14px 12px 22px;backdrop-filter:blur(12px)}
#question{display:block;resize:none;min-height:30px;max-height:100px;width:100%;border:0;background:transparent;color:#f5f7f8;line-height:1.6;font-size:17px;outline-offset:2px}#question::placeholder{color:#e4edf0bd;font-family:Georgia,serif;letter-spacing:.04em}
.send{display:grid;place-items:center;flex:none;width:34px;height:34px;border:0;border-radius:50%;background:#d7e7ec10;color:#edf6f8}.send:hover{background:#d7e7ec28}.send svg{width:24px;height:24px}
.quick-replies{display:flex;justify-content:center;gap:12px;margin-top:12px}.quick-replies button{border:1px solid #e3eef33b;border-radius:99px;padding:7px 20px;color:#eaf1f4;background:#14252e73;font-size:13px;letter-spacing:.025em;transition:background .2s}.quick-replies button:hover,.quick-replies button[aria-pressed=true]{background:#d9e9ef26;border-color:#dceaf58c}
.prototype-note{text-align:center;color:#c5d7df99;font-size:10px;margin:10px 0 0;letter-spacing:.03em}
.irvan-message{position:absolute;z-index:7;right:5%;bottom:49%;width:225px;padding:16px 20px;border:1px solid #d6e8f25e;border-radius:17px 17px 4px 17px;background:#172731b8;color:#e9f2f5;font:14px/1.55 system-ui,sans-serif;box-shadow:0 8px 30px #0002}.irvan-message:after{content:'';position:absolute;right:27px;bottom:-9px;width:15px;height:15px;border-right:1px solid #d6e8f25e;border-bottom:1px solid #d6e8f25e;transform:rotate(45deg);background:#172731}.speaker{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#c8dde6}.irvan-message p{margin:8px 0}.message-note{font-family:Georgia,serif;font-size:12px;color:#bdced6}
#alternatives{border:0;padding:12px 16px;margin:10px 0 0;background:#14232de0;border-radius:14px}#alternatives legend{float:left;width:100%;font-size:12px;margin-bottom:8px;color:#d9e7ed}#alternatives legend span{float:right;color:#b1c6cf;font-size:10px}#option-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;clear:both}#option-fields input{width:100%;min-width:0;border:1px solid #d6e8f236;border-radius:7px;padding:8px 10px;background:#ffffff09;color:#fff;font-size:12px}#add-option{border:0;background:transparent;color:#cedee6;font-size:11px;padding:8px 0 0}
@media(max-aspect-ratio:1/1){.contact{width:calc(100% - 36px);bottom:3%}.irvan-message{width:175px;right:6%;bottom:40%;font-size:12px;padding:12px 15px}.message-note{display:none}.quick-replies{gap:8px}.quick-replies button{padding:7px 18px}.entia{top:39%;height:37%}.irvan{bottom:19%}.pedestal{bottom:23%}}
@media(max-height:600px) and (min-aspect-ratio:1/1){.contact{bottom:2%;width:44vw}.irvan-message{bottom:46%;font-size:12px;width:190px}.prototype-note{margin-top:5px}.quick-replies{margin-top:7px}.question-wrap{padding-top:8px;padding-bottom:8px}}
/* Full-height mist: no interior rectangular boundary. */
.mist-back{inset:0;background-size:100% 100%;mask-image:linear-gradient(90deg,transparent,#000 17%,#000 83%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 17%,#000 83%,transparent)}
.ground-shadow{position:absolute;z-index:1;pointer-events:none;background:radial-gradient(ellipse,#02080de0 0%,#02080d70 35%,transparent 72%)}
.pedestal-shadow{left:50%;bottom:calc(var(--pedestal-bottom) - 1%);width:calc(var(--pedestal-width) * 1.04);height:6%;transform:translateX(-50%);opacity:.65}
.irvan-shadow{right:4.5%;bottom:9.3%;width:11%;height:3%;opacity:.75}
@media(max-aspect-ratio:1/1){.mist-back{inset:0 -12%}.pedestal-shadow{bottom:22%;width:90%}.irvan-shadow{bottom:18.5%;right:0;width:17%;height:2%}}
@media(min-aspect-ratio:1/1){.irvan-message{bottom:55%}}
.contact{max-height:48svh;overflow-y:auto;scrollbar-width:thin}
/* Reference styling and full-canvas fog with a soft 70% horizon. */
.mist-back{mask-image:linear-gradient(180deg,#000 0%,#000 44%,#0009 57%,transparent 70%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 44%,#0009 57%,transparent 70%)}
.mist-front{display:none}
.question-wrap{border:1px solid #dbc68b;border-radius:30px;background:#13212bd9;box-shadow:0 0 0 4px #111e2766,0 0 0 5px #d7c48e80,0 8px 25px #0005;padding:14px 15px 14px 26px}
#question{font:22px/1.4 Georgia,serif;min-height:34px}#question::placeholder{font-family:Georgia,serif;color:#c9c6b99c;letter-spacing:0}
.send{width:39px;height:39px;color:#dac88c;border:1px solid #d8c48670;background:#c9b25d0d;box-shadow:0 0 12px #d4be5c21}
.quick-replies{align-items:center;gap:8px;margin-top:16px;font-family:Georgia,serif}.surprise-label{font-size:12px;color:#e0d8c4}.quick-replies button{font:13px Georgia,serif;padding:7px 12px;background:#152128ab;border-color:#d7c58f20;color:#f1ead6}.quick-replies button:hover,.quick-replies button[aria-pressed=true]{border-color:#d9c78f;background:#b8a66a24}
.irvan-message{width:265px;padding:16px 19px;border-radius:19px;border:1.5px solid #b7e7fa;background:#152630e8;color:#f6f8f9;font:15px/1.5 system-ui,sans-serif;box-shadow:0 0 5px #b4e2f94d,inset 0 0 4px #b4e2f919}.irvan-message p{margin:0 0 14px}.irvan-message p:last-child{margin:0}.irvan-message:after{right:38px;bottom:-9px;background:#152630;border-color:#b7e7fa}.irvan-message mark{padding:0 4px;border-radius:4px;background:#eef3ef40;color:inherit;font-weight:600}
@media(max-aspect-ratio:1/1){.irvan-message{width:190px;font-size:12px;padding:12px 14px}.quick-replies{gap:5px;flex-wrap:wrap}.quick-replies button{padding:7px 10px}.surprise-label{font-size:11px}#question{font-size:19px}}
.pedestal,.pedestal-shadow{display:none}
.question-wrap{border:1px solid #dbc68b;box-shadow:0 7px 22px #0003;border-radius:25px;position:relative;z-index:2;padding:13px 14px;gap:9px}
.quick-replies{width:max-content;max-width:94%;margin:-1px auto 0;padding:10px 17px 8px;border:1px solid #dbc68b70;border-top:0;border-radius:0 0 18px 18px;background:#13212bd9;gap:10px}.quick-replies button{background:transparent;border:0;padding:3px 5px}.scale-icon{font-size:19px;vertical-align:-2px}
.input-tool{flex:none;border:0;background:transparent;color:#d3c697;width:29px;height:32px;padding:3px;cursor:pointer}.input-tool svg{width:23px;height:23px}.send[hidden]{display:none}.send{flex:none}.input-tool[aria-pressed=true]{color:#ffba9c;background:#ffffff15;border-radius:50%}
.irvan-message{right:2%;bottom:55%;width:280px}.irvan-message:after{right:46px}.pending-letter{visibility:hidden}#guidance mark{background:transparent;transition:background .25s}#guidance mark.revealed{background:#eef3ef40}
#attachment{position:relative;width:64px;margin:10px auto 0}#attachment[hidden]{display:none}#attachment img{width:64px;height:64px;object-fit:cover;border:1px solid #dbc68b;border-radius:8px}#remove-image{position:absolute;right:-7px;top:-6px;border:0;border-radius:50%;background:#172731;color:white}#input-status{font:11px system-ui;text-align:center;color:#e5ddcb;margin:7px 0 0}#input-status:empty{display:none}
@media(max-aspect-ratio:1/1){.irvan-message{right:2%;bottom:51%;width:190px}.irvan-message:after{right:28px}.quick-replies{gap:4px;padding:9px 8px 7px}.surprise-label{font-size:10px}.quick-replies button{font-size:12px}.scale-icon{font-size:17px}}
@media(min-aspect-ratio:1/1){.irvan-message:after{right:94px}}
.question-wrap{border:1px solid transparent;background:linear-gradient(#192832,#192832) padding-box,linear-gradient(110deg,#c2dbe5 5%,#bea5bf 46%,#e1c9c8 67%,#a3cbd8 95%) border-box;box-shadow:0 7px 22px #0003}
#question:focus,#question:focus-visible{outline:none;border:0;box-shadow:none}
.quick-replies{border:0;padding:5px 13px 4px;gap:7px;border-radius:0 0 13px 13px;background:#13212bc4}
.quick-replies button{display:inline-flex;align-items:center;gap:5px;background:#d9d5c013;border:0;border-radius:12px;padding:4px 8px;font-size:12px}.quick-replies button:hover,.quick-replies button[aria-pressed=true]{background:#d9d5c029}
.quick-replies svg{width:15px;height:15px;fill:none;stroke:#e3d5ac;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.surprise-label{font-size:11px}
.irvan-message{bottom:59%;background:#30251eea;border-color:#c9ac72;box-shadow:0 0 5px #c9ac7226,inset 0 0 4px #c9ac7210;color:#f4ead9}.irvan-message:after{background:#30251e;border-color:#c9ac72}.irvan-message mark.revealed{background:#d5bc8345!important}
.entia-name{position:relative;display:inline-block}.entia-name:after{content:'';position:absolute;left:0;right:-2px;bottom:-3px;height:5px;border-bottom:1px solid #dfc88b;border-radius:0 0 70% 35%;transform:scaleX(0);transform-origin:left;transition:transform .65s ease;box-shadow:0 2px 3px -2px #f2d99d}.entia-name.underlined:after{transform:scaleX(1)}
@media(min-aspect-ratio:1/1){.irvan-message{bottom:59%}}
@media(max-aspect-ratio:1/1){.irvan-message{bottom:54%}.quick-replies{padding:5px 7px 4px;gap:3px}.quick-replies button{padding:4px 6px;font-size:11px}.quick-replies svg{width:14px;height:14px}}
.contact{bottom:6%}.quick-replies{padding-top:8px;padding-bottom:7px}
.entia-name:after{height:7px;bottom:-4px;border-radius:0 0 65% 30%;transform:scaleX(0) rotate(3deg)}.entia-name.underlined:after{transform:scaleX(1) rotate(3deg)}
.irvan-message{right:5%;bottom:62%;background:#e1d0b4c9;color:#3b3026;border-color:#d5b56e;box-shadow:0 3px 15px #0002}.irvan-message:after{display:none}.irvan-message:before{content:'';position:absolute;right:48px;bottom:-15px;width:27px;height:16px;background:#d5b56e;clip-path:polygon(0 0,100% 0,58% 100%)}
#guidance mark.revealed{background:#9e835447!important}
.question-wrap{background-size:100% 100%,250% 250%;animation:field-colors 8s ease-in-out infinite}
@keyframes field-colors{0%,100%{background-position:0 0,0% 50%;box-shadow:0 0 9px #b4cbd52b}50%{background-position:0 0,100% 50%;box-shadow:0 0 12px #d7bcd239}}
.mist-back{animation:mist-drift 18s ease-in-out infinite;transform-origin:center 35%}
@keyframes mist-drift{0%,100%{transform:translateX(-.5%) scale(1.015)}50%{transform:translateX(.5%) scale(1.025)}}
.question-wrap .send{order:1}#attach-image{order:2}#audio{order:3}#question{order:0}
.about-qr{position:absolute;z-index:9;bottom:10%;left:calc(50% + 290px);padding:9px 15px;color:#e8dec9;border:1px solid #dac28b50;border-radius:18px;background:#243139bd;font:13px Georgia,serif}
#story-modal{width:min(440px,90vw);border:1px solid #cfb579;border-radius:22px;background:#243039f5;color:#f0e6d0;padding:36px;box-shadow:0 18px 80px #0008;font:16px/1.7 Georgia,serif}#story-modal::backdrop{background:#07131cb0;backdrop-filter:blur(5px)}#story-close{position:absolute;right:14px;top:9px;background:none;border:0;color:inherit;font-size:25px}#story-progress{font:12px system-ui;color:#c2b18e}#story-modal h2{font-size:30px;font-weight:400}#story-modal nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px}#story-modal nav button{border:1px solid #cfb57960;border-radius:15px;background:#ffffff08;color:inherit;padding:8px 14px}#story-modal button:disabled{opacity:.3}
@media(min-aspect-ratio:1/1){.irvan-message{bottom:62%}}
@media(max-aspect-ratio:1/1){.contact{bottom:7%}.about-qr{left:auto;right:18px;bottom:22%;font-size:12px}.irvan-message{bottom:57%;right:7%}}
@media(prefers-reduced-motion:reduce){.mist-back,.question-wrap{animation:none}}
.contact-row{position:absolute;z-index:8;bottom:6%;left:50%;transform:translateX(-50%);width:min(850px,92vw);display:flex;align-items:flex-start;gap:14px;justify-content:center}
.contact-row .contact{position:relative;left:auto;bottom:auto;transform:none;width:min(540px,65vw);flex:1;overflow:visible;max-height:none}
.contact-row .about-qr{position:relative;left:auto;right:auto;bottom:auto;flex:none;min-height:63px;display:flex;align-items:center;border:1px solid #c1cbd9;border-radius:25px;padding:0 20px;background:linear-gradient(#192832,#192832) padding-box,linear-gradient(110deg,#c2dbe5,#bea5bf,#a3cbd8) border-box;color:#e0d9cc;font:16px Georgia,serif}
.mist-back{animation:mist-drift-visible 11s ease-in-out infinite;will-change:transform,opacity}
@keyframes mist-drift-visible{0%,100%{transform:translate(-2%,-.5%) scale(1.07);opacity:.65}50%{transform:translate(2%,1%) scale(1.12);opacity:.95}}
#story-copy{white-space:pre-line}.story-fiction{display:block;color:#baa985;font:11px system-ui;margin-bottom:12px}
#manifestation{position:absolute;z-index:6;inset:23% 21% 28%;display:flex;justify-content:space-between;align-items:center;gap:20px;pointer-events:none}
.option-card{pointer-events:auto;color:#f2ead8;background:#172832d9;border:1px solid #d3c49a70;border-radius:18px;padding:15px 20px;max-width:210px;text-align:center;font:17px/1.4 Georgia,serif;box-shadow:0 8px 30px #0003;animation:appear .7s ease both}.option-card.chosen{border-color:#edd291;box-shadow:0 0 22px #e5c47642}.option-card.muted{opacity:.55}.option-card.user-choice{border-color:#91cde4;box-shadow:0 0 12px #91cde455}.option-card img{display:block;width:115px;height:145px;object-fit:cover;border-radius:10px;margin:0 auto 9px}.choice-tag{display:block;font:10px system-ui;color:#e5ce92;margin-top:8px}.dream{width:min(330px,60%);margin:auto;animation:appear 2s ease both}
@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
#result-actions{position:absolute;z-index:10;left:50%;bottom:21%;transform:translateX(-50%);display:flex;gap:8px}#result-actions[hidden]{display:none}#result-actions button{border:1px solid #d7c28c50;background:#172832dd;border-radius:18px;color:#e9dfc4;padding:8px 14px;font:12px Georgia,serif}
.irvan.writing{animation:writing .3s ease-in-out 5 alternate}@keyframes writing{to{transform:rotate(-.5deg) translateY(1px)}}
#delivery{position:absolute;z-index:7;left:6%;bottom:15%;width:16%;text-align:center}#delivery img{width:100%;max-height:260px;object-fit:contain}#delivery button{border:1px solid #c8a86c;background:#342b22;color:#f0e1be;border-radius:14px;padding:8px 12px}#scroll{position:absolute;z-index:12;left:50%;top:48%;transform:translate(-50%,-50%);padding:45px 35px;background:#e5d4aa;color:#55442e;box-shadow:0 10px 50px #0007;text-align:center;font:italic 23px/1.6 Georgia,serif;border-radius:5px}#scroll button{position:absolute;right:8px;top:5px;background:none;border:0;color:#55442e;font-size:24px}
@media(max-aspect-ratio:1/1){.contact-row{bottom:7%;width:94vw;gap:7px}.contact-row .contact{width:72%;min-width:0}.contact-row .about-qr{padding:0 10px;font-size:12px;min-height:59px;max-width:85px;text-align:center}.contact-row #question{font-size:16px}.contact-row .input-tool{width:22px;padding:1px}.contact-row .question-wrap{gap:4px;padding:12px 10px}.contact-row .quick-replies{flex-wrap:wrap}.surprise-label{display:none}#manifestation{inset:27% 3% 38%;gap:5px}.option-card{font-size:13px;padding:9px;max-width:120px}.option-card img{width:85px;height:110px}#result-actions{bottom:25%;width:95%;justify-content:center}#delivery{width:27%;bottom:24%}#scroll{width:82%;font-size:19px}}
@media(prefers-reduced-motion:reduce){.mist-back,.option-card,.dream,.irvan.writing{animation:none}}
/* A distant, edge-on golden galaxy just beneath the name. */
.entia-name:after{left:-3px;right:-3px;bottom:-3px;height:7px;border:0;border-radius:0;box-shadow:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12'%3E%3Cpath d='M2 5Q49 15 98 4Q54 10 2 5Z' fill='%23d5b565' opacity='.8'/%3E%3Cellipse cx='50' cy='7' rx='18' ry='1.4' fill='%23f4df9c'/%3E%3Cpath d='M9 5Q49 13 91 5' fill='none' stroke='%23ead18b' stroke-width='.7'/%3E%3C/svg%3E") center/100% 100% no-repeat;transform:scaleX(0);filter:drop-shadow(0 0 1px #edcf8270)}.entia-name.underlined:after{transform:scaleX(1)}
.question-wrap{gap:5px}.send,.send:hover{border:0;box-shadow:none;background:transparent;width:29px;height:32px;padding:3px}.send svg{width:23px;height:23px}.input-tool{width:26px}
#story-modal{width:min(770px,92vw);max-height:90svh;overflow-y:auto;padding:40px 54px 25px}#story-modal h2{margin-top:10px}#story-copy{line-height:1.7}#story-progress{display:block;text-align:center;margin-top:20px;font:12px system-ui;color:#c2b18e}
@media(max-width:600px){#story-modal{padding:30px 25px 22px}.question-wrap{gap:3px}}
.contact-row{width:max-content;max-width:94vw;--field-width:650px;align-items:flex-start}.contact-row .contact{width:min(var(--field-width),74vw);flex:none;transition:width .3s ease}.contact-row .about-qr[hidden]{display:none}#question{max-height:180px;overflow-y:auto}
#story-copy{font-size:19px;line-height:1.65}
.entia-name:after{filter:brightness(.45) saturate(1.5);bottom:-2px}
.option-card{background:#dfd0b9b3;border:0;color:#43392c;box-shadow:0 5px 20px #0001;backdrop-filter:blur(5px);transition:opacity .5s,box-shadow .5s,transform .5s}.option-card.pending{opacity:.8}.option-card.chosen{box-shadow:0 0 0 1px #e3c78099,0 0 20px #e1c88a36}.choice-tag{color:#6d5628}.option-card.user-choice{box-shadow:0 0 0 2px #99d3e9}.option-card.muted{opacity:.48}
#result-actions button{display:inline-flex;gap:6px;align-items:center}#result-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}
.entia.point-left{--point-flip:-1;animation:point-float 6s ease-in-out infinite}.entia.point-right{--point-flip:1;animation:point-float 6s ease-in-out infinite}@keyframes point-float{0%,100%{transform:translate(-50%,calc(-50% + 3px)) scaleX(var(--point-flip))}50%{transform:translate(-50%,calc(-50% - 4px)) scaleX(var(--point-flip))}}
.entia.contemplating{filter:drop-shadow(0 0 12px #dfd9d344)}
#delivery.entering{animation:nimbo-enter 1.2s ease-out both}#delivery.leaving{animation:nimbo-leave .9s ease-in both}@keyframes nimbo-enter{from{opacity:0;transform:translateX(-180px)}to{opacity:1;transform:translateX(0)}}@keyframes nimbo-leave{to{opacity:0;transform:translateX(-180px)}}
#box-content{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,85vw);background:#bfa67ddf;color:#372d21;padding:30px;border:1px solid #dbbd7c;border-radius:16px;font:17px/1.6 Georgia,serif}#box-content button{position:absolute;right:8px;top:4px;background:none;border:0;font-size:22px;color:inherit}
.architecture.matrix-glitch{animation:matrix-glitch .6s steps(2) both}@keyframes matrix-glitch{0%,100%{filter:none;transform:none}20%,60%{filter:hue-rotate(60deg) saturate(1.6);transform:translateX(4px)}40%,80%{filter:hue-rotate(-35deg);transform:translateX(-3px)}}
@media(max-aspect-ratio:1/1){.contact-row .contact{width:min(var(--field-width),70vw)}#story-copy{font-size:18px}.contact-row{gap:7px}.contact-row .about-qr{max-width:80px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.contact-row .contact{transition:none}.entia.point-left{animation:none;transform:translate(-50%,-50%) scaleX(-1)}.entia.point-right,.architecture.matrix-glitch,#delivery.entering,#delivery.leaving{animation:none}}
.entia.hand-pop{filter:url('#alternating-hands')}
@keyframes writing{0%{transform:rotate(0deg)}100%{transform:rotate(-.8deg) translateY(2px)}}
@media(min-aspect-ratio:1/1){#manifestation{right:28%}}
/* Fog fades on every edge; only this texture moves. */
.mist-back{inset:0 -5%;mask-image:linear-gradient(180deg,#000 0%,#000 42%,#0008 56%,transparent 70%),linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 42%,#0008 56%,transparent 70%),linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-composite:source-in;background-size:100% 100%}
#story-modal:not([open]){display:none}#story-art{display:block;width:100%;height:175px;object-fit:contain;margin:0 auto 14px}#story-modal{padding-top:25px}#story-modal h2{margin-bottom:20px}
.entia-name:after{height:7px;bottom:-2px;filter:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 14'%3E%3Cpath d='M0 7H100' stroke='%23785b24' stroke-width='1.2'/%3E%3Cpath d='M23 7Q50 -1 77 7Q50 15 23 7Z' fill='%2386692f'/%3E%3Cpath d='M29 7Q50 1 71 7Q50 13 29 7' fill='none' stroke='%23b69a55' stroke-width='.7'/%3E%3C/svg%3E") center/100% 100% no-repeat}
#manifestation{position:absolute;z-index:2;inset:0;display:block;pointer-events:none}#manifestation .option-card{position:absolute;transform:translate(-50%,-50%);animation:none;max-width:180px;background:#e2d3bcb8;backdrop-filter:none}.entia{z-index:3}.dream{position:absolute;left:27%;top:45%;width:24%;max-width:310px;transform:translate(-50%,-50%);margin:0;animation:dream-reveal 1.4s ease both}@keyframes dream-reveal{from{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur(0)}}
.contact-row #result-actions{position:relative;left:auto;bottom:auto;transform:none;display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:none;max-width:180px;padding-top:0}.contact-row #result-actions[hidden]{display:none}.contact-row #result-actions button{justify-content:flex-start;padding:8px 13px;background:#192832e0;white-space:nowrap}#share-menu{position:absolute;bottom:100%;right:0;background:#27333dee;padding:8px;border:1px solid #d7c28c60;border-radius:12px;margin-bottom:7px}#share-menu[hidden]{display:none}#share-menu button{display:block!important;width:100%;margin:4px 0}
.irvan-message{--bubble-fill:#e1d0b4df;--bubble-border:#d5b56e;background:var(--bubble-fill);border-color:var(--bubble-border)}.irvan-message[hidden]{display:none}.irvan-message:before{display:none}.irvan-message:after{display:block;bottom:-9px;right:48px;width:16px;height:16px;background:var(--bubble-fill);border:0;border-right:1px solid var(--bubble-border);border-bottom:1px solid var(--bubble-border);transform:rotate(45deg);clip-path:polygon(100% 0,100% 100%,0 100%);box-shadow:none}
#delivery{left:4%;bottom:2%;width:18%;height:33%;pointer-events:none}#delivery img{height:100%;width:100%;object-fit:contain;max-height:none}#floor-object{position:absolute;z-index:5;left:17%;bottom:5%;width:100px;padding:0;border:0;background:none;cursor:pointer}#floor-object[hidden]{display:none}#floor-object img{width:100%;filter:drop-shadow(0 6px 4px #0006)}.irvan.writing{animation:none}
@media(max-aspect-ratio:1/1){#manifestation{inset:0}#manifestation .option-card{max-width:120px;font-size:12px;padding:9px}.dream{left:22%;top:37%;width:35%}.contact-row{max-width:96vw;gap:6px}.contact-row:has(#result-actions:not([hidden])) .contact{width:min(var(--field-width),63vw)}.contact-row #result-actions{max-width:31vw}.contact-row #result-actions button{padding:7px 8px;font-size:10px;white-space:normal}#delivery{left:0;bottom:4%;width:30%;height:27%}#floor-object{left:14%;bottom:9%;width:65px}#story-art{height:125px}.irvan-message:after{right:28px}}
@media(prefers-reduced-motion:reduce){.dream{animation:none}}
#result-actions button[hidden]{display:none!important}
/* The question remains centered independently of the controls beside it. */
.contact-row{width:min(var(--field-width),74vw);max-width:74vw;left:50%;transform:translateX(-50%);display:block}.contact-row .contact{width:100%;max-width:none;transition:width .3s ease}.right-controls{position:absolute;left:calc(100% + 14px);top:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:180px}.right-controls .about-qr{min-height:40px;font-size:13px;padding:9px 15px;white-space:nowrap}.contact-row #result-actions{width:100%}
.irvan-message{width:max-content;max-width:280px;min-width:0;border-bottom-color:transparent}.irvan-message:after{right:48px;bottom:-12px;width:24px;height:13px;clip-path:none;transform:none;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 13'%3E%3Cpath d='M0 0 12 12 24 0' fill='%23e1d0b4' fill-opacity='.88' stroke='%23d5b56e' stroke-width='1'/%3E%3C/svg%3E") center/100% 100% no-repeat}
#box-content{width:min(720px,88vw);padding:25px 25px 15px;border:0;background:none;box-shadow:none;text-align:center;top:48%}#box-content img{display:block;width:100%;max-height:65svh;object-fit:contain;filter:drop-shadow(0 12px 24px #0008)}#box-content a{display:inline-block;color:#f2e2b7;background:#283039e8;border:1px solid #c9ae6b;border-radius:20px;padding:10px 20px;text-decoration:none;font:16px Georgia,serif;margin-top:10px}#box-content small{display:block;color:#e0d3b7;font:10px system-ui;margin-top:6px}#box-content #close-box{right:5%;top:0;background:#24313bd9;color:#f0e1be;border-radius:50%;width:30px;height:30px}
#scroll{width:min(540px,86vw);min-height:320px;padding:75px 50px;background:linear-gradient(90deg,#cba975,#f0dfb8 12%,#ead5a8 86%,#c5a06a);border-radius:0;box-shadow:0 12px 45px #0007;color:#55402a;font:italic 27px/1.7 Georgia,serif}#scroll:before,#scroll:after{content:'';position:absolute;left:-18px;right:-18px;height:34px;border-radius:50px;background:linear-gradient(#b58d54,#e5c995 45%,#c49e65);border:1px solid #b89563;box-shadow:0 4px 5px #0003}#scroll:before{top:-12px}#scroll:after{bottom:-12px}#scroll p{margin:0}#close-scroll{z-index:2;top:28px!important;right:13px!important}
#floor-scroll{position:absolute;z-index:5;left:25%;bottom:4%;width:100px;border:0;padding:0;background:none;filter:drop-shadow(0 5px 3px #0005)}#floor-scroll svg{width:100%;height:auto}#floor-scroll[hidden]{display:none}
.dream{z-index:0;left:32%;top:36%;width:18%;max-width:235px}.mist-back{z-index:2}#manifestation{z-index:1}#manifestation:has(.dream){z-index:1}
#egg-67{position:absolute;z-index:6;left:50%;top:48%;width:40%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;pointer-events:none;font:70px Georgia,serif;color:#e6d7ad;text-shadow:0 0 15px #e8d2aa99}#egg-67[hidden]{display:none}#egg-67 span{animation:egg-bounce .55s ease-in-out 5 alternate}#egg-67 span:last-child{animation-delay:.25s}@keyframes egg-bounce{to{transform:translateY(-22px);opacity:.5}}
#trix-character{z-index:4;left:2%;bottom:6%;width:17%;height:49%;animation:trix-enter .9s ease both}#trix-character[hidden],#trix-message[hidden],#trix-replies[hidden]{display:none}#trix-message{position:absolute;z-index:7;left:4%;bottom:58%;max-width:250px;padding:16px 20px;border:1px solid #c3c5c68c;border-radius:18px;background:#d2d3d1dc;color:#343839;font:14px/1.6 system-ui}#trix-message p{margin:0}#trix-replies{position:absolute;z-index:9;left:3%;bottom:12%;display:flex;flex-direction:column;gap:7px;max-width:245px}#trix-replies button{border:1px solid #c8cccf60;border-radius:17px;background:#44494de8;color:#f0f0e9;padding:9px 14px;text-align:left;font:12px/1.4 system-ui}@keyframes trix-enter{from{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:none}}
@media(max-aspect-ratio:1/1){.contact-row,.contact-row:has(#result-actions:not([hidden])){width:88vw;max-width:88vw}.contact-row .contact,.contact-row:has(#result-actions:not([hidden])) .contact{width:100%}.right-controls{top:auto;bottom:calc(100% + 10px);left:auto;right:0;width:auto;max-width:48vw}.right-controls #result-actions{max-width:none}.irvan-message{max-width:190px}.irvan-message:after{right:28px}.dream{left:22%;top:32%;width:27%}#floor-scroll{left:25%;bottom:8%;width:70px}#scroll{padding:60px 28px;font-size:22px;min-height:260px}#trix-character{left:-2%;bottom:21%;width:27%;height:34%}#trix-message{left:3%;bottom:59%;max-width:190px;font-size:12px;padding:12px}#trix-replies{left:2%;bottom:24%;max-width:190px}#egg-67{font-size:46px;width:65%}}
@media(prefers-reduced-motion:reduce){#egg-67 span,#trix-character{animation:none}}
.contact-row{transition:width .3s ease}
@media(prefers-reduced-motion:reduce){.contact-row{transition:none}}
[hidden]{display:none!important}
#manifestation{z-index:3}.entia{z-index:4}.irvan{z-index:5}#dream-space{position:absolute;inset:0;z-index:1;pointer-events:none}#dream-space .dream{left:37%;top:29%;width:15%;max-width:205px}
.entia.egg-tilt{animation:gentle-tilt .65s ease-in-out 4 alternate;filter:none}@keyframes gentle-tilt{0%{transform:translate(-50%,-50%) rotate(-3deg)}100%{transform:translate(-50%,-50%) rotate(3deg)}}
.mist-energy{position:absolute;z-index:2;inset:7% 22% 37%;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse,#000 35%,transparent 74%)}.mist-energy:before,.mist-energy:after{content:'';position:absolute;left:5%;top:40%;width:85%;height:25px;border-radius:50%;background:linear-gradient(90deg,transparent,#b7e4f5aa,#edc8e89c,transparent);filter:blur(7px);opacity:0;transform:rotate(-16deg);animation:rare-energy 24s ease-in-out infinite}.mist-energy:after{top:65%;transform:rotate(13deg);animation-delay:11s;background:linear-gradient(90deg,transparent,#ebc9e986,#b6dfef90,transparent)}@keyframes rare-energy{0%,73%,100%{opacity:0}80%{opacity:.25;translate:-12px 0}86%{opacity:.4;translate:12px -7px}94%{opacity:0}}
#chest-display{position:relative;width:100%}#chest-display>img{width:100%;display:block}.chest-cargo{position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);width:24%;height:auto;filter:drop-shadow(0 5px 4px #0004)}button.chest-cargo{border:0;background:transparent;padding:0;cursor:pointer}button.chest-cargo svg{width:100%}#box-content #close-box{display:grid;place-items:center;padding:0;line-height:1;width:32px;height:32px;right:0;top:0;z-index:5;font:24px/1 system-ui}#parchment-link{margin:10px auto 0;border:1px solid #c9ae6b;border-radius:20px;background:#283039e8;color:#f2e2b7;padding:10px 20px;font:16px Georgia,serif}
#floor-scroll{display:none!important}
#trix-character{width:19%;height:54%;bottom:6%}
.right-controls #trix-replies{position:relative;left:auto;bottom:auto;max-width:190px;width:190px;gap:7px;display:flex;flex-direction:column}.right-controls #trix-replies button{border:1px solid #d0d1d250;border-radius:18px;padding:8px 13px;background:#4b5055db;color:#f2efe7;font:12px/1.4 Georgia,serif;text-align:left}
#trix-message{--bubble-fill:#d1d3d3df;--bubble-border:#b7b9b9;background:var(--bubble-fill);border:1px solid var(--bubble-border);border-bottom-color:transparent;border-radius:19px;font:14px/1.55 system-ui;padding:16px 19px;width:max-content;max-width:250px;color:#343839;left:3%;bottom:60%}#trix-message:after{content:'';position:absolute;right:65px;bottom:-12px;width:24px;height:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 13'%3E%3Cpath d='M0 0 12 12 24 0' fill='%23d1d3d3' fill-opacity='.88' stroke='%23b7b9b9' stroke-width='1'/%3E%3C/svg%3E") center/100% 100% no-repeat}
@media(max-aspect-ratio:1/1){#trix-character{width:31%;height:39%;bottom:21%}#trix-message{font-size:12px;max-width:185px;bottom:62%}.right-controls #trix-replies{width:auto;max-width:170px}#dream-space .dream{left:30%;top:25%;width:24%}.mist-energy{inset:10% 3% 40%}}
@media(prefers-reduced-motion:reduce){.mist-energy:before,.mist-energy:after,.entia.egg-tilt{animation:none}}
#chest-display #open-parchment{position:absolute;top:57%;left:50%;right:auto;bottom:auto;width:24%;height:auto;transform:translate(-50%,-50%);border:0;border-radius:0;background:transparent;padding:0;margin:0;line-height:1}
.chest-cargo,#chest-display #open-parchment{top:52%}
.left-controls{position:absolute;right:calc(100% + 14px);top:0;width:180px;display:flex;flex-direction:column;align-items:stretch;gap:7px}
.left-controls #trix-replies{position:static;display:flex;flex-direction:column;gap:7px;max-width:none;width:100%}
.left-controls #trix-replies button{border:1px solid #c1cbd960;border-radius:18px;padding:8px 13px;background:linear-gradient(#192832ed,#192832ed) padding-box,linear-gradient(110deg,#c2dbe5,#bea5bf,#a3cbd8) border-box;color:#e9dfc4;font:12px/1.4 Georgia,serif;text-align:left}
.left-controls #trix-replies button:hover{background:#30414be8}
.irvan-message{width:fit-content;max-width:260px;box-sizing:border-box}#guidance{max-width:100%}#guidance p{max-width:100%;width:fit-content}
.irvan-message:after,#trix-message:after{bottom:-10px;height:13px;right:48px;background-position:center top;background-size:100% 100%;z-index:1}
.entia.egg-tilt{animation:knee-once 2s ease-in-out 1 both;transform-origin:50% 82%}
@keyframes knee-once{0%,100%{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(-3deg)}50%{transform:translate(-50%,-50%) rotate(0)}75%{transform:translate(-50%,-50%) rotate(3deg)}}
@media(max-aspect-ratio:1/1){.left-controls{right:auto;left:0;top:auto;bottom:calc(100% + 10px);width:45%}.left-controls #trix-replies button{font-size:11px;padding:7px 10px}.irvan-message{max-width:190px}.irvan-message:after,#trix-message:after{right:28px}}
@media(prefers-reduced-motion:reduce){.entia.egg-tilt{animation:none}}
/* The shortcuts are an attached, full-width translucent strip. */
.quick-replies{width:100%;max-width:100%;margin:-1px 0 0;padding:10px 14px 9px;background:#00000030;border:0;border-radius:0 0 18px 18px;display:flex;align-items:center;justify-content:space-evenly;gap:10px;box-sizing:border-box;flex-wrap:nowrap}.quick-replies button{flex:none;gap:5px;padding:5px 8px}.surprise-label{flex:none}.quick-replies [data-intent=popular] svg{fill:#d9b97724;stroke:#e0bd7f}
#clear-question{order:1;flex:none;border:0;background:none;color:#c7c8c18c;padding:0;width:17px;height:24px;font:18px/1 system-ui;cursor:pointer}#clear-question:hover{color:#eee8dc}.question-wrap .send{order:2}#attach-image{order:3}#audio{order:4}
.story-key{text-decoration:underline;text-decoration-color:#c4a966;text-underline-offset:4px;text-decoration-thickness:1px}
#chest-display .chest-cargo{top:51%;width:29%;border:0;background:transparent;padding:0;cursor:pointer}#chest-display #open-parchment{top:51%;width:31%}#chest-display .chest-cargo img{width:100%;height:auto;max-height:none;filter:drop-shadow(0 4px 3px #0005)}#link-parcel:focus-visible{outline:1px solid #d1b16a;border-radius:10px}#link-parcel:hover{filter:brightness(1.12)}
.dream.gradual{animation:smile-materialize 3.5s ease-out both}@keyframes smile-materialize{0%{opacity:0;filter:blur(14px);clip-path:inset(90% 0 0 0)}40%{opacity:.3;filter:blur(8px);clip-path:inset(35% 0 0 0)}75%{opacity:.7;filter:blur(3px);clip-path:inset(0)}100%{opacity:1;filter:blur(0);clip-path:inset(0)}}
#share-dialog{width:min(790px,93vw);max-height:91svh;overflow:auto;padding:28px;border:1px solid #d1b77d;border-radius:22px;background:#1c2c36f5;color:#ede2c9;font:15px/1.5 Georgia,serif}#share-dialog::backdrop{background:#07121ba8;backdrop-filter:blur(4px)}#share-dialog h2{font-weight:400;font-size:25px;margin:0 0 20px}.dialog-close{position:absolute;right:14px;top:12px;display:grid;place-items:center;border:0;background:#ffffff0b;color:#f0e5ce;border-radius:50%;width:30px;height:30px;font:23px/1 system-ui;padding:0}.share-layout{display:grid;grid-template-columns:minmax(180px,1fr) 220px;gap:26px;align-items:start}#share-preview{width:100%;max-height:65svh;object-fit:contain;border-radius:12px;background:#12232d}.share-settings{display:flex;flex-direction:column;gap:15px}.share-settings fieldset{border:1px solid #d1b77d50;border-radius:12px;padding:13px}.share-settings fieldset label{margin-right:10px}.share-settings button{border:1px solid #d1b77d70;background:#ffffff08;color:#ede2c9;border-radius:18px;padding:10px 14px;font:14px Georgia,serif}.share-settings button:hover{background:#d6c49120}#share-status{font:12px/1.5 system-ui;color:#c5d6db}
@media(max-aspect-ratio:1/1){.quick-replies{gap:3px;padding:8px 5px}.quick-replies button{font-size:11px;gap:3px;padding:5px 3px}.quick-replies svg{width:13px;height:13px}.share-layout{grid-template-columns:1fr}.share-settings{gap:10px}#share-preview{max-height:45svh}#share-dialog{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.dream.gradual{animation:none}}
/* Compact composer and deliberate foreground preference state. */
.contact-row{width:min(var(--field-width),80vw);max-width:80vw}.quick-replies{background:transparent!important}.quick-replies button{background:#101d2873;padding:5px 11px}.quick-replies button:hover{background:#273846b0}
#question{line-height:1.4;min-height:1.4em;max-height:none;overflow-y:auto;scrollbar-width:thin}
#manifestation.preference-mode{z-index:7}#manifestation .option-card.chosen{background:#f6e2b8ed;box-shadow:0 0 25px #ffdc8c8c,inset 0 0 14px #fff1c780;color:#362b1c;opacity:1}#manifestation .option-card.user-choice{background:#eee4d4ed;box-shadow:0 0 17px #c5e4f77a}#manifestation .option-card.chosen.user-choice{background:#fff0c8;box-shadow:0 0 32px #ffe092b0}
#guidance{white-space:pre-line}.irvan-message{min-width:0;padding:17px 20px}.irvan-message p{margin:0}.irvan-message p+p{margin-top:12px}
/* Avoid retained compositor tiles on translucent modal backdrops and animated fog. */
#story-modal::backdrop,#share-dialog::backdrop{backdrop-filter:none}.mist-back{will-change:auto;filter:none;mask-image:linear-gradient(to bottom,#000 0%,#000 40%,#0008 55%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 40%,#0008 55%,transparent 70%)}.mist-energy{overflow:visible;filter:none}.mist-energy:before,.mist-energy:after{filter:none;background:radial-gradient(ellipse,#c6d8ee44,transparent 70%)}.filter-definitions{width:0;height:0;display:block}.mist-front{display:none}
.brand-mark{position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:6;width:120px;height:44px;opacity:.85;pointer-events:none}
@media(max-aspect-ratio:1/1){.contact-row{width:min(var(--field-width),88vw);max-width:88vw}.brand-mark{width:92px;top:14px}.quick-replies button{padding:5px 8px}}
#question{padding:0;min-width:0}#manifestation .option-card.chosen{opacity:1!important}.entia.point-left,.entia.point-right{animation:none;transform:translate(-50%,-50%) scaleX(var(--point-flip,1))}
.atrium{position:fixed;inset:0;height:100svh}.brand-mark{top:24px}
/* Composer attachments share exactly the same containing width. */
.contact-row .contact{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important}.contact-row{bottom:4%;transition:width .3s ease}.quick-replies{justify-content:center;gap:14px;width:100%;margin:0}.question-wrap{width:100%}#question{min-height:0}
.brand-mark{position:fixed;left:auto;top:auto;right:23px;bottom:19px;transform:none;width:106px;height:38px;opacity:.75}
.left-controls,.right-controls{top:auto;bottom:calc(100% + 23px);width:max-content;max-width:40%;transform:perspective(900px) translateZ(-24px);align-items:flex-start}.left-controls{left:0;right:auto}.right-controls{left:auto;right:0}.right-controls #result-actions{width:max-content;max-width:none}#result-actions button,#trix-replies button,.about-qr{width:max-content!important;max-width:100%;white-space:normal}.left-controls #trix-replies{width:max-content;max-width:100%;align-items:flex-start}.left-controls #trix-replies button{width:fit-content!important}.right-controls #reflection-replies button{border:1px solid #c7d2d66b;background:#192832dd;color:#e9dfc4;border-radius:19px;padding:9px 15px;font:13px Georgia,serif}
.entia-name:after{display:none}.entia-name.underlined{text-decoration:underline;text-decoration-color:#c6a65f;text-underline-offset:5px;text-decoration-thickness:1px}
@keyframes smile-materialize{0%{opacity:0;filter:blur(14px);clip-path:none}40%{opacity:.3;filter:blur(8px);clip-path:none}75%{opacity:.7;filter:blur(3px);clip-path:none}100%{opacity:1;filter:blur(0);clip-path:none}}
#box-content[hidden],#scroll[hidden],#delivery[hidden],#floor-object[hidden],#open-parchment[hidden]{display:none!important}#box-content{background:transparent!important;border:0!important;box-shadow:none!important;padding:0;width:min(500px,85vw)}#chest-display{background:transparent}#affiliate-label{display:block;text-align:center;color:#ead9b5;font:12px system-ui}
#profile-button{position:fixed;bottom:18px;left:22px;z-index:10;width:48px;height:48px;padding:0;overflow:hidden;border:1px solid #a6a18b5c;border-radius:50%;background:#121c25;box-shadow:0 3px 12px #0005}#profile-button img{width:100%;height:100%;object-fit:cover;display:block}.logged-in{border-color:#d5bd83!important}
#auth-dialog{width:min(420px,90vw);padding:36px;border:1px solid #d1b77d;border-radius:22px;background:#1c2c36f5;color:#ede2c9;font:16px/1.5 Georgia,serif}#auth-dialog::backdrop{background:#07121ba8}#auth-dialog h2{font-weight:400;margin-top:0}#auth-form{display:flex;flex-direction:column;gap:12px}#auth-form input{width:100%;border:1px solid #c9b37c88;border-radius:14px;padding:12px;background:#101e28;color:#f4e8d0;outline:none}#auth-dialog button:not(.dialog-close){border:1px solid #c9b37c88;border-radius:20px;background:#d6c49115;color:inherit;padding:11px 15px;font:15px Georgia,serif;width:100%}.auth-or{display:block;text-align:center;margin:14px;opacity:.6}.poll-chart{font:12px/1.5 system-ui;margin-top:14px;width:100%}.poll-row{position:relative;padding:7px 0;margin-bottom:5px;display:flex;justify-content:space-between}.poll-row i{position:absolute;bottom:0;left:0;height:4px;border-radius:3px;background:#897146}.poll-chart small{font-size:10px;opacity:.7}
#claim-fragment[hidden]{display:none!important}#chest-display #claim-fragment{position:absolute;top:53%;left:50%;right:auto;width:15%;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;filter:drop-shadow(0 0 12px #d7d5ff88)}#claim-fragment svg{width:100%;display:block}#profile-button[data-fragments]:after{content:'1';position:absolute;right:1px;bottom:1px;background:#c6bedc;color:#30283d;border-radius:50%;font:11px system-ui;width:16px;height:16px}
/* User replies stay anchored to the initial 420 px composer, along a shallow arc. */
.left-controls,.right-controls{position:absolute;top:auto;bottom:calc(100% + 24px);max-width:none;width:max-content;transform:perspective(950px) translateZ(-55px) rotateX(5deg);transform-origin:bottom center}.left-controls{left:auto;right:calc(50% + min(210px,25vw) + 18px);align-items:flex-end}.right-controls{right:auto;left:calc(50% + min(210px,25vw) + 18px);align-items:flex-start}.right-controls #result-actions,.left-controls #trix-replies{width:max-content;max-width:none;align-items:inherit}
#result-actions button,#trix-replies button,.about-qr,#reflection-replies button,#fragment-info-replies button{white-space:nowrap!important;max-width:none!important;width:max-content!important;flex-shrink:0}.right-controls #result-actions button:nth-child(2){margin-left:-12px}.left-controls #trix-replies button:nth-child(2){margin-right:-12px}
#fragment-info-replies[hidden]{display:none!important}#fragment-info-replies button{border:1px solid #c7d2d66b;background:#192832dd;color:#e9dfc4;border-radius:19px;padding:9px 15px;font:13px Georgia,serif}
.brand-mark{width:53px!important;height:20px!important;right:23px;bottom:19px;object-fit:contain}.speaker-name{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.speaker-name.name-trix{text-decoration-color:#777b80}.speaker-name.name-nimbo{text-decoration-color:#537fa2}
#input-status{display:none!important}#manifestation .option-card{width:max-content;max-width:180px}
#chest-shade{position:absolute;inset:0;z-index:10;background:#0b172950;backdrop-filter:none}#chest-shade[hidden]{display:none}.chest-open .entia,.chest-open #manifestation,.chest-open #dream-space{visibility:hidden}.chest-open .irvan,.chest-open .irvan-message{z-index:15}.chest-open .contact-row{z-index:16}#box-content{z-index:13;top:46%;width:min(500px,65vw)}#box-content[hidden]{display:none!important}.share-settings button{display:flex;align-items:center;gap:9px;justify-content:center}.share-settings button svg{width:17px;height:17px;flex:none}#close-share svg{width:17px;height:17px}#chest-display #claim-fragment{width:30%;top:53%;filter:drop-shadow(0 3px 5px #0005)}#claim-fragment img{display:block;width:100%}
@media(max-aspect-ratio:1/1){.left-controls{right:calc(50% + 19vw);bottom:calc(100% + 60px)}.right-controls{left:calc(50% + 19vw);bottom:calc(100% + 60px)}#result-actions button,#trix-replies button,.about-qr,#fragment-info-replies button,#reflection-replies button{font-size:10px!important;padding:7px 8px!important}.brand-mark{right:15px;bottom:17px}#box-content{width:75vw}}
#inventory{position:fixed;left:82px;bottom:13px;z-index:10;display:flex;align-items:flex-end;gap:12px}#inventory button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;width:40px;height:58px;padding:0;background:transparent;border:0;color:#e5dac6;filter:drop-shadow(0 2px 3px #0008)}#inventory button[hidden]{display:none}#inventory img{width:36px;height:39px;object-fit:contain}#inventory .item-count{font:12px/15px Georgia,serif}#profile-button[data-fragments]:after{display:none}
/* The two Irvan sprites are decoded ahead and crossfade without motion. */
.irvan{filter:none!important;transition:opacity .22s ease;animation:none!important}.irvan-writing-layer{opacity:0;z-index:5;pointer-events:none}.irvan-is-writing .irvan:not(.irvan-writing-layer){opacity:0}.irvan-is-writing .irvan-writing-layer{opacity:1}.chest-open .irvan-writing-layer{z-index:15}
#inventory{left:71px;gap:8px}.brand-mark{width:61px!important;height:23px!important;right:10px!important}
/* Containers do not establish separate columns: replies alternate along one arc. */
.left-controls,.right-controls,#result-actions,#trix-replies,#fragment-info-replies,#reflection-replies{display:contents!important}#result-actions[hidden],#trix-replies[hidden],#fragment-info-replies[hidden],#reflection-replies[hidden]{display:none!important}.orbit-qr{position:absolute!important;top:auto!important;bottom:calc(100% + 24px)!important;transform:perspective(950px) translateZ(-55px) rotateX(5deg);transform-origin:bottom center;margin:0!important;white-space:nowrap!important;width:max-content!important;max-width:none!important}
@media(max-aspect-ratio:1/1){.orbit-qr{bottom:calc(100% + 38px)!important;font-size:10px!important;transform:perspective(950px) translateZ(-65px) scale(.86)}.brand-mark{right:8px!important}}
.user-choice-tag{display:block;margin-top:5px;font:11px/1.3 system-ui,sans-serif;color:#46657d;white-space:nowrap}#manifestation .option-card.user-choice{opacity:1!important}
#guidance p{display:block;margin:0;white-space:pre-line}#guidance p+p{margin-top:1.25em!important}#guidance .poll-chart{margin-top:1.25em}.orbit-qr{font-size:14px!important}.poll-user-choice{color:#365d82}#manifestation .option-card.user-choice{outline:2px solid #81b7e8!important;outline-offset:-2px;border:0!important}
#floor-object{left:17%!important;bottom:5%!important;width:100px!important;transform:none!important;transition:none!important}
#brand-button{position:fixed;right:10px;bottom:19px;z-index:10;width:61px;height:23px;padding:0;border:0;background:transparent;cursor:pointer}#brand-button .brand-mark{position:static!important;display:block;width:100%!important;height:100%!important;transform:none!important;pointer-events:none}#brand-dialog{width:min(460px,91vw);padding:32px;border:1px solid #d1b77d;border-radius:22px;background:#1c2c36f5;color:#ede2c9;font:16px/1.65 Georgia,serif}.limiar-dialog::backdrop,#brand-dialog::backdrop{background:#07121ba8}#brand-dialog h2{font-size:31px;font-weight:400;margin:0 0 17px}#brand-dialog p{margin:0 0 22px}#brand-dialog button:not(.dialog-close){border:1px solid #c9b37c88;border-radius:20px;background:#d6c49115;color:inherit;padding:9px 15px;font:14px Georgia,serif}#brand-dialog nav{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:22px;align-items:center}#brand-dialog a{color:#dbc48d;font-size:14px;text-underline-offset:4px}#brand-dialog #brand-login{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:4px}#brand-status{font:12px system-ui;margin-top:17px!important;margin-bottom:0!important}
@media(max-aspect-ratio:1/1){.orbit-qr{font-size:11px!important}#brand-button{right:8px}}
#delivery.entering{animation-duration:1.1s}
#brand-dialog .brand-primary{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px auto 8px}#brand-dialog .brand-primary button{font-size:17px;padding:13px 17px;white-space:nowrap}#brand-dialog #brand-about{font-size:20px}.invite-note{display:block;margin-top:25px;font:11px/1.6 system-ui;color:#c2bba9}.orbit-center{transform:translateX(-50%) perspective(950px) translateZ(-55px) rotateX(5deg)!important}
#trix-message{border:1.5px solid #9da2a9!important}#manifestation .option-card.user-choice{outline:3px solid #b7cce8!important;outline-offset:-3px}.poll-user-choice{color:#526c87}
#profile-button{left:27px}#inventory{left:76px;gap:3px}
#irvan-nav{position:absolute;left:50%;top:calc(100% + 17px);transform:translateX(-50%);display:flex;gap:12px}#irvan-nav[hidden]{display:none}#irvan-nav button{width:27px;height:23px;padding:0;border:1px solid #d2bc8255;border-radius:14px;background:#d9cfb9cc;color:#534634;font:17px/1 system-ui}#irvan-nav button:disabled{opacity:.3;cursor:default}
#box-actions{display:flex;gap:9px;justify-content:center;margin-top:12px}#box-content #box-actions button{position:static;display:flex;flex:1 1 0;min-width:0;min-height:38px;align-items:center;justify-content:center;gap:5px;margin:0;border:1px solid #d5c49c70;border-radius:20px;padding:8px 10px;background:#1c2c36ed;color:#ebdfc5;font:14px Georgia,serif;white-space:normal;overflow-wrap:anywhere;transform:none}
#box-content #box-actions button[hidden]{display:none}
#box-actions button svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}#donate-fragment[hidden]{display:none}
.limiar-dialog,#about-dialog,#history-dialog,#link-dialog{width:min(600px,92vw);max-height:85svh;overflow:auto;padding:32px;border:1px solid #d1b77d;border-radius:22px;background:#1c2c36f8;color:#ede2c9;font:16px/1.6 Georgia,serif}.limiar-dialog h2,#about-dialog h2,#history-dialog h2,#link-dialog h2{font-size:29px;font-weight:400;margin:0 0 22px}#history-list article{padding:19px 0;border-bottom:1px solid #d1b77d30}#history-list h3{font-size:18px;line-height:1.4;font-weight:400;margin:0 0 9px}#history-list p{color:#e5c786;margin:0 0 10px}#history-list small{display:block;font:11px system-ui;color:#aab8bf}#history-dialog button:not(.dialog-close),#link-dialog button:not(.dialog-close){border:1px solid #d1b77d60;border-radius:18px;padding:8px 13px;background:#ffffff09;color:inherit;font:13px Georgia,serif}#history-list button{margin-top:12px}#generated-link{width:100%;padding:13px;border:1px solid #d1b77d60;border-radius:12px;background:#11222c;color:#e8dcc2;font:13px system-ui}.link-actions{display:flex;gap:10px;margin:18px 0}#link-dialog small{font:11px/1.5 system-ui;color:#adbac1}#link-status{font-size:13px}.share-settings label[hidden]{display:none}
#transcend-glow{position:absolute;z-index:3;left:50%;top:46%;width:43%;height:54%;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(ellipse,#eee3c65c 0%,#d7c9e237 33%,#bcdce61a 49%,transparent 72%);opacity:0}#transcend-glow.active{animation:transcend-light 4.5s ease-in-out both}.entia.transcending{animation:transcend-still 5s ease-in-out infinite}@keyframes transcend-light{0%,100%{opacity:0;scale:.95}40%,65%{opacity:.65;scale:1.07}}@keyframes transcend-still{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 5px))}}
@media(max-width:650px){#brand-dialog .brand-primary{flex-wrap:wrap}#brand-dialog .brand-primary button{font-size:15px}#brand-dialog #brand-about{font-size:18px}.orbit-center{transform:translateX(-50%) scale(.86)!important}#transcend-glow{width:85%;height:45%}#box-content #box-actions button{font-size:11px;padding:8px 10px}}
#api-mist-weave{position:absolute;z-index:3;left:17%;right:17%;top:16%;height:49%;pointer-events:none;opacity:0;transition:opacity .65s;overflow:hidden;mask-image:radial-gradient(ellipse,#000 25%,#000a 52%,transparent 73%)}.api-awaiting #api-mist-weave{opacity:1}#api-mist-weave:before,#api-mist-weave:after{content:'';position:absolute;left:-8%;top:17%;width:110%;height:58%;background:radial-gradient(ellipse at 22% 55%,#cfe5f54d,transparent 35%),radial-gradient(ellipse at 45% 45%,#e4e5ef45,transparent 43%),radial-gradient(ellipse at 76% 55%,#c6dce333,transparent 36%);transform:rotate(-17deg) skewX(-15deg);animation:mist-interlace-a 5s ease-in-out infinite;animation-play-state:paused}#api-mist-weave:after{top:30%;background:radial-gradient(ellipse at 25% 45%,#d6cfe841,transparent 40%),radial-gradient(ellipse at 54% 60%,#c7e1f24d,transparent 38%),radial-gradient(ellipse at 78% 42%,#e0e4ec33,transparent 36%);animation-name:mist-interlace-b;animation-delay:-2.5s}.api-awaiting #api-mist-weave:before,.api-awaiting #api-mist-weave:after{animation-play-state:running}@keyframes mist-interlace-a{0%,100%{translate:-5% 9%;rotate:-8deg;scale:1 .75}50%{translate:5% -8%;rotate:10deg;scale:1.1 1.1}}@keyframes mist-interlace-b{0%,100%{translate:5% -8%;rotate:15deg;scale:1.05 1.1}50%{translate:-5% 9%;rotate:-12deg;scale:1 .75}}
@media(prefers-reduced-motion:reduce){#api-mist-weave:before,#api-mist-weave:after{animation:none}}
/* Continuous balloon outline: the tail starts exactly at the lower edge. */
.irvan-message{--bubble-fill:#cbb79bdf;--bubble-border:#d5b56e;background:var(--bubble-fill);border-bottom-color:transparent!important}
.irvan-message,#trix-message{--tail-right:48px;--tail-width:24px;position:absolute;border-bottom-color:transparent!important}
.irvan-message:before,#trix-message:before{content:'';display:block;position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(to left,var(--bubble-border) 0,var(--bubble-border) var(--tail-right),transparent var(--tail-right),transparent calc(var(--tail-right) + var(--tail-width)),var(--bubble-border) calc(var(--tail-right) + var(--tail-width)));clip-path:none}
.irvan-message:after,#trix-message:after{right:var(--tail-right);bottom:-13px;height:13px;width:24px;border:0;transform:none;clip-path:none;background-position:center top}
.irvan-message:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 13'%3E%3Cpath d='M0 0 12 12 24 0' fill='%23cbb79b' fill-opacity='.875' stroke='%23d5b56e' stroke-width='1'/%3E%3C/svg%3E")}
#irvan-nav{top:calc(100% + 5px);left:32%;gap:8px}
#fragment-dialog{width:min(420px,85vw);padding:30px;border:1px solid #bda567;border-radius:24px;background:#182730f5;color:#eee4ce;text-align:center}#fragment-dialog::backdrop{background:#07121bc2}#fragment-dialog>img{display:block;width:65%;height:240px;object-fit:contain;margin:auto}#fragment-dialog h2{font:24px Georgia,serif}#fragment-dialog p{line-height:1.6}
#trix-character{animation:none;transform-origin:50% 100%}
#trix-character.walking-in{animation:trix-depth-arrival 2.4s linear both}
@keyframes trix-depth-arrival{0%{transform:translate(0,-48%) scale(.24);opacity:0}12%{opacity:1}100%{transform:translate(0,0) scale(1);opacity:1}}
@media(max-aspect-ratio:1/1){.irvan-message,#trix-message{--tail-right:28px}}
@media(prefers-reduced-motion:reduce){#trix-character.walking-in{animation:none}}
#interaction-mode{display:inline-flex;align-items:center;gap:7px;border:0!important;background:transparent!important;box-shadow:none;font:11px/1.2 system-ui;padding:4px 5px;color:#ddd3ba;white-space:nowrap}#interaction-mode[hidden]{display:none!important}#interaction-mode i{width:27px;height:15px;border-radius:9px;background:#566678;position:relative}#interaction-mode i:after{content:'';position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#e5dcc7;transition:transform .2s}#interaction-mode[aria-checked=true] i:after{transform:translateX(12px)}#interaction-mode[aria-checked=true] i{background:#817278}.quick-replies:has(#interaction-mode:not([hidden])){flex-wrap:wrap;gap:8px}.quick-replies button[hidden]{display:none!important}
/* Mode control lives inside the composer's left edge. */
.question-wrap #interaction-mode{order:-2;display:flex;flex-direction:column;flex:none;gap:3px;padding:0 9px 0 0;border-right:1px solid #b9c8d142!important;font:10px/1.1 system-ui;color:#ded5bd;align-self:stretch;justify-content:center;min-width:48px;cursor:pointer}.question-wrap #interaction-mode[hidden]{display:none!important}.question-wrap #interaction-mode i{width:25px;height:12px;flex:none}.question-wrap #interaction-mode i:after{height:8px;width:8px}.question-wrap #interaction-mode[aria-checked=true] i:after{transform:translateX(13px)}.question-wrap #question{min-width:0;flex:1}.question-wrap:has(#interaction-mode:not([hidden])){gap:9px}
.fragment-actions{display:flex;justify-content:center;gap:10px}.fragment-actions button{border:1px solid #d5c49c70;border-radius:20px;padding:9px 14px;background:#24333d;color:#e9ddc4;font:14px Georgia}.history-question{display:block;width:100%;text-align:left;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}.history-question:hover{text-decoration:underline;text-decoration-color:#c8b27d;text-underline-offset:4px}
@keyframes trix-depth-arrival{0%{transform:translate(35%,-48%) scale(.24);opacity:0}12%{opacity:1}100%{transform:translate(0,0) scale(1);opacity:1}}

@keyframes trix-depth-arrival{0%{transform:translate(var(--entry-x,35%),var(--entry-y,-48%)) scale(.24);opacity:0}12%{opacity:1}100%{transform:translate(0,0) scale(1);opacity:1}}
/* A single contour owns each balloon's fill, border and tail. */
.irvan-message,#trix-message{isolation:isolate;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}
.irvan-message:before,.irvan-message:after,#trix-message:before,#trix-message:after{display:none!important;content:none!important}
.bubble-outline{position:absolute;left:0;top:0;width:100%;height:calc(100% + 14px);z-index:-1;overflow:visible;pointer-events:none}.bubble-outline path{fill:var(--bubble-fill);stroke:var(--bubble-border);stroke-width:1.3;stroke-linejoin:round;vector-effect:non-scaling-stroke}
/* Both labels live inside one compact segmented switch. */
.question-wrap #interaction-mode{display:flex;flex-direction:row;order:-2;flex:none;align-self:center;align-items:center;gap:0;min-width:0;padding:3px!important;border:1px solid #c1bdd06b!important;border-radius:18px;background:#0d1c264d!important;font:10px/1.2 system-ui;position:relative;color:#c5cbd0}
#interaction-mode span{padding:6px 7px;border-radius:13px;transition:background .2s,color .2s}#interaction-mode[aria-checked=false] .mode-question,#interaction-mode[aria-checked=true] .mode-quiz{background:#b8c7db38;color:#f1e5c8}
.question-wrap #interaction-mode[hidden]{display:none!important}.send:disabled{opacity:.25;cursor:default}
#send-energy{position:fixed;inset:0;z-index:8;pointer-events:none}#send-energy i{position:absolute;width:4px;height:32px;border-radius:60%;background:linear-gradient(transparent,#e7c26b99,#ffe4a6,transparent);box-shadow:0 0 9px #e4b65a66}
#history-dialog{width:min(980px,94vw)}.profile-layout{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.65fr);gap:30px}.profile-history{min-width:0;border-left:1px solid #d1b77d30;padding-left:28px}.profile-layout h3{font:21px Georgia;margin:0 0 18px}#profile-panel{min-width:0}#profile-panel form{display:flex;flex-direction:column;gap:10px}#profile-panel input:not([type="checkbox"]){width:100%;border:1px solid #c9b37c88;border-radius:12px;padding:11px;background:#101e28;color:#f4e8d0;font:14px system-ui}#profile-panel button:not(.inline-link){width:100%;margin-bottom:10px}#profile-panel small{display:block;opacity:.6;font:11px/1.5 system-ui}#profile-details>img{width:76px;height:76px;object-fit:cover;border-radius:50%;margin-bottom:14px}#profile-details p{font:14px system-ui;overflow-wrap:anywhere}#profile-details[hidden],#profile-guest-login[hidden]{display:none!important}#profile-invite{margin-top:22px}
#history-dialog .history-question{padding:0!important;margin:0!important;border:0!important;background:transparent!important;border-radius:0!important;font:18px/1.4 Georgia!important;text-align:left}
#manifestation .option-card{overflow-wrap:anywhere;box-sizing:border-box}
@media(max-width:640px){.profile-layout{grid-template-columns:1fr}.profile-history{border-left:0;border-top:1px solid #d1b77d30;padding:24px 0 0}.question-wrap #interaction-mode{font-size:9px}.question-wrap #interaction-mode span{padding:5px}.question-wrap:has(#interaction-mode:not([hidden])){gap:6px}}
@media(prefers-reduced-motion:reduce){#send-energy i{height:10px}}
/* Item views dim the full central stage, including the composer; Irvan stays above it. */
#chest-shade{z-index:20;background:#07121bb5;backdrop-filter:none}
.center-modal .contact-row,.chest-open .contact-row{z-index:9!important;pointer-events:none}
.center-modal .irvan,.center-modal .irvan-message,.center-modal .irvan-writing-layer{z-index:40!important}
#box-content{z-index:30!important}#scroll,#fragment-dialog,#share-dialog{position:absolute;z-index:31;left:50%;top:48%;transform:translate(-50%,-50%);margin:0;max-height:86svh;overflow:auto}
#fragment-dialog[hidden],#share-dialog[hidden]{display:none!important}#scroll{overflow:visible}#scroll #share-scroll{position:static!important;display:block;margin:30px auto 0;border:1px solid #93734680;border-radius:20px;padding:9px 17px;background:#8e6e3820;color:#55402a;font:15px Georgia,serif}#scroll #close-scroll{position:absolute}
.question-wrap #interaction-mode{flex-direction:column;gap:1px;font-size:10px}.question-wrap #interaction-mode span{width:100%;text-align:center;padding:4px 8px}.question-wrap{padding-right:19px!important}
#send-energy i{width:1.5px;height:48px;transform-origin:center;background:linear-gradient(transparent,#e1b95b66,#ffe5aacc,transparent);box-shadow:0 0 7px #d9b0564d}
#similar-question[hidden]{display:none!important}
@property --gold-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.question-wrap:after{content:'';position:absolute;inset:-2px;pointer-events:none;border-radius:inherit;padding:2px;background:conic-gradient(from var(--gold-angle),#bd91321a 0deg,#bd91321a 245deg,#ddb75c66 285deg,#ffe8a9 325deg,#ddb75c66 350deg,#bd91321a 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:0}
.question-wrap.sending-border:after{animation:gold-border-orbit 1.9s linear both}
@keyframes gold-border-orbit{0%{--gold-angle:0deg;opacity:0}8%{opacity:.9}88%{opacity:.9}100%{--gold-angle:360deg;opacity:0}}
#brand-title img{display:block;width:185px;max-width:65%;height:auto;margin:0 auto 24px;object-fit:contain}#next-question[hidden],#harder-quiz[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.question-wrap.sending-border:after{animation-duration:.6s}}
/* Stronger gold travelling around the complete composer border. */
.question-wrap:after{inset:-3px;padding:3px;background:conic-gradient(from var(--gold-angle),#c39c3538 0deg,#d4ad4f66 225deg,#ffdd85cc 285deg,#fff0b9 325deg,#e8be61 350deg,#c39c3538 360deg)}
.question-wrap.sending-border{box-shadow:0 0 20px #e9c66b55,0 0 4px #f1d17b88}
/* The paper is a real raster asset; the share action floats outside it. */
#scroll{width:min(480px,70vw,50svh);height:auto;aspect-ratio:3/4;min-height:0!important;max-height:none;background:url('assets/parchment-open.png') center/100% 100% no-repeat!important;padding:19% 12%;padding:95px 65px;box-shadow:none;border:0;overflow:visible;display:flex;align-items:center;justify-content:center;color:#594126;font:italic clamp(17px,2vw,26px)/1.7 Georgia,serif}
#scroll:before,#scroll:after{display:none!important}#scroll p{width:100%;text-shadow:0 1px #f6e8c855}#scroll #close-scroll{top:45px!important;right:45px!important;color:#594126;background:#e8cf9b50;border-radius:50%;width:27px;height:27px;font-size:23px}
#scroll #share-scroll{position:absolute!important;top:auto!important;bottom:-53px;left:50%;right:auto!important;transform:translateX(-50%);margin:0!important;white-space:nowrap;background:#1a2935ed;color:#eadfc4;border:1px solid #d1b77d80}
#inventory{left:108px!important;gap:5px}#inventory-accessory[hidden]{display:none!important}
#fragment-dialog{width:min(590px,88vw);max-height:80svh;overflow:auto}#craft-piece-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.craft-piece{min-height:135px;border:1px solid #cdb78050;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background:#d5c4930b}.craft-piece img{width:100%;height:100px;object-fit:contain}.craft-piece small{display:block;font:12px/1.4 system-ui;margin-top:8px;color:#d4c9b6}.craft-piece.missing{opacity:.35;border-style:dashed}.craft-primary,.craft-project-buttons button{border:1px solid #d9bc70;border-radius:22px;padding:12px 20px;background:#b8923d30;color:#f3dfb1;font:16px Georgia;cursor:pointer}.craft-project-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}#fragment-dialog>.assembled-hammer{width:95%;height:270px;object-fit:contain}
#assembly-glow{position:absolute;inset:0;z-index:45;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#fff4c4d9 0%,#edcf8055 20%,transparent 55%)}#assembly-glow[hidden]{display:none}#assembly-glow.shining{animation:hammer-convergence 2.4s ease-in-out both}@keyframes hammer-convergence{0%{opacity:0;transform:scale(.4)}40%{opacity:.4}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(1.4)}}
#craft-replies{display:contents}#craft-replies[hidden]{display:none!important}#craft-replies button{border:1px solid #c7d2d66b;background:#192832dd;color:#e9dfc4;border-radius:22px;padding:10px 16px;font:14px Georgia,serif;white-space:nowrap}
#constructed-shelf{position:absolute;z-index:3;left:1%;bottom:13%;width:16%;padding:0;background:none;border:0;cursor:pointer;filter:drop-shadow(0 8px 5px #0006)}#constructed-shelf[hidden]{display:none}#constructed-shelf>img{display:block;width:100%}#shelf-scene-boxes{position:absolute;inset:0;pointer-events:none}#shelf-scene-boxes img{position:absolute;width:24%;height:15%;object-fit:contain}#shelf-count{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);font:12px Georgia;color:#ead6aa;border:1px solid #b79b5b70;border-radius:12px;min-width:23px;padding:3px;background:#263039e0}
#shelf-modal,#accessory-modal{position:absolute;z-index:31;left:50%;top:48%;transform:translate(-50%,-50%);width:min(710px,84vw);max-height:82svh;overflow:auto;padding:30px;border:1px solid #bda567;border-radius:24px;background:#182730f5;color:#eee4ce;text-align:center}#shelf-modal[hidden],#accessory-modal[hidden]{display:none!important}#shelf-modal h2,#accessory-modal h2{font:26px Georgia;margin-top:0}#shelf-front{position:relative;width:300px;max-width:80%;height:330px;margin:auto}#shelf-front>img{width:100%;height:100%;object-fit:contain}#shelf-front-items{position:absolute;inset:0}#shelf-front-items img{position:absolute;width:22%;height:18%;object-fit:contain}#shelf-front-items img:nth-child(3n+1){left:17%}#shelf-front-items img:nth-child(3n+2){left:41%}#shelf-front-items img:nth-child(3n){left:65%}#shelf-front-items img:nth-child(-n+3){top:-4%}#shelf-front-items img:nth-child(n+4):nth-child(-n+6){top:29%}#shelf-front-items img:nth-child(n+7){top:62%}#shelf-summary{font:14px system-ui;color:#c9bd9f}#shelf-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shelf-item{display:grid;grid-template-columns:56px 1fr;gap:6px 12px;align-items:center;padding:12px;border:1px solid #c9b77b50;border-radius:14px;background:#fff5;color:#eee2c9;background:#ffffff08;text-align:left}.shelf-item img{width:56px;height:45px;object-fit:contain;grid-row:span 2}.shelf-item span{font:14px Georgia}.shelf-item small{font:11px/1.4 system-ui;opacity:.65}.gift-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.gift-actions button{border:1px solid #cbb47a70;border-radius:20px;background:#b1975920;color:#eddfbb;padding:11px 15px;font:15px Georgia}#accessory-modal>img{width:210px;height:210px;object-fit:contain}
.irvan-pin{position:absolute;z-index:6;height:auto;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .22s}.irvan-pin[hidden]{display:none!important}#irvan-pin-writing{opacity:0}.irvan-is-writing #irvan-pin-idle{opacity:0}.irvan-is-writing #irvan-pin-writing{opacity:1}.center-modal .irvan-pin{z-index:41}
#nimbo-message{position:absolute;left:3%;bottom:49%;z-index:42;max-width:245px;padding:16px 19px;color:#22333c;font:14px/1.5 system-ui;isolation:isolate;--bubble-fill:#bcd1dbed;--bubble-border:#88b5d0}#nimbo-message[hidden]{display:none}#nimbo-message p{margin:0}
@media(max-width:640px){#scroll{width:min(360px,80vw,49svh);padding:65px 40px}#scroll #close-scroll{top:28px!important;right:28px!important}#constructed-shelf{width:24%;bottom:15%;left:0}#shelf-items{grid-template-columns:1fr}#craft-piece-grid{gap:7px}.craft-piece{min-height:110px}.craft-piece img{height:80px}#fragment-dialog{padding:25px}#nimbo-message{max-width:180px;font-size:12px}}
/* Keep the preview geometry stable while the generated card loads. */
.share-layout{min-height:min(65svh,610px)}#share-preview{height:min(65svh,610px);object-fit:contain}
.irvan-pin{transform:none!important;display:block}.irvan-pin svg{display:block;width:100%;height:100%;overflow:visible}
@media(max-aspect-ratio:1/1){.share-layout{min-height:0}#share-preview{height:45svh}}

/* Shelf contents are grouped; packaging stays outside the collection. */
#inventory[hidden],#shelf-count[hidden]{display:none!important}
#scroll #close-scroll{top:-8px!important;right:-6px!important;z-index:3;width:34px;height:34px;background:#302b24;color:#f7e8c4;border:1px solid #cfad66;border-radius:50%;font:26px/30px Arial;box-shadow:0 2px 12px #0008}
#shelf-items .shelf-item{display:flex;flex-direction:column;align-items:center;gap:6px}
#shelf-items .shelf-item b{font-size:15px;color:#e4c992}
.shelf-receipt{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #d5bd7933}
.shelf-receipt small{grid-column:1;grid-row:2;color:#c6bdad}
.shelf-receipt>button:last-child{grid-column:2;grid-row:1/3}
#shelf-item-modal{position:absolute;z-index:31;left:50%;top:46%;transform:translate(-50%,-50%);width:min(480px,85vw);padding:28px;text-align:center;border:1px solid #bd9b60;border-radius:24px;background:#1d2529f5;color:#efe3c9;box-shadow:0 20px 80px #0009}
#shelf-item-modal[hidden]{display:none}
#shelf-item-modal img{display:block;width:70%;height:230px;object-fit:contain;margin:15px auto}
#shelf-item-modal button{color:#ead5a7;background:#ffffff0b;border:1px solid #d7b66d55;border-radius:20px;padding:8px 16px}
#shelf-item-modal .dialog-close{padding:0}

/* Two equal trails leave the bottom center and meet at the top center. */
.question-wrap.sending-border:after{animation:none;opacity:0}
.gold-send-trails{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);overflow:visible;pointer-events:none;z-index:4;filter:drop-shadow(0 0 5px #e8bd55)}
.gold-send-trails path{fill:none;stroke:#ffe4a0;stroke-width:3;stroke-linecap:round;stroke-dasharray:22 122;animation:gold-two-trails 2.5s ease-in-out both}
@keyframes gold-two-trails{0%{stroke-dashoffset:22;opacity:0}8%{opacity:1}82%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
#fragment-dialog .craft-project-buttons{margin:16px 0 22px;width:100%}
#fragment-dialog .fragment-actions{margin-top:18px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.gold-send-trails path{animation-duration:.6s}}

/* Keep the profile and invitation stationary while the history scrolls. */
#history-dialog{overflow:hidden;padding-top:42px}
#history-dialog .profile-layout{max-height:calc(85svh - 78px)}
#history-dialog .profile-history{min-height:0;display:flex;flex-direction:column;overflow:hidden}
#history-list{overflow:auto;min-height:0;overscroll-behavior:contain;padding-right:12px}
#history-dialog .first-presence{display:block;margin-top:16px;font-size:12px;opacity:.78}
.profile-invitation{margin-top:20px;padding-top:16px;border-top:1px solid #d1b77d30}
.profile-invitation small{display:block}
#profile-button{width:38.4px;height:38.4px}
#brand-dialog .brand-primary{display:flex;justify-content:center;gap:12px}
#brand-dialog .brand-primary .brand-qr{flex:1;font-size:15px!important;padding:9px 11px!important;min-width:0;margin:0!important}
#brand-dialog nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 21px;margin:26px 0;text-align:center}
#brand-dialog nav span{color:#d9c9a8}
#brand-fragments{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Scene choices and quick replies. */
#manifestation .option-card{background:#dfd0b9ed}
#manifestation .option-card.muted{opacity:.8}
#manifestation .option-card.user-choice{outline-color:#192832!important}
.poll-user-choice{color:#192832!important}
.poll-user-choice i{background:#192832!important}
.orbit-qr{bottom:calc(100% - 3px + var(--qr-rise,0px))!important;color:#f4f3ef!important;font-size:15px!important;padding:7px 13px!important;white-space:nowrap}
.question-wrap.sending-border .gold-send-trails path{stroke:#ffe8a6;stroke-width:2.5;stroke-dasharray:100 100;animation:gold-edge-beams .84s linear both}
@keyframes gold-edge-beams{
 from{stroke-dashoffset:100;opacity:.95}
 80%{opacity:1}
 to{stroke-dashoffset:0;opacity:1}
}
.question-wrap.sending-border{box-shadow:0 7px 22px #0003}
#attach-image[hidden],#share-preview[hidden],#trix-nav[hidden]{display:none!important}
#share-preview{grid-column:1;grid-row:1}
.share-settings{grid-column:2;grid-row:1}
.contact-row .surprise-label{font-size:13px}
.contact-row .quick-replies button{font-size:14px;padding:6px 9px}
.contact-row .quick-replies svg{width:16px;height:16px}
.api-awaiting #api-mist-weave{opacity:.48;z-index:2}
#api-mist-weave:before,#api-mist-weave:after{background:radial-gradient(ellipse at 25% 54%,#8fd2b45c,transparent 42%),radial-gradient(ellipse at 72% 52%,#b6a0dc63,transparent 48%)}
#trix-nav{display:flex;justify-content:center;gap:9px;margin-top:7px}
#trix-nav button{background:none;border:0;color:inherit;font:20px/1 Georgia;cursor:pointer}
#trix-nav button:disabled{opacity:.35;cursor:default}

/* Shelf details use a flat list and small icon controls. */
#shelf-modal.shelf-browsing #shelf-front,#shelf-modal.shelf-browsing #shelf-summary{display:none}
.shelf-back{position:absolute;left:14px;top:12px}
.shelf-back,.shelf-icon,#shelf-item-modal .shelf-back,#shelf-item-modal .shelf-icon{
 display:inline-grid;place-items:center;padding:7px;border:0;background:none;color:#edddb8;cursor:pointer
}
.shelf-icon svg,.shelf-back svg,.share-entry svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex:none}
#shelf-items .shelf-item{border:0;background:none}
.shelf-receipt{grid-template-columns:minmax(0,1fr) auto auto;padding:8px 0}
.shelf-receipt>button:last-child{grid-column:auto;grid-row:auto}
.shelf-open-item{display:flex;align-items:center;gap:12px;border:0;background:none;color:#eee2c9;text-align:left;cursor:pointer}
.shelf-open-item img{width:42px;height:38px;object-fit:contain}
.shelf-item-toolbar{display:flex;justify-content:center;align-items:center;gap:12px}
.share-entry{display:inline-flex;justify-content:center;align-items:center;gap:7px}
#scroll #share-scroll.share-entry{display:flex}
@media(max-aspect-ratio:1/1){
 #history-dialog{padding:35px 16px 16px}
 #history-dialog .profile-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:12px;max-height:calc(85svh - 55px)}
 #history-dialog .profile-history{padding-left:10px;border-left:1px solid #d1b77d30;border-top:0}
 #history-dialog .profile-layout h3{font-size:16px}
 #history-dialog .profile-layout button{font-size:12px}
 .share-settings{grid-column:1;grid-row:2}
 .orbit-qr{bottom:calc(100% + 8px + var(--qr-rise,0px))!important;font-size:12px!important;padding:5px 8px!important}
 .contact-row .surprise-label,.contact-row .quick-replies button{font-size:11px}
 .contact-row .quick-replies button{padding:5px 5px}
}
@media(prefers-reduced-motion:reduce){
 .question-wrap.sending-border .gold-send-trails path{animation:none}
}
.atrium:has(.sending-border) #manifestation,.contact-row:has(.sending-border) .orbit-qr{visibility:hidden}
#scroll #close-scroll.shelf-back{left:-6px!important;right:auto!important}

/* Dialogue and quick replies. */
#character-replies{display:contents}
.orbit-qr{bottom:calc(100% + 14px + var(--qr-rise,0px))!important}
.contact-row .quick-replies button{padding:7px 11px}
.irvan-message,#trix-message{font-size:clamp(15px,1.2vw,18px)!important;line-height:1.5!important;padding:17px 20px!important}
#trix-message{width:max-content;max-width:min(330px,39vw)}
.speech-start>.bubble-outline path{animation:speech-border-pulse 1.65s ease-out both}
@keyframes speech-border-pulse{
 0%,25%{stroke:#fff0bc;stroke-width:2.6;filter:drop-shadow(0 0 7px var(--bubble-border))}
 100%{stroke:var(--bubble-border);stroke-width:1.3;filter:none}
}
#trix-message.speech-start>.bubble-outline path{--speech-flash:#e1edf5}
#trix-message.speech-start>.bubble-outline path{animation-name:trix-border-pulse}
@keyframes trix-border-pulse{
 0%,25%{stroke:#e8eff7;stroke-width:2.6;filter:drop-shadow(0 0 7px #c4d5e7)}
 100%{stroke:var(--bubble-border);stroke-width:1.3;filter:none}
}

#limiar-dialog{width:min(540px,90vw);max-height:86svh;overflow:auto;padding:30px;border:1px solid #d1b77d;border-radius:22px;background:#1c2c36;color:#f4e7cb;text-align:center;font:16px/1.55 Georgia,serif}
#limiar-dialog::backdrop{background:#07121b9e}
#limiar-dialog h2{font-weight:400;margin:0 16px 16px}
#limiar-dialog form{display:grid;justify-items:center;gap:12px}
#limiar-dialog textarea{width:100%;background:#14222c;color:#f4e7cb;border:1px solid #d1b77d70;border-radius:12px;padding:10px;font:inherit;resize:vertical}
#limiar-dialog .relic-action{margin:4px;border:1px solid #c7af75a0;border-radius:20px;padding:8px 14px;background:#263b45;color:#f4e7cb;font:inherit;cursor:pointer}
#limiar-dialog .relic-action:disabled{opacity:.45;cursor:default}
#limiar-dialog .relic-art{width:116px;height:116px;object-fit:contain}
.past-emblem{font-size:54px;color:#dbbd7b}
.past-progress{font-size:13px;color:#d1c09e}
#pioneer-title{color:#e2c788;font-size:14px}
#new-fragments{position:fixed;z-index:10;bottom:67px;left:27px;display:flex;gap:4px}
#new-fragments button{display:grid;justify-items:center;background:#172832b5;border:1px solid #bd9e6740;border-radius:12px;padding:3px;color:#f1dfbf;cursor:pointer}
#new-fragments img{width:28px;height:28px}
#new-fragments small{font:10px system-ui,sans-serif}
#aurora-plant{position:fixed;z-index:10;bottom:95px;left:4%;width:64px;padding:0;border:0;background:none;cursor:pointer}
#aurora-plant img{width:100%;display:block;transform-origin:50% 100%;transition:transform .6s}
#aurora-plant[data-growth="0"] img{transform:scale(.56)}
#aurora-plant[data-growth="1"] img{transform:scale(.72)}
#aurora-plant[data-growth="2"] img{transform:scale(.88)}
#prediction-notice{position:fixed;z-index:60;top:18px;left:50%;transform:translateX(-50%);width:min(540px,92vw);border:1px solid #dfbd72;border-radius:16px;background:#223442;color:#f7e7b9;padding:12px 17px;font:16px/1.4 Georgia,serif;cursor:pointer;box-shadow:0 12px 45px #0008}
#dream-space .conjured-die{width:11%;max-width:145px;top:37%;left:32%}
#claim-power[hidden],#prediction-notice[hidden],#aurora-plant[hidden]{display:none!important}
#claim-power{position:absolute;top:49%;left:50%;width:32%;transform:translate(-50%,-50%);border:0;background:none;cursor:pointer}
#claim-power img{width:100%;height:auto}
#floor-object[data-kind="power"] img,.power-chest #chest-display>img:first-child{filter:sepia(.85) saturate(1.8) brightness(1.35)}
.painted-hammer img[src$="construction-hammer.png"]{filter:hue-rotate(67deg) saturate(1.35)}
.tinted-mist .mist-back{filter:sepia(.25) hue-rotate(230deg) saturate(1.75)}
.tinted-mist .mist-energy{filter:hue-rotate(75deg) saturate(2)}
.mist-banished .mist,.mist-banished .mist-energy,.mist-banished #api-mist-weave{visibility:hidden}
@media(max-aspect-ratio:1/1){
 .irvan-message,#trix-message{font-size:13px!important;padding:11px 13px!important}
 .orbit-qr{bottom:calc(100% + 18px + var(--qr-rise,0px))!important}
 .contact-row .quick-replies button{padding:6px}
}
@media(prefers-reduced-motion:reduce){
 .speech-start>.bubble-outline path,#trix-message.speech-start>.bubble-outline path{animation:none}
}
.atrium:has(#share-dialog:not([hidden])) .irvan-message{z-index:29!important}
@media(max-width:760px){
 .orbit-qr{max-width:44vw;white-space:normal;text-align:center}
}

/* Match the existing border while Entia is preparing the options. */
.question-wrap.processing-question{border-width:2px;animation-duration:4s}
#character-replies button[hidden],#new-fragments[hidden]{display:none!important}
.contact-row button.orbit-qr{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 min-height:34px!important;max-width:min(190px,44vw)!important;
 white-space:normal!important;line-height:1.15;text-align:center;
 border:1px solid #c1cbd9!important;border-radius:21px!important;
 background:#192832!important;color:#f4f3ef!important;cursor:pointer
}
.contact-row button.orbit-qr[hidden],.contact-row [hidden] button.orbit-qr{display:none!important}
.orbit-qr svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
#manifestation .option-card{background:#dfd0b9f7}
#manifestation .option-card.muted{opacity:.91}
#manifestation .option-card.choice-qr{border-radius:21px;padding:7px 11px;border:1px solid #d0bb99;opacity:1;background:#dfd0b9}
#manifestation .option-card.choice-qr img{max-height:48px;object-fit:contain}
#trix-nav{position:absolute;left:48%;top:calc(100% + 15px);transform:translateX(-50%);margin:0;gap:8px}
#trix-nav button{width:27px;height:23px;padding:0;border:1px solid #aab0b855;border-radius:14px;background:#d9dde2d8;color:#424950;font:17px/1 system-ui}
#new-fragments{left:clamp(73px,17vw,214px);bottom:18px;max-width:calc(100vw - 100px);flex-wrap:wrap}
#claim-power{width:24%}
#floor-object[data-kind="power"] img,.power-chest #chest-display>img:first-child{
 animation:golden-chest-light 1.65s ease-in-out infinite alternate
}
#delivery[data-kind="power"]:not(.leaving)::after{
 content:'';position:absolute;inset:36% 17% 16%;pointer-events:none;
 background:radial-gradient(ellipse,#fff1a864 2%,#e6b6463d 35%,transparent 68%);
 animation:golden-chest-aura 1s ease-in-out infinite alternate
}
@keyframes golden-chest-light{
 from{filter:sepia(.85) saturate(1.8) brightness(1.35) drop-shadow(0 0 7px #eabf67a0)}
 to{filter:sepia(.95) saturate(2.1) brightness(1.65) drop-shadow(0 0 18px #ffdf79dc)}
}
@keyframes golden-chest-aura{from{opacity:.38}to{opacity:1}}
.past-story-copy{font-size:clamp(17px,2vw,22px);line-height:1.42}
.past-story-copy p{margin:0 0 12px}
@media(prefers-reduced-motion:reduce){
 .question-wrap.processing-question,#floor-object[data-kind="power"] img,.power-chest #chest-display>img:first-child,#delivery[data-kind="power"]::after{animation:none}
}
.contact-row #share-result.orbit-qr{max-width:132px!important}
#inventory #new-fragments{position:static;align-items:flex-end}
#inventory #new-fragments button{width:36px;height:46px}
#inventory #new-fragments img{width:28px;height:28px}
.atrium:has(.processing-question) #manifestation{visibility:hidden}

/* Shared two-column layout for the profile and Entia. */
#guidance .entia-name{color:#c6a65f;font-weight:700}
#brand-dialog.wide-limiar,#history-dialog.wide-limiar{width:min(980px,94vw);max-height:88svh;padding:38px 32px 24px;overflow:auto}
.wide-limiar .profile-layout{display:grid;grid-template-columns:minmax(265px,.92fr) minmax(0,1.3fr);gap:32px;max-height:none!important}
.wide-limiar .profile-history{min-height:0;max-height:70svh;overflow:auto!important;display:block!important;overscroll-behavior:contain;padding-right:8px}
.wide-limiar .profile-history h3{margin:0 0 13px}
.wide-limiar #achievement-list{margin-bottom:28px}
.wide-limiar #history-list{overflow:visible;padding:0}
#history-login[hidden],#auth-form button[hidden],#profile-invite-actions[hidden],#brand-invite-gate[hidden],#profile-invite-gate[hidden]{display:none!important}
#profile-login-form label,#auth-form label{font-size:14px;line-height:1.5;color:#e1d8c4}
#profile-google,#google-login{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.google-mark{width:18px;height:18px;flex:none}
.section-gate{font-size:14px;line-height:1.5;color:#cabda7;margin:4px 0 14px}
.achievement-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 5px;border-bottom:1px solid #cfb58228}
.achievement-icon{display:grid;place-items:center;color:#e6c783;font:21px Georgia,serif}
.achievement-row time,.history-entry time{font:11px/1.2 system-ui,sans-serif;color:#c8b99d;white-space:nowrap}
#history-list .history-entry{display:block;width:100%;padding:12px 10px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left;color:#f0e4ce;font:15px/1.5 Georgia,serif;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
#history-list .history-entry:hover,#history-list .history-entry:focus-visible{background:#d1b47722;border-color:#d1b47760;box-shadow:0 0 13px #d1b47720;text-decoration:none}
.history-entry-line{display:flex;align-items:baseline;gap:9px;justify-content:space-between}
.history-entry-answer{display:block;color:#cfc2a9;margin-top:4px}
.profile-invitation .invite-note,.brand-intro .invite-note{display:block;line-height:1.55;font-size:12px;margin:12px 0}
.invite-note a{font:inherit!important;color:inherit;text-decoration:underline;text-underline-offset:2px}
.brand-intro{text-align:center}
#brand-dialog .entia-definition,.entia-definition{font:15px/1.35 Georgia,serif;color:#dfd2b6;margin:0 0 10px}
.entry-logo{display:block;width:145px;max-width:65%;height:auto;margin:0 auto 17px}
#brand-dialog #brand-about,#brand-dialog #brand-invite{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0 auto!important;font-size:14px!important;padding:8px 12px!important}
#brand-dialog .closed-phase{margin:16px 0 7px}
#brand-invite-gate{display:block;font-size:12px;margin-top:3px;color:#cbbda4}
#brand-dialog button:disabled,.entry-dialog button:disabled{cursor:default;opacity:.5}
#brand-dialog .brand-links{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:nowrap;margin:14px -8px 7px}
#brand-dialog .brand-links .brand-qr{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 7px!important;line-height:1.15;font-size:11px!important;border:1px solid #c0aa7866;border-radius:16px;background:#192832;color:#f4e9d2;text-decoration:none;white-space:nowrap}
.brand-qr svg,.entry-dialog button svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
#brand-dialog .social-links{display:flex;justify-content:flex-end;gap:11px;margin:14px 0 0}
#brand-dialog .social-links button,#brand-dialog .social-links a{border:0;background:transparent;color:white;opacity:1;padding:2px;display:inline-flex}
#brand-dialog .social-links svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#faq-list article{padding:11px 7px;border-bottom:1px solid #cfb58228}
#faq-list h4{margin:0 0 4px;font:600 16px Georgia,serif}
#brand-dialog #faq-list p{font-size:14px;line-height:1.55;margin:0;color:#d4c8b3}
#fragmentos:focus{outline:1px solid #d4b9778a;border-radius:7px;background:#d1b47712}
.inline-link,#brand-dialog button.inline-link,.entry-dialog button.inline-link{border:0!important;background:none!important;padding:0!important;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.entry-dialog{width:min(560px,92vw);max-height:88svh;overflow:auto;padding:26px 30px;border:1px solid #d1b77d;border-radius:22px;background:#1c2c36;color:#eee1c8;font:16px/1.48 Georgia,serif;text-align:center}
.entry-dialog::backdrop{background:#08131ad0}
.entry-dialog h2{font:400 25px Georgia,serif;margin:10px 0 16px}
.entry-steps{list-style:none;counter-reset:entry-step;text-align:left;padding:0;margin:0 0 14px}
.entry-steps li{counter-increment:entry-step;position:relative;padding:10px 0 7px 40px}
.entry-steps li::before{content:counter(entry-step);position:absolute;left:0;top:9px;width:27px;height:27px;display:grid;place-items:center;border:1px solid #c4a768;border-radius:50%;color:#ead095}
.entry-steps p{margin:1px 0}
.entry-steps form{display:grid;gap:7px;justify-items:start}
.entry-steps textarea{width:100%;padding:9px 10px;border:1px solid #c0aa7870;border-radius:10px;background:#14232c;color:#f1e8d6;font:14px/1.4 Georgia,serif}
.entry-dialog button:not(.inline-link,.dialog-close){display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d1b77d7a;border-radius:18px;padding:7px 12px;background:#263d48;color:#f6e8c8;font:14px Georgia,serif}
#already-invited{display:block;margin-left:auto;color:#ead095;font-size:14px}
.entry-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
#request-invite-status{font-size:13px;color:#e0c88b}
.qr-label span{display:inline-block;max-width:100%;overflow-wrap:anywhere}
#limiar-tooltip{position:fixed;z-index:2147483000;max-width:min(255px,calc(100vw - 16px));padding:7px 10px;border-radius:6px;background:#17191b;color:#fff;box-shadow:0 4px 13px #0007;font:12px/1.4 system-ui,sans-serif;display:flex;gap:6px;align-items:center;pointer-events:none;text-align:left}
#limiar-tooltip[hidden]{display:none!important}
#limiar-tooltip img{width:18px;height:18px;object-fit:contain;flex:none}
#limiar-tooltip::after{content:'';position:absolute;left:var(--tip-arrow,50%);top:100%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#17191b}
#limiar-tooltip.tip-below::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#17191b}
#copy-generated-link,#copy-result{cursor:copy}
#generated-link{cursor:text}
#save-result{cursor:s-resize}
@media(max-width:730px){
 #brand-dialog.wide-limiar,#history-dialog.wide-limiar{padding:34px 18px 18px}
 .wide-limiar .profile-layout{grid-template-columns:1fr!important;gap:22px}
 .wide-limiar .profile-history{max-height:none;border-left:0!important;border-top:1px solid #d1b77d30!important;padding:16px 0 0!important}
}
@media(max-width:370px){#brand-dialog .brand-links{flex-wrap:wrap}}
.entry-steps li::before{content:none}
.entry-number{position:absolute;left:0;top:9px;width:27px;height:27px;display:grid;place-items:center;border:1px solid #c4a768;border-radius:50%;color:#ead095}
.entry-number > span{transform:translateY(-2px)}
#save-result{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v11m-5-5 5 5 5-5M5 16v5h14v-5' fill='none' stroke='%23fff4d7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 12 12,pointer}
[data-open-faq],.faq-panel .inline-link{cursor:help}

.question-wrap.processing-question{border-width:4px}
.contact-row button.orbit-qr{box-sizing:border-box;max-width:min(190px,calc(50vw - min(210px,25vw) - 18px))!important;overflow-wrap:anywhere}
.contact-row .orbit-qr .qr-label,.contact-row .orbit-qr .share-qr-label{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.contact-row #share-result.orbit-qr{max-width:min(140px,44vw)!important}
#inventory{left:72px!important;gap:4px}
#inventory #new-fragments{gap:4px}
#inventory #new-fragments:empty{display:none}
#inventory button,#inventory #new-fragments button{background:none;border:0;box-shadow:none}
#limiar-dialog .relic-art{display:block;margin:0 auto 22px}
#link-item-art{display:block;width:148px;height:110px;object-fit:contain;margin:0 auto 16px}
#link-item-art[hidden]{display:none}
#donate-fragment,#donate-owned-fragment,#fragment-dialog .fragment-actions button,#limiar-dialog .relic-action:has(svg){display:inline-flex;align-items:center;justify-content:center;gap:7px}
#donate-fragment svg,#donate-owned-fragment svg,#fragment-dialog .fragment-actions svg,#limiar-dialog .relic-action svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
#donate-fragment[hidden]{display:none!important}
@media(max-width:760px){.contact-row button.orbit-qr{max-width:44vw!important}}

body:has(#closed-entry[open],#invite-received[open]) :is(.irvan,.irvan-message,.irvan-shadow){visibility:hidden}
.entry-divider{width:min(270px,80%);border:0;border-top:1px solid #c7ae7255;margin:14px auto}
#closed-entry .entry-logo,#brand-dialog .entry-logo{margin-bottom:7px}
#request-invite-hint{font:12px/1.4 system-ui,sans-serif;color:#bdad95}
#request-invite-form button[hidden],#chest-item-action[hidden],#faq-list article[hidden]{display:none!important}
.account-benefits{width:100%;font:14px/1.4 Georgia,serif}
.account-benefits li{min-height:42px;display:flex;align-items:center}
#profile-name-form{display:grid;gap:6px}
#profile-name-form input,#profile-display-name,#auth-display-name,#faq-filter{width:100%;padding:8px 10px;border:1px solid #c7ae7266;border-radius:9px;background:#14232c;color:#f4ead3;font:14px/1.4 Georgia,serif}
#faq-filter{margin-bottom:7px}
#history-list .section-gate,#achievement-list .section-gate{color:#cabda7;font:14px/1.5 Georgia,serif}
.history-extras{display:grid;gap:1px;margin-top:4px;font:12px/1.3 system-ui,sans-serif;color:#c8b99d}
.history-extras span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#guidance .entia-name,#guidance .name-entia{color:#785b24;font-weight:700;text-decoration-color:#785b24}
#guidance .name-entia,#guidance .name-irvan{text-decoration:underline;text-underline-offset:4px}
#guidance .name-irvan{color:#654322;text-decoration-color:#654322}
#irvan-nav,#trix-nav{position:static;transform:none;justify-content:center;margin:10px 0 0}
.contact-row button.orbit-qr{width:max-content!important;min-width:min(128px,43vw);max-width:min(180px,44vw)!important;word-break:normal;overflow-wrap:break-word}
.contact-row .orbit-qr .qr-label span{display:inline;word-break:normal;overflow-wrap:normal}
.contact-row #share-result.orbit-qr{min-width:min(140px,44vw);max-width:min(151px,44vw)!important}
.contact-row .share-qr-label>span{display:block;white-space:nowrap}
#chest-item-action,.package-open-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border:1px solid #d1b77d7a;border-radius:16px;background:#263d48;color:#f6e8c8;text-decoration:none;font:14px Georgia,serif}
#chest-item-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
#shelf-item-modal a:has(.package-open-button){display:grid;justify-items:center;text-decoration:none;margin-bottom:12px}

.interaction-modes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto;align-items:stretch;gap:4px;width:calc(100% - 2 * clamp(12px,3vw,26px));margin:0 auto;padding:0;box-sizing:border-box;background:#d3c697b3;color:#192832;border-radius:0 0 14px 14px}
.interaction-modes button,.more-modes summary{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:inherit;font:600 12px/1.15 system-ui;white-space:nowrap;cursor:pointer}
.interaction-modes button:hover,.more-modes summary:hover,.more-modes[open] summary{background:#19283216}
.interaction-modes button[aria-pressed=true]{background:#d3c697;border-color:transparent;border-radius:0 0 9px 9px}
.interaction-modes button[aria-disabled=true]{opacity:.72;cursor:default}
.interaction-modes .mode-lock{display:inline-flex;padding:2px;border:1px solid #19283255;border-radius:999px}.interaction-modes .mode-lock svg{width:11px;height:11px}
.interaction-modes svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.more-modes{position:relative}
.more-modes summary{height:100%;box-sizing:border-box;list-style:none}
.more-modes summary::-webkit-details-marker{display:none}
.more-modes summary svg{stroke-width:2.8}
.more-modes ul{position:absolute;right:0;bottom:calc(100% + 8px);z-index:4;min-width:155px;margin:0;padding:5px 8px;list-style:none;background:#d3c697;border:1px solid #19283255;border-radius:10px;box-shadow:0 6px 18px #0005}
.more-modes li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 4px;font:600 12px/1.25 system-ui;white-space:nowrap}
.more-modes li span{display:flex}
#mode-suggestions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;min-width:0}
.contact-row .quick-replies{justify-content:center;gap:8px;width:100%;padding:6px 8px;flex-wrap:wrap}.contact-row .quick-replies button{white-space:normal}
#decision-matrix-dialog{position:fixed;width:min(510px,90vw);max-height:85vh;overflow:auto;padding:25px;border:1px solid #b99c68;border-radius:18px;background:#172731;color:#f4e8cc}
#decision-matrix-dialog::backdrop{background:#08121ac4}
#decision-matrix-dialog p{margin:.5rem 0}
#matrix-criteria{display:grid;gap:14px;margin:18px 0}
#apply-matrix{padding:8px 14px;border:1px solid #b99c68;border-radius:11px;background:#263845;color:#f4e8cc}
#apply-matrix:disabled{opacity:.5}
.chance-outcome{position:absolute;left:44%;top:38%;transform:translate(-50%,-50%);border:1px solid #b99c68;border-radius:16px;padding:12px 22px;background:#172731;color:#f4e8cc;font-size:clamp(20px,3vw,42px)}
@media(max-width:540px){.interaction-modes{gap:2px}.interaction-modes button{flex-direction:column;gap:2px;padding:4px 1px;font-size:clamp(8px,2.5vw,10px)}.more-modes summary{padding-inline:3px}.interaction-modes button .mode-lock{position:absolute;top:1px;right:3px;padding:1px}.interaction-modes button .mode-lock svg{width:9px;height:9px}.interaction-modes button{position:relative}.contact-row .quick-replies{flex-wrap:wrap;gap:2px}}

#closed-entry .entry-divider{margin:28px auto}
#closed-entry-title{font-size:19px}
#profile-name-form[hidden],#profile-name-form button[hidden]{display:none!important}
#profile-details .profile-name-row{display:flex;align-items:center;gap:8px;margin:0 0 10px}
#profile-details .profile-name-row h3{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#profile-panel #edit-profile-name{display:inline-grid;place-items:center;flex:none;width:30px;min-height:30px;margin:0;border:0;background:none;padding:5px}
#profile-panel [data-icon] svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
#profile-panel [data-icon]:not(#edit-profile-name) svg{margin-right:7px}

#history-dialog.wide-limiar{padding-inline:clamp(12px,2.4vw,24px)}
#history-dialog.wide-limiar .profile-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1.3fr);gap:22px}
#profile-panel .profile-invitation{margin-top:16px;padding-top:12px}
#profile-panel .profile-invitation :is(.section-gate,.invite-note){white-space:normal;overflow-wrap:anywhere}
#profile-panel .profile-invitation .invite-note{margin:8px 0 0}

#brand-dialog .entry-divider{margin:26px auto}
#brand-dialog .brand-invitation{text-align:left;margin-top:16px;padding-top:12px}
#brand-dialog .brand-invitation .invite-note{margin:8px 0 0;overflow-wrap:anywhere}
#brand-invite-actions[hidden]{display:none}
#faq-list article ul{margin:8px 0;padding-left:20px}

body[data-irvan-arrival="waiting"] :is(.irvan,.irvan-shadow,.irvan-message),
body[data-irvan-arrival="forming"] .irvan-message{visibility:hidden}
body[data-irvan-arrival="forming"] .irvan:not(.irvan-writing-layer){animation:irvan-materialize .65s ease-out both!important}
body[data-irvan-arrival="speaking"] .irvan-message{animation:irvan-bubble-in .4s ease-out both}
@keyframes irvan-materialize{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}
@keyframes irvan-bubble-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body[data-irvan-arrival] :is(.irvan,.irvan-message){animation:none!important}}
#decision-context-tool{order:2}
.question-wrap .send{order:3}#attach-image{order:4}#audio{order:5}
#decision-context-tool[hidden]{display:none}
#decision-context-tool.context-saved{color:#f6db86;background:#d6b36520;border-radius:50%}
#decision-matrix-dialog{width:min(630px,92vw)}
#decision-matrix-dialog #matrix-question{text-align:center;font-size:clamp(23px,4vw,30px);line-height:1.25;margin:12px 0 28px;overflow-wrap:anywhere}
#matrix-criteria{gap:18px}
.matrix-factor label{display:block;font-size:17px}
.matrix-factor input[type=range]{appearance:none;display:block;width:calc(80% + 17px);height:8px;border-radius:8px;margin:9px auto;background:linear-gradient(to right,var(--range-color) 0 var(--range-fill),#41515d var(--range-fill) 100%);cursor:pointer}
.matrix-factor input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border:2px solid #172731;border-radius:50%;background:var(--range-color)}
.matrix-factor input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid #172731;border-radius:50%;background:var(--range-color)}
.matrix-marks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;text-align:center;color:#bdc3c9;font:11px/1.2 system-ui}
.matrix-marks span::before{content:'';display:block;width:1px;height:5px;margin:0 auto 4px;background:currentColor}
.matrix-marks .current{color:#f4d88d}
#decision-context-note{display:block;width:100%;box-sizing:border-box;resize:vertical;margin:6px 0 0;padding:8px;color:inherit;background:#101e28;border:1px solid #a48a59;border-radius:8px;font:inherit}
#decision-context-count{display:block;text-align:right;margin-bottom:10px}
#apply-matrix{display:inline-flex;align-items:center;gap:7px}
#apply-matrix svg{width:16px;height:16px}

.interaction-modes button[data-mode=decidir]{border-bottom-left-radius:14px}
.more-modes summary{border-bottom-right-radius:14px}
#brand-dialog .brand-invitation{border-top:0;margin-top:0;padding-top:0}
.profile-invitation .closed-phase,#brand-dialog .profile-invitation .closed-phase{margin:0 0 8px;color:#cabda7;font-size:14px}
#brand-dialog .brand-footer{border-top:1px solid #c7ae7255;margin-top:22px;padding-top:10px}
#brand-dialog .brand-footer .brand-links{margin-top:0}

#question::placeholder{font-size:.87em}
.atrium .irvan-message{width:min(430px,43vw);max-width:none;right:1.5%;overflow-wrap:anywhere}
@media(max-aspect-ratio:1/1){.atrium .irvan-message{width:min(320px,61vw);right:3%}}
#brand-dialog #faq-list li{font-size:14px;line-height:1.55;color:#d4c8b3}
#brand-dialog #faq-list .faq-disclaimer{margin-top:12px}
.invite-consent{margin:18px 0 14px}
.invite-consent input{vertical-align:middle;accent-color:#d3c697}
#invite-received .entry-actions button:disabled{opacity:.55;cursor:default}

#decision-matrix-dialog #matrix-question{font-style:italic}
#apply-matrix{display:flex;margin-inline:auto}
#decision-context-tool.context-saved{background:transparent;border-radius:0}
#decision-context-tool:active{transform:none;background:transparent}
.matrix-track{position:relative}
.matrix-ticks{position:absolute;inset:0 10%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.matrix-ticks span{width:1px;height:5px;background:#f4e6c795}
.matrix-marks span::before{display:none}
.contact-row button.orbit-qr{font-size:var(--qr-font,15px)!important;min-width:0;max-width:min(220px,43vw)!important;white-space:nowrap!important}
.contact-row .orbit-qr .qr-label{white-space:nowrap!important;overflow-wrap:normal}
.contact-row #share-result.orbit-qr{min-width:0;max-width:min(220px,43vw)!important}
@media(max-width:760px){.contact-row button.orbit-qr{font-size:var(--qr-font,12px)!important}}
#floor-object[data-kind="power"] img,.power-chest #chest-display>img:first-child{animation:none;filter:sepia(1) saturate(2.4) brightness(1.25) contrast(1.1)}
#delivery[data-kind="power"]::after{display:none}
.question-wrap.processing-question{background-image:linear-gradient(#192832,#192832),linear-gradient(110deg,#c2dbe5 5%,#bea5bf 28%,#dfd0b9 42%,#dfd0b9 54%,#e1c9c8 67%,#a3cbd8 95%)}

.scepter-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px auto 16px;max-width:320px}
.scepter-parts img{width:100%;height:55px;object-fit:contain}
#mode-suggestions button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
@property --decision-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.question-wrap.processing-question{
 background:linear-gradient(#192832,#192832) padding-box,conic-gradient(from var(--decision-border-angle),#c2dbe5,#bea5bf,#dfd0b9 36% 49%,#e1c9c8,#a3cbd8,#c2dbe5) border-box;
 animation:decision-border-spin 3s linear infinite
}
@keyframes decision-border-spin{to{--decision-border-angle:360deg}}
@media(prefers-reduced-motion:reduce){.question-wrap.processing-question{animation:none}}

#inventory-cards{display:flex;gap:8px}
#inventory-cards[hidden]{display:none}
#inventory .character-card-item{width:32px;height:42px;padding:3px;justify-content:center;align-self:flex-end;border:1px solid #cdb37c;background:#182732;border-radius:6px}
#inventory .character-card-item img{width:100%;height:100%;object-fit:contain}
.character-card-art{display:grid;place-items:center;width:min(220px,70vw);height:280px;margin:10px auto 18px;border:1px solid #cdb37c;border-radius:14px;background:radial-gradient(ellipse,#5a536a,#172731 75%);overflow:hidden}
.character-card-art img{width:100%;height:100%;object-fit:contain}
.painted-hammer img[src$="construction-hammer.png"]{filter:hue-rotate(245deg) saturate(1.4)}
.tinted-mist .mist-back{filter:grayscale(1) sepia(1) hue-rotate(225deg) saturate(2.8)}
.tinted-mist .mist-energy{filter:hue-rotate(125deg) saturate(2)}

.tinted-mist:not(.mist-banished) .mist-front{display:block;background:radial-gradient(ellipse at 50% 20%,#9862da40,transparent 65%);opacity:.72}

.invite-phase-icon{width:1em;height:1em;vertical-align:-.12em;margin-right:.38em;color:#e2c17e}
.guidance-adjustments{width:1em;height:1em;vertical-align:-.16em;stroke-width:2}
.character.entia-idle{display:none;z-index:4;left:50%;top:50%;width:33%;height:48%;transform:translate(-50%,-50%);animation:levitate 6s ease-in-out infinite}
.atrium:has(.entia.use-idle-sprite) .entia-idle{display:block}
.entia.use-idle-sprite{visibility:hidden}
.chest-open .entia-idle,.center-modal .entia-idle{visibility:hidden}
@media(max-aspect-ratio:1/1){.character.entia-idle{top:39%;height:37%}}
.contact-row{bottom:0}
.contact-row .quick-replies{margin:clamp(12px,3.2svh,32px) 0;background:#101d2873!important;border-radius:18px;padding:8px 12px}
.contact-row .quick-replies button{background:none;border:0;border-radius:0;box-shadow:none;padding:2px 5px;text-decoration:underline;text-underline-offset:3px}
.contact-row .quick-replies button:hover{background:none;color:#fff2cc}
.fragment-collection{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fragment-collection .shelf-item{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none}
.fragment-collection .shelf-item b{font-size:15px;color:#e4c992}
#fragment-dialog .relic-action:disabled{opacity:.55;display:inline-flex;align-items:center;gap:7px;border:1px solid #d5bf8455;border-radius:20px;padding:8px 14px;color:inherit;background:#263b45}
#fragment-dialog .relic-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
#aurora-plant{position:absolute;z-index:3;left:1%;bottom:13%;width:16%;filter:drop-shadow(0 8px 5px #0006)}
@media(max-aspect-ratio:1/1){.character.entia-idle{width:82%}}
@media(prefers-reduced-motion:reduce){.character.entia-idle{animation:none}}

body:has(#closed-entry[open],#invite-received[open]) .quick-replies,
body:has(#history-dialog[open])[data-irvan-arrival="waiting"] .quick-replies{visibility:hidden}
.contact-row .quick-replies{background:transparent!important;position:relative;isolation:isolate}
.contact-row .quick-replies::before{content:'';position:absolute;inset:0 4% 0;z-index:-1;background:#101d288e;border-radius:50%;filter:blur(8px);transform:skewX(-13deg);pointer-events:none}
.contact-row .quick-replies button{font-size:.86rem}
#decision-context-tool{order:4}
#attach-image{order:5}#audio{order:6}
.entia,.character.entia-idle{top:40%}
@media(max-aspect-ratio:1/1){.entia,.character.entia-idle{top:31.2%}}
.chance-outcome{left:22%;top:36%}
.contact-row.has-side-replies{max-width:calc(100vw - 228px)}
.contact-row .orbit-qr{top:var(--side-qr-top)!important;bottom:auto!important;max-width:var(--side-qr-width,180px)!important;transform:none!important}
.contact-row #share-result.orbit-qr{max-width:var(--side-qr-width,180px)!important}
.contact-row .orbit-qr .qr-label{overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){
 .contact-row.has-side-replies{max-width:62vw}
 .contact-row .orbit-qr{padding-inline:5px!important;gap:3px}
 .contact-row .orbit-qr svg{width:12px;height:12px}
}

#brand-dialog .brand-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 18px;margin-top:16px}
#brand-dialog .brand-footer .brand-links{justify-content:flex-start;flex-wrap:wrap;gap:8px 14px;margin:0}
#brand-dialog .brand-footer .brand-links :is(button,a){appearance:none;border:0;border-radius:0;padding:0!important;background:none;color:inherit;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px}
#brand-dialog .brand-footer .brand-links button:disabled{opacity:.45}
#brand-dialog .brand-footer .social-links{margin:0}
#brand-dialog .brand-footer #brand-status{grid-column:1/-1;margin:0}
#brand-dialog .brand-footer #brand-status:empty{display:none}
#faq-list h4{margin-bottom:10px}
#voting-dialog{width:min(480px,92vw);max-height:88svh;overflow:auto}
#voting-body{display:grid;gap:9px}
#voting-body h3{font:1.25rem Georgia,serif;margin:4px 0}
#voting-body form,#voting-body fieldset{display:grid;gap:9px;min-width:0}
#voting-body input:not([type=radio]),#voting-body textarea{width:100%;box-sizing:border-box;padding:9px;color:inherit;background:#142431;border:1px solid #bcaa7e77;border-radius:8px;font:inherit}
#voting-body label{display:flex;align-items:center;gap:8px}
#voting-body fieldset{border:1px solid #bcaa7e77;border-radius:8px}
#voting-body input[type=radio],.voting-results progress{accent-color:#cdb477}
.voting-results{display:grid;gap:9px;list-style:none;padding:0;margin:0}
.voting-results progress{display:block;width:100%;height:7px}
.contact-row.has-side-replies{bottom:var(--reply-lift,0px)}
#guidance a{color:inherit;text-underline-offset:3px}
#guidance a[data-irvan-destination]{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}
#guidance a[data-irvan-destination]:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#manifestation .option-card,#manifestation .option-card span{white-space:normal;word-break:normal;overflow-wrap:anywhere}
#manifestation .option-card:disabled{pointer-events:none;cursor:default}

#brand-dialog .brand-contact{border-top:1px solid #cfb58238;margin-top:24px;padding-top:22px;scroll-margin-top:20px;outline:0}
#brand-dialog .brand-contact h3{margin:0 0 14px;font:21px Georgia,serif}
#contact-form{display:grid;gap:9px}
#contact-form label{font:14px/1.5 system-ui;color:#ded3bc}
.contact-identification{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-identification>div{display:grid;gap:6px}
#contact-form :is(input,textarea){width:100%;min-width:0;box-sizing:border-box;border:1px solid #c9b37c88;border-radius:10px;padding:10px;background:#101e28;color:#f4e8d0;font:15px/1.5 system-ui}
#contact-form textarea{resize:vertical}
#contact-submit{justify-self:start;display:inline-flex;align-items:center;gap:7px;border:1px solid #c9b37c88;border-radius:18px;padding:8px 14px;background:#263d48;color:#f6e8c8;font:14px Georgia,serif}
#contact-submit svg{width:17px;height:17px}
#contact-submit:disabled{opacity:.6}
#contact-status:empty{display:none}
#contact-status{margin:0;font:14px/1.5 system-ui}
#closed-entry .entry-steps .inline-link{display:inline;padding:0;border:0;border-radius:0;background:none;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){.contact-identification{grid-template-columns:1fr;gap:10px}}

.interaction-modes>button{min-width:0}
.interaction-modes>.more-modes{min-width:0;align-self:stretch}
@media(max-width:540px){.interaction-modes button{font-size:clamp(6px,1.6vw,10px)}.interaction-modes button svg{width:13px;height:13px}}

#guidance .entia-name,#guidance .name-entia{font-weight:400}
#trix-message{left:10px!important;max-width:min(360px,calc(100vw - 20px));box-sizing:border-box}
#trix-copy .speaker-name,#guidance .speaker-name{font-weight:400;text-decoration:underline;text-underline-offset:4px}
.speaker-name.name-entia{color:#654b21;text-decoration-color:#654b21}
.speaker-name.name-irvan{color:#654322;text-decoration-color:#654322}
.speaker-name.name-trix{color:#53565d;text-decoration-color:#53565d}
.speaker-name.name-nimbo{color:#32617b;text-decoration-color:#32617b}
#trix-copy a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.matrix-factor input[type=range]{height:12px}
.matrix-factor input[type=range]::-webkit-slider-thumb{width:20px;height:20px}
.matrix-factor input[type=range]::-moz-range-thumb{width:18px;height:18px}
#brand-dialog .brand-contact{margin-top:22px}
.relic-actions-row{display:flex;justify-content:center;align-items:stretch;gap:10px;flex-wrap:wrap}
.relic-actions-row button{margin:0!important}
.relic-bottom-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.relic-action svg,.craft-primary svg,.craft-project-buttons button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.relic-action{display:inline-flex;gap:7px;align-items:center;justify-content:center}
#inventory-cards{display:flex;gap:4px}
#inventory-cards .character-card-item{width:40px!important;height:58px!important;padding:0!important;background:none!important;border:0!important}
#inventory-cards .character-card-item img{width:36px!important;height:39px!important;object-fit:contain}
.character-card-flip{display:block;position:relative;width:min(420px,70vw);aspect-ratio:2/3;margin:16px auto;padding:0;border:0;background:transparent;perspective:1200px;color:#efe3c7}
.character-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .65s ease}
.character-card-flip.is-flipped .character-card-inner{transform:rotateY(180deg)}
.character-card-face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #bba074;border-radius:20px;background:#152732;overflow:hidden;box-sizing:border-box}
.character-card-front img{width:100%;height:100%;object-fit:contain}
.character-card-back{transform:rotateY(180deg);display:grid;grid-template-rows:42% 1fr;padding:18px;gap:12px}
.character-card-back img{width:100%;height:100%;object-fit:contain}
.character-card-back dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;text-align:left;font:clamp(12px,1.3vw,16px)/1.3 system-ui}
.character-card-back dt{color:#bca67b}
.character-card-back dd{margin:0}
@media(prefers-reduced-motion:reduce){.character-card-inner{transition:none}}
#group-voting-tool{order:2}
#group-voting-tool[hidden]{display:none!important}
#inventory-cards[hidden]{display:none!important}
.character-card-back img{object-fit:cover;object-position:50% 12%}

#brand-dialog.wide-limiar {overflow:hidden}
#brand-dialog .brand-modal-body {
 display:flex;
 flex-direction:column;
 max-height:calc(88svh - 64px);
 min-height:0;
}
#brand-dialog .profile-layout {flex:1;min-height:0}
#brand-dialog .profile-layout > :is(.brand-intro,.faq-panel) {
 max-height:none;
 min-height:0;
 overflow:auto;
 overscroll-behavior:contain;
 scrollbar-gutter:stable;
 padding-bottom:8px;
}
#brand-dialog .brand-footer {flex:none}
#brand-share-url {grid-column:1/-1;width:100%;color:inherit;background:#142431;border:1px solid #bcaa7e77;border-radius:8px;padding:8px}
#brand-share-url[hidden],#inventory[hidden] {display:none!important}
@media(max-width:640px) {
 #brand-dialog .brand-modal-body {display:block;overflow:auto}
 #brand-dialog .profile-layout > :is(.brand-intro,.faq-panel) {overflow:visible!important}
}
#share-dialog > #close-share {position:sticky;top:0;float:right;z-index:3;right:auto}
#guidance :is(.speaker-name,.entia-name.underlined),#trix-copy .speaker-name {text-decoration:none}
.achievement-icon svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
#group-voting-tool {color:#d3c697}
#group-voting-tool svg,#voting-body button svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
#voting-dialog {width:min(580px,92vw);padding:30px;color:#f1e4c6;background:#1c2c36f8;border:1px solid #d1b77d;border-radius:22px}
#voting-dialog::backdrop {background:#07121bb0}
#voting-dialog > #close-voting {position:sticky;top:0;float:right;z-index:3;right:auto}
#voting-body button {width:fit-content;display:inline-flex;align-items:center;gap:7px;color:inherit;background:#263d48;border:1px solid #cdb47777;border-radius:20px;padding:8px 14px;font:inherit;cursor:pointer}
#voting-body form button[type=submit] {justify-self:center;margin-top:8px}
.group-vote-card {display:grid;gap:10px;padding:22px;border:1px solid #b99b61;border-radius:16px;background:linear-gradient(#142632e6,#142632e6),url("assets/atrio-share.jpg") center/cover}
.group-vote-card img {width:95px;justify-self:center}
.group-vote-card h3 {font-style:italic;text-align:center}
.group-vote-card ul {padding-left:20px;margin:0}
.group-vote-card p {margin:5px 0 0;text-align:center;color:#edd092}
.group-vote-actions {display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.character-card-back {
 grid-template-rows:minmax(0,1fr) auto;
 gap:10px;
 background:radial-gradient(ellipse at 50% 30%,#35535f,#12222d 70%);
 border:4px double #d3b778;
 box-shadow:inset 0 0 0 6px #14242d,inset 0 0 0 7px #bca67777;
}
.character-card-back img {object-fit:contain;object-position:center;border:1px solid #d3b77866;border-radius:12px 12px 3px 3px;background:radial-gradient(ellipse,#d7b68233,transparent 70%)}
.character-card-back dl {background:#14242de0;border:1px solid #d3b77866;border-radius:3px 3px 12px 12px;padding:10px}
:is(#limiar-dialog,#history-dialog,#link-dialog,#about-dialog,#auth-dialog) > .dialog-close {
 position:sticky;
 top:0;
 float:right;
 right:auto;
 z-index:3;
}
#story-back svg,#story-next svg {width:16px;height:16px;vertical-align:middle;margin-right:6px;fill:none;stroke:currentColor;stroke-width:1.5}

#guidance :is(strong,mark,.entia-name) {font-weight:400}
.profile-settings {margin-top:22px;padding-top:18px;border-top:1px solid #cfb58238}
.profile-switch {display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:12px;margin:12px 0;cursor:pointer}
.profile-switch small {display:block;margin-top:3px;color:#c7c3b8;font:12px/1.45 system-ui}
.profile-switch input {appearance:none;box-sizing:border-box;width:38px;height:22px;min-width:0;min-height:0;padding:0;position:relative;margin:0;border:1px solid #a9936a;border-radius:14px;background:#16242e;cursor:pointer}
.profile-switch input::before {content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#d7c8a8}
.profile-switch input:checked {background:#cdb37a}
.profile-switch input:checked::before {transform:translateX(16px);background:#182832}
.profile-switch input:focus-visible {outline:2px solid #e1c785;outline-offset:3px}
#history-dialog #profile-panel {min-height:0;overflow:auto;max-height:calc(88svh - 100px);scrollbar-gutter:stable}
#shelf-scene-boxes .shelf-display-slot,#shelf-front-items .shelf-display-slot {position:absolute;display:grid;justify-items:center;align-content:start;height:28%;transform:translateX(-50%);color:#fff0c7}
#shelf-scene-boxes .shelf-display-slot img,#shelf-front-items .shelf-display-slot img {position:static;width:100%;height:100%;max-height:68%;object-fit:contain}
.shelf-display-slot b {font:600 clamp(9px,1.1vw,15px)/1 system-ui;color:#fff0c7;text-shadow:0 1px 3px #000;background:#15252bd9;padding:2px 4px;border-radius:4px}

#brand-dialog.wide-limiar {width:min(1120px,96vw)}
#brand-dialog .profile-layout {grid-template-columns:minmax(380px,1fr) minmax(0,1.3fr)}
@media(min-width:900px) {
 #brand-dialog .entia-definition {white-space:nowrap}
}
@media(min-width:641px) and (max-width:899px) {
 #brand-dialog .profile-layout {grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
}
.atrium .irvan-message {right:2px;width:min(387px,38.7vw)!important;bottom:56%}
@media(max-aspect-ratio:1/1) {
 .atrium .irvan-message {width:min(288px,54.9vw)!important;bottom:42%}
}
.matrix-marks span:first-child {grid-column:1/3;text-align:left}
.matrix-marks span:nth-child(3) {grid-column:3}
.matrix-marks span:last-child {grid-column:4/6;text-align:right}
.matrix-marks span:empty {display:none}
.legal-dialog.entry-dialog {width:min(650px,92vw);overflow:hidden;text-align:left}
.legal-copy {max-height:calc(82svh - 72px);overflow:auto;padding-right:14px;scrollbar-gutter:stable}
.legal-copy h2 {margin:0 38px 22px 0}
.legal-copy h3 {font:1.04rem Georgia,serif;color:#ead8ab;margin:18px 0 5px}
.legal-copy p {margin:0 0 10px;font:14px/1.55 system-ui}

#question-sent {position:absolute;left:50%;top:-31px;transform:translateX(-50%);pointer-events:none;opacity:0;z-index:6;color:#fff0c7;background:#182832ee;border:1px solid #cbb16f88;border-radius:14px;padding:4px 10px;font:12px system-ui;white-space:nowrap}
#question-sent:empty {display:none}
#prediction-notice {position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:42;width:max-content;max-width:92vw;border:1px solid #cbb16f;border-radius:17px;padding:9px 15px;background:#182832;color:#fff0c7;font:14px system-ui;cursor:pointer}
#brand-dialog #contact-title,#history-dialog #contact-title {text-align:left}
:is(dialog,[role="dialog"]) :is(p,label,li) {color:#f4f6f7}
:is(dialog,[role="dialog"]) :is(.entia-definition,.closed-phase,.profile-subtitle,.faq-disclaimer,.invite-note,.entry-definition) {color:#dfd2b6}
#history-dialog.wide-limiar {width:min(1200px,95vw)}
@media(min-width:901px) {
 #history-dialog.wide-limiar .profile-layout {grid-template-columns:minmax(240px,.95fr) minmax(0,1.25fr) minmax(0,1fr)}
}
@media(min-width:641px) and (max-width:900px) {
 #history-dialog.wide-limiar .profile-layout {grid-template-columns:minmax(210px,.9fr) minmax(0,1.2fr)}
 #history-dialog .profile-achievements {grid-column:2}
}
#history-dialog .profile-achievements .achievement-row {grid-template-columns:auto minmax(0,1fr) auto}
.named-vote-list {max-height:100px;overflow:auto;margin:5px 0 0;padding-inline-start:20px}
#history-dialog .profile-settings h3 {text-align:left}
#history-dialog :is(.history-row,.achievement-row) {color:#f4f6f7}

.age-field {display:grid;gap:5px;text-align:left}
.entry-dialog .age-field {max-width:270px;margin:12px auto}
.age-field input {box-sizing:border-box;width:100%;min-height:34px;padding:6px 10px;border:1px solid #c9b37685;border-radius:8px;background:#192832;color:#f4f6f7;color-scheme:dark}
.age-notice {margin:0;color:#e7d6ab!important;font:12px/1.4 system-ui}
.age-notice:empty {display:none}
#invite-back {display:block;margin:0 auto 10px}
.contact-row :is(#trix-replies,#reflection-replies).direct-replies:not([hidden]) {
 position:absolute;left:50%;top:auto;right:auto;bottom:var(--direct-replies-bottom,calc(100% + 12px));transform:translateX(-50%);
 width:var(--direct-replies-width,100%);max-width:none;z-index:8;
 display:flex!important;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;
}
.contact-row .direct-replies button {
 position:static!important;inset:auto!important;transform:none!important;
 display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;
 border:1px solid #cab98799;border-radius:20px;padding:7px 12px;background:#1a2a34;color:#f3eee2;
 font:clamp(12px,1.05vw,15px) Georgia;white-space:normal;cursor:pointer;
}
.contact-row .direct-replies button svg {width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}

.profile-footer {display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:15px;padding-top:12px;border-top:1px solid #cfb58238}

#quick-share-status:not(:empty) {position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:12;padding:6px 10px;border-radius:12px;background:#182832;color:#fff0c7;font:12px system-ui}
#quick-share-url {display:block;width:100%;padding:9px;color:#fff;background:#192832;border:1px solid #cbb16f;border-radius:8px}
#quick-share-open:not([hidden]) {display:inline-block;margin-top:10px;color:#f3dfaa}
#demo-notice{position:fixed;z-index:30;top:12px;left:12px;margin:0;padding:5px 9px;border:1px solid #d1b77d55;border-radius:12px;background:#111c23a8;color:#e8dcc2a8;font:10px/1.2 system-ui,sans-serif;letter-spacing:.02em;pointer-events:none}
@media(max-aspect-ratio:1/1){#demo-notice{top:8px;left:8px;font-size:9px}}