/* BOX13 4.3 · MYSTIC REVEAL, cosmetic demo atmosphere; accessible, no paid chance mechanics */
.box43-dialog{position:relative;isolation:isolate;background:radial-gradient(ellipse at 51% 34%,#2c2138 0%,#12111d 42%,#090c13 95%);border:1px solid #aa8257;box-shadow:0 35px 130px #000e,0 0 70px #e6b45f17,0 0 0 1px #eebf6a15 inset;overflow:auto}
.box43-dialog::before{content:"";position:absolute;top:-320px;left:24%;width:510px;height:510px;z-index:-1;pointer-events:none;background:radial-gradient(circle,#6f41884a,transparent 68%);filter:blur(25px)}
.box43-dialog .box32-header{background:linear-gradient(90deg,#15131d,#211827,#15131d);border-bottom:1px solid #f2c77b33}
.box43-stage{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:8px;min-height:104px;padding:8px 25px 11px;position:relative;background:linear-gradient(180deg,#0e1018 0%,#171221 70%,#1c1425 100%);border-top:1px solid #b78d5a2a}
.box43-stage::after{content:"";position:absolute;bottom:0;left:7%;width:86%;height:1px;background:linear-gradient(90deg,transparent,#e5b866aa,transparent)}
.box43-stage-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.box43-label{color:#f6d59c;font-size:11px;letter-spacing:1.8px;font-weight:950;text-transform:uppercase}
.box43-micro{font-size:9px;color:#c0abc0;letter-spacing:1.6px}
.box43-sound{justify-self:end;align-self:center;border:1px solid #8b6c5780;border-radius:22px;background:#19131ed9;color:#e4bf89;font-size:10px;font-weight:800;letter-spacing:.9px;padding:10px 15px;transition:background .2s,border-color .2s;cursor:pointer}
.box43-sound:hover,.box43-sound:focus-visible{border-color:#f4c776;background:#3c2a38}
.box43-sound[aria-pressed="true"]{background:#3f3128;color:#ffe2ad;border-color:#eebc77}
.box43-sigil{width:104px;height:92px;display:grid;place-items:center;position:relative;margin:auto;filter:drop-shadow(0 0 12px #deaf6d50)}
.box43-sigil::before{content:"";position:absolute;width:88px;height:88px;left:8px;top:2px;border:1px solid #d6aa6a9a;border-radius:50%;animation:box43Ring 16s linear infinite}
.box43-sigil::after{content:"✦";position:absolute;right:6px;top:3px;color:#eed29a;opacity:.8;font-size:9px}
.box43-triangle{position:relative;width:76px;height:73px;clip-path:polygon(50% 0,100% 88%,0 88%);background:linear-gradient(160deg,#ffeca9,#a37d48 58%,#5c3d7b);animation:box43Levitate 4.2s ease-in-out infinite}
.box43-triangle::before{content:"";position:absolute;inset:4px;clip-path:polygon(50% 0,100% 88%,0 88%);background:linear-gradient(140deg,#161424,#2a1932)}
.box43-eye{position:absolute;top:35px;left:15px;width:46px;height:24px;border:2px solid #f6cf8a;border-radius:75% 4% 75% 4%/65% 4% 65% 4%;transform:rotate(45deg);box-shadow:0 0 9px #e4af6a66}
.box43-eye span{display:block;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff9ce,#e5b35a 40%,#482b48 78%);position:absolute;left:15px;top:3px;box-shadow:0 0 13px #e8bd6f;animation:box43Blink 7s ease-in-out infinite}
.box43-viewport{isolation:isolate;mask-image:none;background:radial-gradient(ellipse at 50% 44%,#382a47d1,#151120 60%,#090c16 100%);border-color:#b491604f;transition:background .45s;}
.box43-viewport::before{left:calc(50% - 106px);width:212px;background:linear-gradient(180deg,#c99c5435,#7b57730b 38%,#dcb66b24);border-left:1px solid #efd09f7d;border-right:1px solid #efd09f7d;box-shadow:0 0 45px #eac16c22,0 0 65px #895dcb24;z-index:4}
.box43-nebula{position:absolute;inset:-50px;z-index:0;pointer-events:none;opacity:.62;background:radial-gradient(ellipse at 28% 44%,#6b2d7f57,transparent 38%),radial-gradient(ellipse at 78% 53%,#97672e42,transparent 39%),repeating-linear-gradient(125deg,transparent 0 45px,#d6b16f07 47px 49px,transparent 51px 96px);animation:box43Nebula 14s linear infinite}
.box43-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}
.box43-particles span{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:#fff0c7;border-radius:50%;box-shadow:0 0 10px #eed49d;opacity:.6;animation:box43Spark var(--d) ease-in-out var(--delay) infinite alternate}
.box43-scanner{position:absolute;top:0;left:-5%;height:100%;width:2px;z-index:2;pointer-events:none;background:#ffc97888;box-shadow:0 0 32px 9px #ebaf8251;transform:translateX(-30px);opacity:0}
.box43-dialog.is-spinning .box43-scanner{opacity:.32;animation:box43Scan 2.8s linear infinite}
.box43-arc{width:110px;height:100%;position:absolute;top:0;z-index:4;pointer-events:none;opacity:.78}
.box43-arc-left{left:0;background:linear-gradient(90deg,#070911 12%,transparent)}
.box43-arc-right{right:0;background:linear-gradient(-90deg,#070911 12%,transparent)}
.box43-viewport .box32-track{z-index:2}
.box43-viewport .box32-reel-item{border-color:#d5a86866;background:radial-gradient(ellipse at 50% 16%,#3d2b45,#14111f 65%);box-shadow:0 12px 25px #000a,0 0 0 1px #ffdba30a inset;transition:border-color .4s,box-shadow .4s,filter .4s}
.box43-viewport .box32-reel-item.is-target{border-color:#ffdfa3;box-shadow:0 0 30px #f0bd672c,0 10px 30px #000a}
.box43-viewport .box32-reel-img{background:radial-gradient(circle at 50% 36%,#704a7388,transparent 78%)}
.box43-viewport .box32-center{z-index:6;color:#ffe3a7;font-size:26px;text-shadow:0 0 24px #ffc476}
.box43-dialog.is-spinning .box43-sigil{filter:drop-shadow(0 0 20px #efbc7980)}
.box43-dialog.is-opening .box43-sigil{filter:drop-shadow(0 0 25px #ffe0aa)}
.box43-opening{position:relative;border-top:1px solid #c69f6680;background:radial-gradient(circle at 50% 20%,#453052,#15121c 55%,#080b13 100%)}
.box43-opening::before{content:"✦   △   ✧   △   ✦";position:absolute;left:0;right:0;top:15px;text-align:center;color:#ddb47188;font-size:13px;letter-spacing:14px;pointer-events:none}
.box43-opening .box32-opening-copy{padding-top:12px}
.box43-opening .box32-box-glow{background:radial-gradient(circle,#ffefb0dd,#b26cff66 52%,transparent 72%)}
.box43-result{background:radial-gradient(ellipse at 25% 50%,#45314a,#16121f 62%);border-top:1px solid #d5ab6b6b;position:relative;animation:box43Result .55s ease-out both}
.box43-result .box32-result-photo{border-color:#f6cd8b;box-shadow:0 0 28px #e7b9662e;background:radial-gradient(circle,#49314c,#17121d)}
.box43-result .showcase-eyebrow{color:#ffe0a5}
.box43-dialog .box32-progress{height:6px;background:#342837}
.box43-dialog .box32-progress span{background:linear-gradient(90deg,#7453ab,#c18bba,#ffcd83)}
.box43-dialog .box32-footer{background:#0f1019}
@keyframes box43Ring{to{transform:rotate(360deg)}}
@keyframes box43Levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes box43Blink{0%,37%,43%,100%{transform:scale(1)}40%{transform:scale(1,.15)}}
@keyframes box43Nebula{0%{transform:translateX(-2%) rotate(0)}50%{transform:translateX(2%) rotate(1deg)}100%{transform:translateX(-2%) rotate(0)}}
@keyframes box43Spark{0%{opacity:.1;transform:translateY(10px) scale(.4)}100%{opacity:.83;transform:translateY(-22px) scale(1.2)}}
@keyframes box43Scan{from{transform:translateX(0)}to{transform:translateX(1050px)}}
@keyframes box43Result{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){.box43-stage{grid-template-columns:1fr 80px 1fr;min-height:78px;padding:7px 12px}.box43-stage-copy{gap:5px}.box43-label{font-size:9px;letter-spacing:.8px}.box43-micro{font-size:7px;letter-spacing:.4px}.box43-sigil{transform:scale(.74);width:80px;height:70px}.box43-sound{font-size:8px;padding:8px 7px;letter-spacing:0}.box43-viewport::before{left:calc(50% - 82px);width:164px}.box43-arc{width:35px}.box43-opening::before{font-size:9px;letter-spacing:6px}.box43-result{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.box43-dialog *, .box43-dialog *::before, .box43-dialog *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.box43-nebula,.box43-particles{display:none}.box43-dialog .box32-track{transition:none!important}}
