.relay-demo{width:100%}.relay-demo .relay-stage{position:relative;display:flex;align-items:center;justify-content:center;border-radius:1.1rem;padding:clamp(1.75rem,6vw,3rem) 1rem;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,rgba(203,172,132,.12),transparent 60%),linear-gradient(160deg,#16140f,#0b0a07);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff0d,0 26px 60px -30px #46371ebf}.relay-demo .stage-glow{position:absolute;left:50%;top:50%;z-index:0;width:120%;height:10rem;transform:translate(-50%,-50%);border-radius:999px;filter:blur(48px);background:radial-gradient(ellipse,rgba(203,172,132,.35) 0%,rgba(169,138,95,.18) 50%,transparent 75%);pointer-events:none}.relay-demo .demo-track{position:relative;z-index:1;display:flex;width:min(34rem,100%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.relay-demo .demo-track::-webkit-scrollbar{display:none}.relay-demo .demo-slide{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;min-height:12rem;padding:.25rem}.relay-demo .demo-pills{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.relay-demo .demo-pills button{font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--color-tan-deep);background:#cbac8424;border:1px solid var(--color-line);border-radius:999px;padding:.45rem 1rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.relay-demo .demo-pills button:hover{color:var(--color-ink);border-color:var(--color-tan-deep)}.relay-demo .demo-pills button.active{color:var(--color-cream);background:var(--color-ink);border-color:var(--color-ink)}.relay-demo .demo-hint{margin-top:.55rem;font-size:.78rem;color:var(--color-dim);text-align:center;min-height:1.2em}.relay-demo .caption-demo{width:min(32rem,92%);border-radius:1rem;border:2px solid rgba(73,210,160,.75);background:#080e0cd1;padding:1rem 1.4rem;text-align:center;box-shadow:0 16px 50px -16px #49d2a073,inset 0 1px #ffffff0f;backdrop-filter:blur(4px)}.relay-demo .caption-demo .demo-en{color:#49d2a0;font-size:.85rem;font-weight:600;min-height:1.3em;margin-bottom:.3rem}.relay-demo .caption-demo .demo-pt{color:#fff;font-family:var(--font-display);font-size:clamp(1.15rem,4vw,1.55rem);font-weight:700;line-height:1.3;min-height:2.6em;text-shadow:0 2px 10px rgba(0,0,0,.7)}.relay-demo .caption-demo .cursor{display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.12em;background:#49d2a0;animation:relay-caret 1s steps(1) infinite}@keyframes relay-caret{50%{opacity:0}}.relay-demo .demo-cc{width:min(28rem,90%);font-family:Courier New,monospace;font-weight:700;font-size:clamp(.95rem,3.4vw,1.2rem);line-height:1.6;text-transform:uppercase;text-align:center}.relay-demo .demo-cc .clip{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;max-height:calc(3 * 1.6em);min-height:calc(3 * 1.6em)}.relay-demo .demo-cc span.bars{background:#000000eb;color:#fff;padding:.08em .45em;white-space:pre-wrap;-webkit-box-decoration-break:clone;box-decoration-break:clone}.relay-demo .demo-tibia{width:min(28rem,90%)}.relay-demo .mini-tibia{width:100%;border:1px solid #000;outline:1px solid #4e4e4e;outline-offset:-2px;font-size:.6rem;background:#343434}.relay-demo .mini-tibia .tabs{display:flex;gap:3px;padding:3px 5px 0;background:#3c3c3c;border-bottom:1px solid #161616}.relay-demo .mini-tibia .tab{font:700 .68rem Verdana,sans-serif;padding:3px 13px 4px;border:1px solid #161616;border-bottom:none;border-radius:3px 3px 0 0;background:#424242;color:#9c9c9c;text-shadow:1px 1px 0 #000}.relay-demo .mini-tibia .tab.active{color:#fff;background:#555}.relay-demo .mini-tibia .tab.red{color:#e84545}.relay-demo .mini-tibia .lines{padding:4px 6px 6px;font-family:Verdana,sans-serif;font-weight:700;color:#ff0;text-shadow:1px 1px 0 #000;font-size:.8rem;line-height:1.55;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;height:6.2em;text-align:left}.relay-demo .mini-tibia .input{display:flex;align-items:center;gap:4px;padding:3px 4px;background:#3c3c3c;border-top:1px solid #525252}.relay-demo .mini-tibia .input .spk{width:17px;height:14px;background:#2c2c2c;border:1px solid #161616}.relay-demo .mini-tibia .input .field{flex:1;height:14px;background:#222;border:1px solid #161616;display:flex;align-items:center;overflow:hidden;padding:0 3px;font:700 .6rem Verdana,sans-serif;color:#fff;white-space:nowrap;text-shadow:1px 1px 0 #000}@media(prefers-reduced-motion:no-preference){.relay-demo .stage-glow{animation:relay-glow 6s ease-in-out infinite}@keyframes relay-glow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.08)}}}