@font-face{font-family:GwenChanga;src:url('/assets/fonts/changa-arabic.woff2') format('woff2');font-weight:600 800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
html[lang=ar] .intro-copy h1,html[lang=ar] .round-head h1,html[lang=ar] .choice h2,html[lang=ar] .result-card h2,html[lang=ar] .result-card h3,html[lang=ar] .primary,html[lang=ar] .finale h1,html[lang=ar] .results h1{font-family:GwenChanga,Tahoma,sans-serif}
/* Titles are part of the game scene: engraved white, cool edge light and a stitched flourish. */
.intro-copy h1{font-size:clamp(44px,5.3vw,76px);line-height:1.3;font-weight:800;letter-spacing:0}
.intro-copy h1 em{color:#9ce9ff;text-shadow:0 2px 0 #112c54,0 0 25px #77d6ff20}
.arena .round-head{position:relative;padding-bottom:17px}
.arena .round-head:after{content:"";position:absolute;bottom:0;left:50%;width:150px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#84d6f4 35%,#c2dff7 50%,#a89de7 65%,transparent)}
.arena .round-head h1{font-size:clamp(30px,3.5vw,48px);font-weight:800;line-height:1.45;letter-spacing:0;margin:3px 0 7px;text-shadow:0 3px 0 #08172c,0 6px 22px #0009}
.arena .round-head p{font-size:12px;line-height:1.9;max-width:570px;color:#c0d1e7}
.round-kicker{display:inline-block;border:1px solid #84aac844!important;border-radius:3px!important;background:#101e34a3!important;color:#badcf0;font-size:9px!important;letter-spacing:1px;padding:5px 12px!important;margin-bottom:5px}
.gwen-say{margin-bottom:1px}#bubble{font-size:11px;color:#a7c5de;background:#08162a99;border-inline-start:2px solid #78b4d470;max-width:520px}
/* Each hanging patch has a full-size illustration and its own coloured thread. */
html[data-round=feel] .stage{gap:12px;padding-top:4px}
.braid{width:min(340px,70%);height:39px;opacity:.45}.braid .ply{stroke-width:3.2}.braid.on{opacity:1}
.deck.threads{max-width:1080px;gap:19px;padding:43px 0 4px;align-items:stretch}
.deck.threads .thread-card{max-width:198px;min-height:307px;padding:30px 12px 35px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transform-origin:50% -30px;transition:translate .32s,rotate .32s}
.thread-card:before{background-image:url('/assets/gwen-world/cloth-patch.svg');opacity:1}
.thread-card .patch-cord{top:-38px;height:53px;background:linear-gradient(#4e6f93,var(--c) 65%,#668aad)}
.thread-card .patch-pin{top:11px;border-color:var(--c);background:radial-gradient(circle at 35% 30%,#dce5ed,#7891aa 55%,#294263)}
.thread-card .spool-dot{display:none!important}
.thread-card .symbol{display:grid!important;place-items:center;width:100%;height:150px!important;margin:0!important;opacity:1!important;position:relative}
.thread-card .symbol:before{content:"";position:absolute;left:50%;top:50%;width:122px;height:122px;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--c) 20%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 9%,transparent),transparent 70%);pointer-events:none}
.thread-card .symbol svg.mood-sigil{width:140px!important;height:150px!important;overflow:visible;color:var(--c);position:relative}
.sigil-line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sigil-fill{fill:currentColor;opacity:.11;stroke:none}
.sigil-stitch{fill:none;stroke:currentColor;stroke-width:1.1;stroke-dasharray:2.5 4.5;opacity:.65;stroke-linecap:round}.sigil-dot{fill:currentColor}
.thread-card h2{font-size:clamp(17px,1.65vw,23px)!important;font-weight:700;margin:11px -4px 0!important;line-height:1.5!important;white-space:nowrap;color:#f0f6ff;text-shadow:0 2px 0 #081526}
.thread-card .role{min-height:0;height:0;overflow:hidden;position:absolute;top:-17px;right:16px;left:auto;transition:opacity .2s}
.thread-card.selected .role{height:auto;min-height:18px;overflow:visible;background:var(--c);color:#0d1d33;transform:rotate(5deg);border:1px solid #d9eaff77;padding:4px 8px;font:700 10px Hanken,Tahoma;box-shadow:0 3px 8px #0004;z-index:4}
.thread-card .mood-caption{font-size:11px!important;line-height:1.8!important;color:#a9c3df!important;margin:4px 0 0!important}
.mood-pick{font-size:9px;line-height:1.5;letter-spacing:.4px;color:var(--c);margin-top:13px;padding:5px 12px;border:1px solid color-mix(in srgb,var(--c) 35%,transparent);background:#09172c77;opacity:0;transform:translateY(5px);transition:transform .25s,opacity .25s}
.thread-card:hover .mood-pick,.thread-card:focus-visible .mood-pick,.thread-card.selected .mood-pick{opacity:1;transform:none}
.cloth-corner{position:absolute;width:18px;height:18px;border-top:1px solid var(--c);border-right:1px solid var(--c);right:16px;top:23px;opacity:.65;pointer-events:none}
.cloth-corner:after{content:"";position:absolute;width:4px;height:4px;top:-2px;right:-2px;background:var(--c);transform:rotate(45deg)}
.deck.threads .thread-card:hover,.deck.threads .thread-card:focus-visible{translate:0 -12px;rotate:-1deg}
.deck.threads .thread-card.selected{translate:0 -15px;rotate:1deg}
.thread-card:hover .mood-sigil,.thread-card:focus-visible .mood-sigil,.thread-card.selected .mood-sigil{animation:sigil-awake 3.5s ease-in-out infinite alternate}
.thread-card.selected .symbol:before{border-color:color-mix(in srgb,var(--c) 55%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--c) 17%,transparent),transparent 70%)}
.thread-card.selected:before{filter:brightness(1.22)}
.deck .choice.selected:after{top:21px;inset-inline-end:18px;width:19px;height:19px;font-size:10px;line-height:18px}
@keyframes sigil-awake{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-5px) rotate(2deg)}}
/* Make the remaining rounds read as the same game. */
.deck .world-card h2{font-size:21px!important;line-height:1.5;margin-top:10px}.deck .world-card p{font-size:11px}.deck .world-card{padding-bottom:38px}
.deck .reel h2{font-size:20px!important}.mbox h2{font-size:19px!important}.fighter h2{font-size:18px}.result-card h2,.result-card h3{font-size:22px}.results>h1,.finale>h1{font-size:clamp(30px,4vw,48px);line-height:1.4}
.actions .primary,.cut-button,.menu-controls .start{min-height:57px;padding:12px 28px;border:1px solid #aedcf17a;border-radius:3px 15px 3px 15px;background:linear-gradient(110deg,#85daef,#90bce9 55%,#a59ada);color:#0d2340;font-size:18px;font-weight:700;box-shadow:0 5px 0 #263d62,0 12px 24px #0005}
.actions .primary:not(:disabled):hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 7px 0 #263d62,0 15px 26px #0005}
.actions .primary:disabled{opacity:.4;box-shadow:0 3px 0 #263d62;cursor:not-allowed}
.menu-controls .start{font-size:22px;min-width:260px}.intro-copy .eyebrow{font-size:11px}
/* Clearly travelling atmosphere, kept at the edges and behind the reading area. */
.cinematic-scenery{animation:awakened-camera 22s ease-in-out infinite alternate;inset:-4%}
@keyframes awakened-camera{from{transform:translate3d(-.6%,.3%,0) scale(1.015)}to{transform:translate3d(.6%,-1%,0) scale(1.045)}}
.fog-band{height:29%;background:radial-gradient(ellipse,#91b7d126 0,#729dc20c 40%,transparent 70%);animation:awakened-mist 14s ease-in-out infinite alternate}
.fog-1{top:72%;animation-duration:19s;animation-delay:-9s;background:radial-gradient(ellipse,#91b7d122,transparent 68%)}
@keyframes awakened-mist{from{transform:translate3d(-10%,14%,0) rotate(-5deg);opacity:.35}to{transform:translate3d(11%,-14%,0) rotate(4deg);opacity:.85}}
.energy-thread{opacity:.75}.energy-thread .pulse{stroke-width:1.7;stroke-dasharray:56 300;animation-duration:6s}.energy-right .pulse{animation-duration:8s;animation-delay:-3s}
.scissor-aura{animation-duration:4s;background:radial-gradient(ellipse,#39cef738,transparent 66%)}.aura-right{animation-duration:5.5s}
.atelier-puppet{animation-duration:5.5s}.puppet-right{animation-duration:6.5s}
.head-a{animation-duration:7s}.head-b{animation-duration:8s}.head-c{animation-duration:7.5s}
html:not([data-scene=welcome]) .cinematic-scenery{animation-duration:28s}
@media(max-width:1000px) and (min-width:761px){.deck.threads{gap:10px}.deck.threads .thread-card{min-height:285px;padding:29px 8px 33px}.thread-card h2{font-size:18px!important}.thread-card .symbol{height:130px!important}.thread-card .symbol svg.mood-sigil{width:120px!important;height:130px!important}.thread-card .mood-caption{font-size:10px!important}}
@media(max-width:760px){.intro-copy h1{font-size:37px!important;line-height:1.4}.arena .round-head h1{font-size:30px;line-height:1.5;margin:4px 0 8px}.arena .round-head p{font-size:11px;line-height:1.9}.round-kicker{font-size:8px!important;padding:4px 10px!important}.arena .round-head{padding-bottom:13px}.braid{height:30px;width:70%}.deck.threads{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 13px;padding-top:27px;max-width:420px}.deck.threads .thread-card{padding:24px 10px 29px;min-height:239px;max-width:none;translate:none;rotate:none}.deck.threads .thread-card:last-child{grid-column:1/-1;width:calc(50% - 7px);justify-self:center}.thread-card .patch-cord{top:-24px;height:38px}.thread-card .symbol{display:grid!important;height:107px!important}.thread-card .symbol svg.mood-sigil{width:100px!important;height:107px!important}.thread-card .symbol:before{width:90px;height:90px}.thread-card h2{font-size:18px!important;line-height:1.6!important;white-space:normal;margin-top:7px!important}.thread-card .mood-caption{font-size:10px!important;line-height:1.7!important}.mood-pick{opacity:.75;transform:none;margin-top:9px;font-size:8px;padding:3px 8px}.cloth-corner{right:13px;top:21px;width:13px;height:13px}.thread-card.selected .role{top:-10px;right:9px;font-size:8px;padding:3px 6px}.deck .world-card h2{font-size:18px!important}.deck .world-card p{font-size:10px}.deck .reel h2{font-size:18px!important}.mbox h2{font-size:15px!important}.actions .primary{font-size:18px;min-height:53px}.game.arena{padding-bottom:35px}.cinematic-scenery{inset:-4% -38%;animation-duration:27s}.fog-band{opacity:.7}.menu-controls .start{font-size:20px;min-width:240px}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:761px){.topbar{padding-block:12px}.brand .original-logo{width:56px;height:56px}.game.arena{gap:8px;padding-top:8px}.arena .game-top{height:36px;max-height:36px;min-height:0}.arena .game-top .back{padding:4px;font-size:11px;min-height:0;line-height:1.4}.game-top #counter{padding:7px 12px;font-size:14px;line-height:1.2}.arena .steps{margin-bottom:3px}.gwen-say{min-height:34px;margin-top:0!important}.gwen-badge{width:30px;height:30px}.gwen-badge img{width:24px;height:24px}.arena .round-head h1{font-size:clamp(30px,3.1vw,44px)}html[data-round=feel] .round-kicker{display:none}.arena .round-head{padding-bottom:12px}.arena .stage{margin-top:4px!important;min-height:0}.deck.threads{padding-top:32px;gap:16px}.deck.threads .thread-card{min-height:285px;padding:25px 12px 31px}.thread-card .symbol{height:127px!important}.thread-card .symbol svg.mood-sigil{width:120px!important;height:127px!important}.thread-card .symbol:before{width:108px;height:108px}.thread-card h2{font-size:20px!important}.thread-card[data-k=dark] h2{font-size:18px!important}.thread-card .patch-cord{top:-29px;height:44px}.actions{margin-top:3px}.mood-pick{margin-top:10px}}
@media(min-width:761px) and (max-height:780px){.gwen-say{display:none}.arena .round-head h1{font-size:34px}.deck.threads .thread-card{min-height:255px;padding-top:23px}.thread-card .symbol{height:100px!important}.thread-card .symbol svg.mood-sigil{width:96px!important;height:102px!important}.thread-card .mood-pick{margin-top:7px}.thread-card .symbol:before{width:88px;height:88px}}
/* The surge is visible in seconds, without flashing the page or moving the choices. */
.magic-surge{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.65;overflow:hidden}
.magic-surge path{fill:none;stroke:#7de2ff;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:135 2100;stroke-dashoffset:2235;animation:world-surge 11s linear infinite;animation-delay:calc(var(--route)*-3.4s)}
.magic-surge path:nth-child(2){stroke:#a49cef;stroke-width:1.2;animation-duration:14s}.magic-surge path:nth-child(3){stroke:#9ee9f3;opacity:.5;animation-duration:16s}
@keyframes world-surge{0%{stroke-dashoffset:2235;opacity:0}12%,80%{opacity:.8}100%{stroke-dashoffset:0;opacity:0}}
.flying-threads{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.flying-threads i{position:absolute;left:calc(8% + var(--scrap)*16%);bottom:calc(12% + var(--scrap)*7%);width:8px;height:20px;background:linear-gradient(140deg,#b6ecff88,#86b6e71a);clip-path:polygon(0 0,70% 22%,100% 100%,20% 67%);animation:float-cloth 9s ease-in-out infinite;animation-delay:calc(var(--scrap)*-1.6s);transform-origin:center}
.flying-threads i:nth-child(even){width:6px;height:16px;background:linear-gradient(140deg,#bdb3ff88,#8e96d91a);animation-duration:12s}
@keyframes float-cloth{0%{opacity:0;transform:translate3d(-20px,40px,0) rotate(-35deg)}20%{opacity:.65}55%{transform:translate3d(40px,-25px,0) rotate(15deg)}85%{opacity:.45}100%{opacity:0;transform:translate3d(-15px,-120px,0) rotate(65deg)}}
.moon-rays{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.5}
.moon-rays i{position:absolute;top:-12%;left:35%;width:27%;height:115%;background:linear-gradient(180deg,#a3dbf818,transparent 85%);clip-path:polygon(38% 0,50% 0,95% 100%,0 100%);transform-origin:45% 0;animation:ray-swing 13s ease-in-out infinite alternate}
.moon-rays i:nth-child(2){left:58%;width:19%;animation-delay:-6s;animation-duration:17s;opacity:.5}
@keyframes ray-swing{from{transform:rotate(-12deg);opacity:.25}to{transform:rotate(5deg);opacity:.85}}
.fog-band{animation-duration:8s;background:radial-gradient(ellipse,#b5cce333,#89abc314 38%,transparent 68%)}.fog-1{animation-duration:12s;animation-delay:-6s;opacity:.65}.energy-thread .pulse{stroke-width:2;stroke-dasharray:85 271;animation-duration:4.8s}.energy-right .pulse{animation-duration:6.5s}
.cinematic-scenery{animation-duration:18s}.scissor-aura{animation-duration:3.6s}.aura-right{animation-duration:4.5s}
.atelier-puppet{animation-duration:5s}.puppet-right{animation-duration:6s}
/* Slow light through the lettering, always within a readable bright palette. */
.arena .round-head h1,.intro-copy h1 em,.results>h1,.finale>h1{color:#e3f1ff;background:linear-gradient(110deg,#eaf5ff 0%,#eaf5ff 24%,#8adcf5 40%,#c9bafa 53%,#eaf5ff 67%,#eaf5ff 100%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:title-current 8s ease-in-out infinite;text-shadow:0 3px 0 #07162d33;filter:none}
@keyframes title-current{0%,12%{background-position:100% 50%}65%,100%{background-position:0 50%}}
.thread-card.selected h2{color:var(--c);text-shadow:0 2px 0 #07162d,0 0 16px color-mix(in srgb,var(--c) 22%,transparent)}
.thread-card.selected .sigil-stitch{stroke-dasharray:3 5;animation:embroidered-current 4s linear infinite}
@keyframes embroidered-current{to{stroke-dashoffset:-48}}
.thread-card .mood-sigil .sigil-line{stroke-width:2}.thread-card:hover .sigil-fill,.thread-card.selected .sigil-fill{opacity:.22}
@media(max-width:760px){.magic-surge{opacity:.5}.moon-rays{opacity:.4}.flying-threads i{width:6px;height:16px}.fog-band{height:24%;animation-duration:11s}.fog-1{animation-duration:15s}.arena .round-head h1{background-size:260% 100%}.cinematic-scenery{animation-duration:24s}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.flying-threads{display:none}}
/* The remaining rounds carry the same weight, material and visual rhythm. */
.deck.boxes{gap:24px;max-width:930px;padding-top:14px}
.deck .mbox{max-width:270px!important;min-height:260px;isolation:isolate;padding:27px 20px 37px!important}
.mbox .number{display:none}.mbox .box{height:140px;border:5px solid #46658b;background:linear-gradient(160deg,#263e69,#112341);border-radius:4px 16px 4px 16px;box-shadow:inset 0 0 0 1px #90b8d0,0 7px 12px #040c1f60;transform:perspective(600px) rotateX(3deg);transition:transform .35s}
.mbox .box:hover,.mbox.playing .box{transform:perspective(600px) rotateX(-3deg) translateY(-4px)}
.mbox .lid{height:14px;background:linear-gradient(90deg,#75b0cc,#9ca4d7);border-bottom:2px solid #0c203c}
.mbox .bars{inset:35px 20px 18px;gap:6px}.mbox .bars i{background:linear-gradient(#b2e5f2,#777fce 65%,#445d98);border-radius:2px}
.mbox .pick-beat{min-height:43px;margin-top:9px;font-size:12px;letter-spacing:.5px}
.deck.reels{gap:24px;max-width:1000px}.deck .reel{padding:24px 17px 37px!important;max-width:300px!important}.reel .screen{border-width:6px;border-color:#4b658c;box-shadow:inset 0 0 0 1px #8fb3d4,0 6px 16px #02091c88}.reel h2{margin:15px 0 7px!important}.reel .rec{font-size:9px;letter-spacing:1px}.reel .number{display:none}
.stream{border:9px solid #334d72;box-shadow:0 0 0 1px #8caac5,0 10px 25px #02091f66;max-width:650px;border-radius:7px}.stream .live{font-weight:700;letter-spacing:1px}
.live-count b{font-size:68px;font-weight:700;color:#b7e8fa;text-shadow:0 3px 0 #14294b,0 0 28px #74d7f329}.live-count span{font-size:13px}.live-count .gauge{margin-top:10px;width:280px;height:5px}
.toolbag{padding:23px 25px;gap:18px;background:repeating-linear-gradient(0deg,#b1d0ec04 0 1px,transparent 1px 4px),linear-gradient(140deg,#20375be8,#101e38f0);border:1px solid #7295ba;border-radius:5px 20px 5px 20px;box-shadow:inset 0 0 0 5px #142441,0 13px 26px #02091a66}
.tools-row{gap:10px}.tools-row legend{font-size:13px;font-weight:bold;min-width:138px;color:#d3e4f8}.tools-row .chip{padding:11px 18px;font-size:13px;border:1px dashed #739ac7;border-radius:3px 10px 3px 10px;background:#142946}
.tools-row .chip[aria-pressed=true]{background:#8cbde2;color:#0d2340;border-style:solid;border-color:#c7e6ff;box-shadow:0 3px 0 #273f64}
.versus{gap:25px;max-width:1030px}.fighter{max-width:420px;padding:22px 20px 25px!important;border:1px solid #7b9fc8;background:repeating-linear-gradient(90deg,#b4d1e904 0 1px,transparent 1px 4px),linear-gradient(145deg,#243a60ee,#10213bea);box-shadow:inset 0 0 0 6px #162a49,0 15px 30px #0004}
.fighter .number{color:#a1c5e7;font-size:10px;letter-spacing:2px}.fighter .poster{padding:8px 0}.fighter .poster img{border:1px solid #688db8;border-radius:3px}.fighter h2{font-size:20px;line-height:1.4;margin:9px 0!important}.fighter .price{font-size:14px;line-height:1.6}.fighter .price s{font-size:11px}.fighter .primary{min-height:48px;padding:12px 22px;font-size:17px;background:linear-gradient(110deg,#8fd7ed,#9eafe7);color:#102441;border:1px solid #b9d5f5;border-radius:3px 12px 3px 12px}
.vs{font:italic 700 46px Cinzel,Georgia;color:#c1ccec;text-shadow:0 3px 0 #142b52}.fighter.win{border-color:#b9e5ff;box-shadow:inset 0 0 0 6px #162a49,0 0 0 2px #86cde7,0 15px 35px #0004}
.game.finale{height:auto;min-height:0;gap:15px;margin-top:18px;padding:30px!important;background:linear-gradient(135deg,#112a46db,#16223dcd)!important;max-width:760px;border:1px solid #789bc0;box-shadow:inset 0 0 0 7px #101f37,0 18px 45px #0005}
.finale>h1{font-size:clamp(28px,3.1vw,42px);margin:0;line-height:1.55}.finale>p{font-size:13px;color:#b4cbe5}.cut-zone{margin:15px auto;width:min(480px,90%);height:250px;border:11px solid #516a91;box-shadow:inset 0 0 0 2px #a3bed6,0 0 0 2px #1a3154;background:repeating-linear-gradient(0deg,#8bb6d406 0 1px,transparent 1px 5px),radial-gradient(circle,#244768,#10233f)}.cz-target{border-color:#b4c3f2}.cz-verdict{font-size:28px;color:#b3e4ff;text-shadow:0 3px 0 #143154}.cut-button{min-width:240px;font-size:21px}.cut-button:not(:disabled){animation:cut-ready 3s ease-in-out infinite}@keyframes cut-ready{50%{transform:translateY(-3px);box-shadow:0 6px 0 #263d62,0 0 28px #78c9ed22}}
.results{max-width:1120px;margin:20px auto}.results>h1{font-size:clamp(34px,4vw,54px);line-height:1.5;margin:10px 0}.results>p{font-size:14px;line-height:1.9;color:#c0d1e7}
.result-card.loot:before{display:block!important}.result-card.loot{padding:20px 18px 35px;max-width:350px}.loot-front{padding:14px;background:repeating-linear-gradient(0deg,#c2d6ee04 0 1px,transparent 1px 5px),linear-gradient(145deg,#1e3557,#10233e);border:1px solid #7e9dc2;border-radius:3px 15px 3px 15px;gap:7px}
.loot.gold .loot-front{border:1px solid #abd7f3;box-shadow:0 0 0 2px #82bad259,0 12px 30px #0004}.loot.gold .rank{background:#abd8f0!important;color:#102441!important;font-size:11px;letter-spacing:.4px;padding:7px 11px}.loot .rank{font-size:10px;border-radius:3px!important}.loot h2{font:700 21px/1.4 Cinzel,Georgia!important;color:#edf4ff}.loot .price{font-size:16px;color:#d0e2f6}.loot .price s{font-size:12px;color:#8daac7}.loot .reasons{font-size:11px;line-height:1.9;color:#a8c6dd}.loot .primary{min-height:46px;border:1px solid #c1e3f6;background:linear-gradient(110deg,#8ed6ee,#a4b2e7);font-size:14px;padding:10px;color:#0d2442}.loot .secondary{font-size:11px;min-height:42px}.result-actions .primary{font-size:16px;padding:14px 25px}.result-actions{margin-top:24px}
@media(max-width:760px){.deck.boxes{gap:10px;padding-top:10px}.deck .mbox{min-height:205px;padding:22px 10px 30px!important;flex:1 1 calc(50% - 10px);max-width:180px!important}.mbox .box{height:97px;border-width:4px}.mbox .bars{inset:28px 13px 12px;gap:4px}.mbox .pick-beat{font-size:10px;padding:8px 5px;min-height:37px}.mbox h2{font-size:15px!important}.deck .reel{max-width:none!important;padding:17px 13px 30px!important}.deck.reels{gap:15px}.reel .screen{border-width:4px}.reel h2{font-size:18px!important}.toolbag{padding:18px 15px;gap:15px}.tools-row{gap:7px}.tools-row legend{font-size:12px;min-width:0}.tools-row .chip{padding:9px 12px;font-size:12px}.live-count b{font-size:53px}.live-count span{font-size:11px}.live-count .gauge{width:220px}.versus{gap:8px}.fighter{padding:14px 10px 17px!important}.fighter h2{font-size:13px;line-height:1.5}.fighter .price{font-size:12px}.fighter .number{font-size:7px;letter-spacing:1px}.fighter .primary{font-size:15px;padding:9px 15px;min-height:42px}.vs{font-size:26px}.game.finale{margin-top:10px;padding:22px 15px!important;gap:10px}.finale>h1{font-size:28px}.finale>p{font-size:11px}.cut-zone{height:200px;width:92%;border-width:8px}.cut-button{min-width:200px;font-size:20px}.results>h1{font-size:34px}.results>p{font-size:12px}.result-card.loot{max-width:355px;width:100%;padding:18px 15px 34px}.loot h2{font-size:21px!important}.loot .primary{font-size:15px}.loot-front{padding:13px}.result-actions{gap:10px}.result-actions .primary{font-size:15px}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.loot-front{overflow:hidden}.loot-back{overflow:hidden}.result-card.loot{min-width:0}.result-card .reasons{overflow-wrap:anywhere}