:root{--teal:#0d7d7d;--teal-dot:#0a6a6a;--chrome:#d4d0c8;--chrome-light:#f2f0ec;--ink:#111;--title-a:#0a246a;--title-b:#3a6ea5;--font:Tahoma, "MS Sans Serif", Verdana, sans-serif;--swing:1.6s;--swing-ease:cubic-bezier(.5, 0, .2, 1)}html,body{height:100%;margin:0}body{background:var(--teal);font-family:var(--font);color:var(--ink)}.scene{perspective:1500px;background-color:var(--teal);background-image:radial-gradient(var(--teal-dot) 1px, transparent 1px);background-size:4px 4px;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.titlebar{background:var(--chrome);border-bottom:2px solid #7f7f7f;align-items:center;gap:10px;height:26px;padding:0 10px;font-size:12px;display:flex;position:absolute;inset:0 0 auto}.titlebar__name{font-weight:700}.titlebar__sub{color:#555}.stack{flex-direction:column;align-items:center;gap:18px;display:flex}.prompt{letter-spacing:.04em;color:#dff6f6;text-align:center;margin:0;font-size:13px;transition:opacity .5s linear}.stage{width:400px;height:400px;transform-style:preserve-3d;position:relative}.beyond{box-sizing:border-box;background:linear-gradient(#f7fbff,#cfe6ff 55%,#7fb2e0);border:6px solid #6f6f6f;position:absolute;inset:0;box-shadow:inset 0 0 48px #28507859}.beyond__text{letter-spacing:.06em;color:#0b3d63;justify-content:center;align-items:center;font-size:15px;font-weight:700;animation:1.4s infinite glowpulse;display:flex;position:absolute;inset:0}@keyframes glowpulse{0%,to{opacity:.55}50%{opacity:1}}.door{box-sizing:border-box;background:var(--chrome);border:3px outset var(--chrome-light);width:200px;height:400px;transition:transform var(--swing) var(--swing-ease);position:absolute;top:0;transform:perspective(1500px)rotateY(0)}.door--left{transform-origin:0;border-right:none;left:0}.door--right{transform-origin:100%;border-left:none;right:0}.door--left.is-open{transform:perspective(1500px)rotateY(-98deg)}.door--right.is-open{transform:perspective(1500px)rotateY(98deg)}.door__caption{color:#fff;align-items:center;height:24px;padding:0 8px;font-size:11px;font-weight:700;display:flex}.door__caption--left{background:linear-gradient(90deg, var(--title-a), var(--title-b))}.door__caption--right{background:linear-gradient(90deg, var(--title-b), var(--title-a));justify-content:flex-end}.panel{opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .5s linear;display:flex;position:absolute;inset:27px 3px 3px}.panel.is-dismissed,.prompt.is-dismissed{opacity:0;pointer-events:none}.panel__badge{box-sizing:border-box;object-fit:contain;image-rendering:auto;background:#fff;border:3px inset #a8a49c;width:64px;height:64px}.panel__label{letter-spacing:.12em;color:#3c3a36;margin:0;font-size:11px}.btn{width:230px;color:var(--ink);cursor:pointer;background:#eceae5;border:2px outset #fff;justify-content:center;align-items:center;gap:9px;padding:10px;font-family:inherit;font-size:12px;display:flex}.btn:active{border-style:inset}.btn:focus-visible{outline:2px solid var(--title-a);outline-offset:2px}.btn[disabled]{cursor:default;color:#7a766f}.mark--ms{grid-template-rows:7px 7px;grid-template-columns:7px 7px;gap:2px;display:grid}.mark--ms span:first-child{background:#f25022}.mark--ms span:nth-child(2){background:#7fba00}.mark--ms span:nth-child(3){background:#00a4ef}.mark--ms span:nth-child(4){background:#ffb900}.mark--gg{background:conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);border-radius:50%;width:15px;height:15px;display:inline-block}.statusbar{background:var(--chrome);border-top:2px solid #fff;align-items:center;height:28px;padding:0 10px;font-size:11px;display:flex;position:absolute;inset:auto 0 0}.statusbar__field{border:2px inset #9a968f;padding:2px 10px}.statusbar__field.is-error{color:#8b0000;font-weight:700}@media (prefers-reduced-motion:reduce){.door,.panel{transition-duration:1ms}.beyond__text{opacity:1;animation:none}}