.demo-duel-module__TT4kGa__demo{--demo-ink:#090c11;--demo-paper:#eee9df;--demo-muted:#a2a8b1;--demo-brass:#c2a16a;--demo-blue:#9dbbd5;--demo-line:#ffffff1a;--ease-in-out:cubic-bezier(.77, 0, .175, 1);border:1px solid var(--line);background:var(--demo-ink);margin-top:40px}.demo-duel-module__TT4kGa__demoFlag,.demo-duel-module__TT4kGa__stageMeta{color:var(--demo-muted);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:18px;font:600 10px/1.5 Doto,monospace;display:flex}.demo-duel-module__TT4kGa__demoFlag{border-bottom:1px solid var(--line);min-height:54px;padding:12px 22px}.demo-duel-module__TT4kGa__demoFlag>span:first-child{color:var(--demo-brass)}.demo-duel-module__TT4kGa__demoFlag>span:last-child{color:#75808f;text-align:right}.demo-duel-module__TT4kGa__stage{isolation:isolate;background:radial-gradient(at 50% 42%,#1a222c 0,#11171f 32%,#0a0e14 68%,#080b10 100%);height:clamp(560px,51vw,660px);position:relative;overflow:hidden}.demo-duel-module__TT4kGa__stage:before,.demo-duel-module__TT4kGa__stage:after{z-index:-1;content:"";pointer-events:none;position:absolute}.demo-duel-module__TT4kGa__stage:before{opacity:.5;background:linear-gradient(116deg,#0000 0 20%,#a9c0d30b 20.1% 20.2%,#0000 20.3% 79%,#a9c0d30a 79.1% 79.2%,#0000 79.3%),repeating-linear-gradient(0deg,#0000 0 63px,#d9e2ee08 64px,#0000 65px);inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 75%,#0000);mask-image:linear-gradient(#0000,#000 18% 75%,#0000)}.demo-duel-module__TT4kGa__stage:after{transform-origin:bottom;background:repeating-linear-gradient(90deg,#0000 0 9.7%,#d8e3ee0b 9.8% 9.9%,#0000 10% 19.7%,#d8e3ee09 19.8% 19.9%,#0000 20%);border:1px solid #c2d4e30a;border-radius:50%;width:min(84vw,1100px);height:25%;bottom:3%;left:50%;transform:translate(-50%)perspective(440px)rotateX(62deg);box-shadow:0 0 0 30px #c2d4e306,0 0 0 65px #c2d4e304;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.demo-duel-module__TT4kGa__stage[data-playing=false] .demo-duel-module__TT4kGa__core,.demo-duel-module__TT4kGa__stage[data-playing=false] .demo-duel-module__TT4kGa__atmosphere i,.demo-duel-module__TT4kGa__stage[data-playing=false] .demo-duel-module__TT4kGa__signalPath i{animation-play-state:paused}.demo-duel-module__TT4kGa__atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.demo-duel-module__TT4kGa__atmosphere i{opacity:.2;background:#e6d6b7;border-radius:50%;width:1px;height:1px;animation:7s ease-in-out infinite alternate demo-duel-module__TT4kGa__mote-drift;position:absolute;box-shadow:0 0 13px 4px #d9c69b55}.demo-duel-module__TT4kGa__atmosphere i:first-child{top:28%;left:18%}.demo-duel-module__TT4kGa__atmosphere i:nth-child(2){animation-delay:-2s;top:20%;left:78%}.demo-duel-module__TT4kGa__atmosphere i:nth-child(3){animation-delay:-4s;top:75%;left:63%}.demo-duel-module__TT4kGa__atmosphere i:nth-child(4){animation-delay:-1s;top:67%;left:34%}@keyframes demo-duel-module__TT4kGa__mote-drift{to{opacity:.65;transform:translate(8px,-18px)}}.demo-duel-module__TT4kGa__stageMeta{color:#c0a979;position:absolute;top:22px;left:24px;right:24px}.demo-duel-module__TT4kGa__stageMeta span:first-child{align-items:center;gap:9px;display:flex}.demo-duel-module__TT4kGa__stageMeta span:last-child{color:#818c9c}.demo-duel-module__TT4kGa__stageMeta i,.demo-duel-module__TT4kGa__mandateFoot i{background:var(--demo-brass);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px #c2a16a88}.demo-duel-module__TT4kGa__mind{z-index:1;text-align:center;width:25%;transition:opacity .6s var(--ease-in-out), transform .85s var(--ease-in-out);flex-direction:column;align-items:center;display:flex;position:absolute;top:12%}.demo-duel-module__TT4kGa__king{color:var(--demo-brass);left:7%}.demo-duel-module__TT4kGa__challenger{color:var(--demo-blue);right:7%}.demo-duel-module__TT4kGa__core{aspect-ratio:768/1024;isolation:isolate;height:clamp(280px,27vw,360px);transform-style:preserve-3d;place-items:center;animation:7s ease-in-out infinite alternate demo-duel-module__TT4kGa__sculpture-hover;display:grid;position:relative}.demo-duel-module__TT4kGa__core:before{z-index:-1;content:"";filter:blur(18px);background:radial-gradient(#c2a16a38,#0000 68%);border-radius:50%;position:absolute;inset:18% 14% 3%}.demo-duel-module__TT4kGa__challenger .demo-duel-module__TT4kGa__core:before{background:radial-gradient(#8eb9d441,#0000 68%)}.demo-duel-module__TT4kGa__core:after{z-index:-1;content:"";opacity:.7;height:1px;box-shadow:0 0 28px 7px color-mix(in srgb, currentColor 22%, transparent);background:linear-gradient(90deg,#0000,currentColor,#0000);position:absolute;bottom:5%;left:10%;right:10%}.demo-duel-module__TT4kGa__character{width:100%;height:100%;filter:drop-shadow(0 18px 12px #000a) drop-shadow(0 0 10px color-mix(in srgb, currentColor 20%, transparent));display:block;position:relative;overflow:hidden}.demo-duel-module__TT4kGa__character img{-webkit-user-select:none;user-select:none;pointer-events:none;width:200%;max-width:none;height:100%;position:absolute;top:0}.demo-duel-module__TT4kGa__atlasCharacter img{left:0}.demo-duel-module__TT4kGa__oracleCharacter img{left:-100%}.demo-duel-module__TT4kGa__crowned .demo-duel-module__TT4kGa__core:after{opacity:1;height:2px}@keyframes demo-duel-module__TT4kGa__sculpture-hover{0%{transform:translateY(2px)rotateY(-3deg)}to{transform:translateY(-6px)rotateY(3deg)}}.demo-duel-module__TT4kGa__mindCopy{justify-items:center;margin-top:5px;display:grid}.demo-duel-module__TT4kGa__mindCopy>span,.demo-duel-module__TT4kGa__mindCopy small{color:#aab4bf;letter-spacing:.1em;font:600 10px/1.5 Doto,monospace}.demo-duel-module__TT4kGa__mindCopy strong{color:var(--demo-paper);letter-spacing:-.02em;margin:5px 0 6px;font:400 clamp(27px,3vw,38px)/1 Instrument Serif,Georgia,serif}.demo-duel-module__TT4kGa__mindCopy small{color:currentColor;font-size:9px}.demo-duel-module__TT4kGa__signalPath{z-index:0;background:linear-gradient(90deg,#0000,#c2a16a66 23%,#d7dfea25 50%,#9dbbd566 77%,#0000);height:1px;position:absolute;top:38%;left:22%;right:22%}.demo-duel-module__TT4kGa__signalPath i{opacity:0;background:#d9c8a6;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;box-shadow:0 0 15px 4px #c2a16a88}.demo-duel-module__TT4kGa__signalPath i:first-child{animation:2.6s ease-in-out infinite demo-duel-module__TT4kGa__signal-flow;left:18%}.demo-duel-module__TT4kGa__signalPath i:nth-child(2){animation:2.6s ease-in-out .85s infinite demo-duel-module__TT4kGa__signal-flow;left:50%}.demo-duel-module__TT4kGa__signalPath i:nth-child(3){animation:2.6s ease-in-out 1.7s infinite demo-duel-module__TT4kGa__signal-flow;left:82%}.demo-duel-module__TT4kGa__coronation .demo-duel-module__TT4kGa__signalPath i{opacity:0;animation:none}.demo-duel-module__TT4kGa__coronation[data-winner=king] .demo-duel-module__TT4kGa__signalPath{background:linear-gradient(90deg,#0000,#c2a16a 20%,#c2a16a99 40%,#d7dfea1a 58%,#0000)}.demo-duel-module__TT4kGa__coronation[data-winner=challenger] .demo-duel-module__TT4kGa__signalPath{background:linear-gradient(90deg,#0000,#c2a16a1a 42%,#9dbbd599 61%,#9dbbd5 81%,#0000)}@keyframes demo-duel-module__TT4kGa__signal-flow{0%,15%{opacity:0;transform:translate(-20px)}35%{opacity:.9}80%{opacity:.7;transform:translate(20px)}to{opacity:0}}.demo-duel-module__TT4kGa__mandate{z-index:2;width:min(440px,41%);min-height:212px;transition:border-color .5s var(--ease-in-out), box-shadow .5s var(--ease-in-out);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(142deg,#121922f5,#0c1118f7 72%);border:1px solid #d6e0e733;position:absolute;top:35%;left:50%;transform:translate(-50%);box-shadow:0 26px 90px #0008,inset 0 1px #ffffff0b}.demo-duel-module__TT4kGa__mandate:before{content:"";background:linear-gradient(90deg,#0000,#d7c19588,#0000);width:76%;height:1px;position:absolute;top:-1px;left:12%}.demo-duel-module__TT4kGa__mandate header,.demo-duel-module__TT4kGa__mandateFoot{color:#a1adbb;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px;font:600 9px/1.4 Doto,monospace;display:flex}.demo-duel-module__TT4kGa__mandate header{border-bottom:1px solid #ffffff15}.demo-duel-module__TT4kGa__mandate header b{color:#d2c09b;font-weight:600}.demo-duel-module__TT4kGa__mandateBody{grid-template-columns:38px 1fr;gap:13px;padding:20px 18px 17px;display:grid}.demo-duel-module__TT4kGa__mandateIndex{color:#c0a979;font:400 31px/1 Instrument Serif,Georgia,serif}.demo-duel-module__TT4kGa__mandateBody small{color:#a2aebb;letter-spacing:.11em;font:600 9px/1.4 Doto,monospace}.demo-duel-module__TT4kGa__mandateBody h3{color:var(--demo-paper);margin-top:7px;font:400 20px/1.15 Instrument Serif,Georgia,serif}.demo-duel-module__TT4kGa__mandateBody p{color:#a3adb9;margin-top:7px;font-size:12px;line-height:1.5}.demo-duel-module__TT4kGa__voteSample{padding:0 18px 14px 69px}.demo-duel-module__TT4kGa__voteBar{background:linear-gradient(90deg,#c2a16a 0 42%,#9dbbd5 42% 100%);height:4px;overflow:hidden}.demo-duel-module__TT4kGa__voteBar i{width:58%;height:100%;transition:width .55s var(--ease-in-out), background-color .3s ease;background:#c2a16a;display:block}.demo-duel-module__TT4kGa__voteBar .demo-duel-module__TT4kGa__challengerLead{background:#9dbbd5;margin-left:42%}.demo-duel-module__TT4kGa__voteLabels{color:#c1c9d1;justify-content:space-between;gap:12px;margin-top:7px;font:600 10px/1.4 Doto,monospace;display:flex}.demo-duel-module__TT4kGa__voteSample>small{color:#9ba7b4;letter-spacing:.06em;margin-top:6px;font:600 9px/1.4 Doto,monospace;display:block}.demo-duel-module__TT4kGa__mandateFoot{color:#8d99a9;border-top:1px solid #ffffff14}.demo-duel-module__TT4kGa__mandateFoot span:first-child{align-items:center;gap:7px;display:flex}.demo-duel-module__TT4kGa__mandateFoot i{width:5px;height:5px;box-shadow:none;background:#9ca9b3}.demo-duel-module__TT4kGa__vote .demo-duel-module__TT4kGa__mandate{border-color:#a7bfd244;box-shadow:0 26px 90px #0008,0 0 50px #789ab314,inset 0 1px #ffffff0b}.demo-duel-module__TT4kGa__coronation .demo-duel-module__TT4kGa__mandate{border-color:#c2a16a77;box-shadow:0 26px 90px #0009,0 0 65px #c2a16a1a,inset 0 1px #ffffff0b}.demo-duel-module__TT4kGa__campaign .demo-duel-module__TT4kGa__challenger{opacity:.84;transform:translateY(5px)}.demo-duel-module__TT4kGa__vote .demo-duel-module__TT4kGa__mind{transform:translateY(-4px)}.demo-duel-module__TT4kGa__coronation .demo-duel-module__TT4kGa__mind:not(.demo-duel-module__TT4kGa__crowned){opacity:.43}.demo-duel-module__TT4kGa__coronation .demo-duel-module__TT4kGa__crowned{animation:demo-duel-module__TT4kGa__winner-mark .65s var(--ease-in-out) both}.demo-duel-module__TT4kGa__coronation .demo-duel-module__TT4kGa__crowned .demo-duel-module__TT4kGa__core:before{opacity:.9;filter:blur(25px)}.demo-duel-module__TT4kGa__coronation .demo-duel-module__TT4kGa__crowned .demo-duel-module__TT4kGa__character{filter:drop-shadow(0 18px 12px #000a)drop-shadow(0 0 18px)}@keyframes demo-duel-module__TT4kGa__winner-mark{0%{filter:brightness(.9)}to{filter:brightness(1.18)drop-shadow(0 0 22px #a9c2d244)}}.demo-duel-module__TT4kGa__sceneCaption{z-index:4;text-align:center;border-top:1px solid #c1a16a38;padding-top:13px;position:absolute;bottom:19px;left:20px;right:20px}.demo-duel-module__TT4kGa__sceneCaption>span{color:var(--demo-brass);letter-spacing:.13em;font:600 8px Doto,monospace}.demo-duel-module__TT4kGa__sceneCaption h2{color:var(--demo-paper);letter-spacing:-.035em;margin-top:6px;font-size:clamp(20px,2.4vw,28px)}.demo-duel-module__TT4kGa__sceneCaption p{color:#a4aebb;max-width:620px;margin:5px auto 0;font-size:11px;line-height:1.5}.demo-duel-module__TT4kGa__timeline{grid-template-columns:repeat(3,minmax(0,1fr));padding:30px clamp(18px,5vw,62px) 22px;list-style:none;display:grid}.demo-duel-module__TT4kGa__timeline li{align-items:center;gap:12px;min-width:0;display:flex;position:relative}.demo-duel-module__TT4kGa__timeline li:last-child{justify-content:flex-end}.demo-duel-module__TT4kGa__timeline li:nth-child(2){justify-content:center}.demo-duel-module__TT4kGa__stepMark{z-index:1;background:var(--demo-ink);border:1px solid #515867;border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;display:grid;position:relative}.demo-duel-module__TT4kGa__stepMark i{background:#57606e;border-radius:50%;width:5px;height:5px}.demo-duel-module__TT4kGa__activeStep .demo-duel-module__TT4kGa__stepMark{border-color:var(--demo-brass)}.demo-duel-module__TT4kGa__activeStep .demo-duel-module__TT4kGa__stepMark i,.demo-duel-module__TT4kGa__pastStep .demo-duel-module__TT4kGa__stepMark i{background:var(--demo-brass)}.demo-duel-module__TT4kGa__stepLabel{color:#8993a1;font-size:11px}.demo-duel-module__TT4kGa__activeStep .demo-duel-module__TT4kGa__stepLabel,.demo-duel-module__TT4kGa__pastStep .demo-duel-module__TT4kGa__stepLabel{color:var(--demo-paper)}.demo-duel-module__TT4kGa__stepTrack{background:#303744;height:1px;position:absolute;top:50%;left:24px;right:-2px}.demo-duel-module__TT4kGa__stepTrack i{background:var(--demo-brass);transform-origin:0;width:100%;height:1px;transition:transform .68s var(--ease-in-out);display:block;transform:scaleX(0)}.demo-duel-module__TT4kGa__pastStep .demo-duel-module__TT4kGa__stepTrack i{transform:scaleX(1)}.demo-duel-module__TT4kGa__controls{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:28px;padding:22px clamp(18px,5vw,62px);display:flex}.demo-duel-module__TT4kGa__winnerPicker{flex-wrap:wrap;gap:9px;display:flex}.demo-duel-module__TT4kGa__winnerPicker legend{color:#a2aebb;width:100%;margin-bottom:10px;font-size:11px}.demo-duel-module__TT4kGa__winnerPicker label{color:#b8c0ca;cursor:pointer;border:1px solid #39424d;align-items:center;gap:8px;min-height:42px;padding:8px 12px;font-size:11px;transition:border-color .18s,background-color .18s;display:inline-flex;position:relative}.demo-duel-module__TT4kGa__winnerPicker label:has(input:checked){color:var(--demo-paper);background:#c2a16a12;border-color:#c2a16a}.demo-duel-module__TT4kGa__winnerPicker input{accent-color:var(--demo-brass)}.demo-duel-module__TT4kGa__winnerPicker small{color:#929eac;margin-left:4px}.demo-duel-module__TT4kGa__playback{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.demo-duel-module__TT4kGa__playback button{min-height:44px;color:var(--demo-paper);background:0 0;border:1px solid #454b55;padding:10px 15px;font-size:11px;transition:border-color .16s,background-color .16s}.demo-duel-module__TT4kGa__playback .demo-duel-module__TT4kGa__playButton{background:#c2a16a14;border-color:#c2a16a}.demo-duel-module__TT4kGa__playback button:hover:not(:disabled){border-color:var(--demo-brass);background-color:#c2a16a20}.demo-duel-module__TT4kGa__disclaimer{color:#8995a4;padding:0 clamp(18px,5vw,62px) 24px;font-size:10px}@media (max-width:700px){.demo-duel-module__TT4kGa__demo{margin-top:30px}.demo-duel-module__TT4kGa__demoFlag{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px;font-size:8px}.demo-duel-module__TT4kGa__demoFlag>span:last-child{text-align:left}.demo-duel-module__TT4kGa__stage{height:680px}.demo-duel-module__TT4kGa__stageMeta{align-items:flex-start;font-size:8px;top:16px;left:16px;right:16px}.demo-duel-module__TT4kGa__stageMeta span:last-child{text-align:right;max-width:130px;font-size:8px}.demo-duel-module__TT4kGa__mind{width:43%;top:9%}.demo-duel-module__TT4kGa__king{left:3%}.demo-duel-module__TT4kGa__challenger{right:3%}.demo-duel-module__TT4kGa__core{height:clamp(172px,47vw,205px)}.demo-duel-module__TT4kGa__mindCopy{margin-top:5px}.demo-duel-module__TT4kGa__mindCopy>span{font-size:8px}.demo-duel-module__TT4kGa__mindCopy strong{font-size:28px}.demo-duel-module__TT4kGa__mindCopy small{font-size:8px}.demo-duel-module__TT4kGa__signalPath{top:26%;left:17%;right:17%}.demo-duel-module__TT4kGa__mandate{width:calc(100% - 34px);min-height:205px;top:46%}.demo-duel-module__TT4kGa__mandateBody{grid-template-columns:31px 1fr;gap:10px;padding:17px 15px}.demo-duel-module__TT4kGa__mandateIndex{font-size:27px}.demo-duel-module__TT4kGa__mandateBody h3{font-size:19px}.demo-duel-module__TT4kGa__mandateBody p{font-size:12px}.demo-duel-module__TT4kGa__voteSample{padding:0 15px 13px 56px}.demo-duel-module__TT4kGa__voteLabels{font-size:9px}.demo-duel-module__TT4kGa__voteSample>small{font-size:8px}.demo-duel-module__TT4kGa__mandateFoot{padding:12px 14px;font-size:8px}.demo-duel-module__TT4kGa__sceneCaption{bottom:12px;left:15px;right:15px}.demo-duel-module__TT4kGa__sceneCaption h2{font-size:23px}.demo-duel-module__TT4kGa__sceneCaption p{font-size:12px}.demo-duel-module__TT4kGa__timeline{padding:22px 14px 18px}.demo-duel-module__TT4kGa__timeline li,.demo-duel-module__TT4kGa__timeline li:nth-child(2),.demo-duel-module__TT4kGa__timeline li:last-child{justify-content:flex-start;gap:7px}.demo-duel-module__TT4kGa__stepMark{flex-basis:15px;width:15px;height:15px}.demo-duel-module__TT4kGa__stepLabel{font-size:10px}.demo-duel-module__TT4kGa__stepTrack{left:19px;right:0}.demo-duel-module__TT4kGa__controls{flex-direction:column;align-items:stretch;gap:20px;padding:20px 16px}.demo-duel-module__TT4kGa__playback{justify-content:stretch}.demo-duel-module__TT4kGa__playback button{flex:1}.demo-duel-module__TT4kGa__disclaimer{padding:0 16px 20px;font-size:11px}}@media (max-width:360px){.demo-duel-module__TT4kGa__stage{height:700px}.demo-duel-module__TT4kGa__core{height:170px}.demo-duel-module__TT4kGa__mindCopy>span,.demo-duel-module__TT4kGa__mandateFoot{font-size:7px}.demo-duel-module__TT4kGa__stepLabel{font-size:9px}}@media (prefers-reduced-motion:reduce){.demo-duel-module__TT4kGa__atmosphere i,.demo-duel-module__TT4kGa__core,.demo-duel-module__TT4kGa__signalPath i,.demo-duel-module__TT4kGa__coronation .demo-duel-module__TT4kGa__challenger{animation:none!important}.demo-duel-module__TT4kGa__mind,.demo-duel-module__TT4kGa__mandate,.demo-duel-module__TT4kGa__stepTrack i,.demo-duel-module__TT4kGa__winnerPicker label,.demo-duel-module__TT4kGa__playback button{transition:none!important}}