.mech-braid{color:#f4ecd6;background:#120e18;position:absolute;inset:0;overflow:hidden}.mech-braid .mech-braid-view{position:absolute;inset:0;overflow:hidden}.mech-braid .room{background-repeat:no-repeat;background-size:100% 100%;position:absolute}.mech-braid .room.sharp{-webkit-mask-image:linear-gradient(#0000 0,#000 40px);mask-image:linear-gradient(#0000 0,#000 40px)}.mech-braid .room.soft{filter:blur(9px)saturate(.78)contrast(.78)brightness(.84);opacity:0;transition:opacity 2.5s var(--ease-slow);-webkit-mask-image:radial-gradient(circle at calc(var(--gx) - var(--rl,0px)) calc(var(--gy) - var(--rt,0px)), transparent 0, transparent calc(var(--m) * .09), #000 calc(var(--m) * .4)), linear-gradient(180deg, transparent 0, #000 60px);-webkit-mask-composite:source-in;mask-image:radial-gradient(circle at calc(var(--gx) - var(--rl,0px)) calc(var(--gy) - var(--rt,0px)), transparent 0, transparent calc(var(--m) * .09), #000 calc(var(--m) * .4)), linear-gradient(180deg, transparent 0, #000 60px);mask-composite:intersect}.mech-braid.is-soft .room.soft{opacity:1;transition:opacity 14s cubic-bezier(.45,0,.3,1)}.mech-braid .room.mirror{filter:blur(16px)brightness(.72)saturate(.8);transform:scaleY(-1)}.mech-braid .ceiling{position:absolute;top:0;left:0;right:0}.mech-braid .mech-braid-view:after{content:"";pointer-events:none;background:radial-gradient(ellipse at var(--gx) 45%, transparent 35%, #0a080e8c 100%);position:absolute;inset:0}.mech-braid .glint{left:var(--gx);top:var(--gy);z-index:2;width:0;height:0;position:absolute}.mech-braid .glint>span{border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.mech-braid .glint .halo{width:calc(var(--m) * .09);height:calc(var(--m) * .09);background:radial-gradient(circle,#ffe2a06b 0%,#e8c77a24 38%,#e8c77a00 70%);animation:8s ease-in-out infinite braid-breathe}.mech-braid .glint .core{background:radial-gradient(circle,#fffdf3 0%,#ffe9b0 45%,#ffe9b000 100%);width:7px;height:7px;box-shadow:0 0 10px 3px #ffe4a08c}.mech-braid .glint .ray{opacity:.7;background:linear-gradient(90deg,#ffecbe00,#ffecbe99,#ffecbe00);border-radius:0}.mech-braid .glint .ray.h{width:calc(var(--m) * .07);height:1px}.mech-braid .glint .ray.v{width:1px;height:calc(var(--m) * .05);background:linear-gradient(#ffecbe00,#ffecbe80,#ffecbe00)}@keyframes braid-breathe{50%{opacity:.8;transform:translate(-50%,-50%)scale(.94)}}.mech-braid.is-reduced .glint .halo{animation:none}.mech-braid .mech-braid-panel{width:min(44rem,100% - 2rem);max-height:calc(100% - var(--gy) - 4rem);backdrop-filter:blur(6px);text-align:center;animation:page-rise 1.1s var(--ease-slow);transition:background 2s var(--ease-slow), border-color 2s var(--ease-slow), box-shadow 2s var(--ease-slow);background:linear-gradient(#161120d6,#0e0b14eb);border:1px solid #e8c77a6b;border-radius:4px;padding:1.1rem 1.4rem 1rem;position:absolute;bottom:1rem;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 20px 60px #0009}.mech-braid .mech-braid-prompt{font-family:var(--font-title);color:#f6e7bd;margin:0 0 .7rem;font-size:clamp(1.02rem,.92rem + .45vw,1.25rem);line-height:1.45}.mech-braid .mech-braid-quote{max-width:36rem;margin:0 auto .7rem}.mech-braid .mech-braid-quote p{font-family:var(--font-body);color:#f4ecd6e6;margin:0;font-size:1rem;font-style:italic;line-height:1.5}.mech-braid .mech-braid-quote cite{font-family:var(--font-uncial);letter-spacing:.06em;color:#e8c77a;margin-top:.3rem;font-size:.78rem;font-style:normal;display:block}.mech-braid .mech-braid-comfort{color:#f4ecd6b8;margin:0 0 .8rem;font-size:.92rem}.mech-braid .mech-braid-comfort:empty{display:none}.mech-braid .mech-braid-controls{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.mech-braid .mech-braid-controls button{font:inherit;color:#f4ecd6;cursor:pointer;background:#14101c99;border:1px solid #d9a44180;border-radius:999px;padding:.45rem 1.1rem}.mech-braid .mech-braid-controls .begin{font-family:var(--font-title);background:#785a1e59;padding:.6rem 1.4rem;font-size:1.08rem}.mech-braid .mech-braid-controls button:hover{background:#d9a44138}.mech-braid .mech-braid-controls .away{display:none}.mech-braid[data-phase=fixing] .mech-braid-panel,.mech-braid[data-phase=lookaway] .mech-braid-panel{box-shadow:none;backdrop-filter:none;background:#0e0b1459;border-color:#e8c77a1f}.mech-braid[data-phase=fixing] .mech-braid-prompt{color:#f6e7bd99;font-size:.98rem}.mech-braid[data-phase=fixing] .mech-braid-quote,.mech-braid[data-phase=fixing] .mech-braid-comfort,.mech-braid[data-phase=lookaway] .mech-braid-quote,.mech-braid[data-phase=lookaway] .mech-braid-comfort,.mech-braid[data-phase=fixing] .begin,.mech-braid[data-phase=lookaway] .begin{display:none}.mech-braid[data-phase=fixing] .away,.mech-braid[data-phase=lookaway] .away{display:inline-block}.mech-braid[data-phase=fixing] .mech-braid-controls button{opacity:.55}.mech-braid[data-phase=returned] .mech-braid-prompt{font-family:var(--font-body);text-align:left;color:#f4ecd6;font-size:clamp(1rem,.94rem + .3vw,1.12rem)}.mech-braid .mech-braid-held{font-family:var(--font-uncial);letter-spacing:.06em;color:#e8c77a8c;pointer-events:none;margin:0;font-size:.8rem;position:absolute;top:1rem;right:1.25rem}@media (width<=640px){.mech-braid .mech-braid-panel{width:calc(100% - 1.2rem);padding:.9rem 1rem .8rem;bottom:.6rem}.mech-braid .mech-braid-quote p{font-size:.92rem}}