.ts{--fire:#ff7a3d;--water:#4db2ff;--earth:#c98b4b;--paper:#f8efdc;--ink:#1c1727;--gold:#ffc93c;position:absolute;inset:0;overflow:hidden}.ts:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0e1526b8 0%,#0e152659 38%,#0000 60%);position:absolute;inset:0}.ts-duel,.ts-cycle{z-index:2}.ts .ts-world.um-world,.ts .ts-world{z-index:0;inset:0;width:100%!important;height:100%!important;position:absolute!important}.ts-duel{transition:opacity .6s var(--ease), transform .8s var(--ease);align-items:flex-end;gap:1.5rem;display:flex;position:absolute;bottom:9svh;right:max(4vw,50vw - 36rem)}.ts[data-phase=b] .ts-duel,.ts[data-phase=c] .ts-duel{opacity:0;transform:translateY(40px)}.ts-bubble{background:var(--paper);width:max-content;max-width:18rem;color:var(--ink);opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease);border-radius:16px;padding:.6rem .9rem;font-family:Nunito,ui-rounded,system-ui,sans-serif;font-size:.95rem;font-weight:700;line-height:1.3;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%,8px)}.ts-bubble.is-on{opacity:1;transform:translate(-50%)}.ts-cycle{opacity:0;width:min(34rem,44vw);transition:opacity .6s var(--ease), transform .8s var(--ease);pointer-events:none;justify-items:center;gap:2rem;display:grid;position:absolute;top:50%;right:max(4vw,50vw - 37rem);transform:translateY(-40%)}.ts[data-phase=c] .ts-cycle{opacity:1;transform:translateY(-50%)}.ts-cards{align-items:center;gap:clamp(.4rem,1.2vw,1rem);display:flex}.ts-beats{width:28px;height:28px;color:var(--gold);flex:none}.ts-beats svg{width:100%;height:100%}.ts-card{--cw:clamp(78px, 8.5vw, 124px);width:var(--cw);height:calc(var(--cw) * 1.42);perspective:700px;flex:none}.ts-card__in{width:var(--cw);height:calc(var(--cw) * 1.42);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.8,.3,1);transition-delay:calc(var(--k) * .22s + .2s);position:absolute;inset:0;transform:rotateY(180deg)}.ts[data-phase=c] .ts-card__in{transform:rotateY(0)}.ts-card__face{border-radius:calc(var(--cw) * .12);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;box-shadow:0 6px 14px #0006,inset 0 0 0 1.5px #00000040}.ts-card__front{background:var(--paper);color:var(--ink);grid-template-rows:1fr auto;display:grid}.ts-card__back{border:calc(var(--cw) * .055) solid var(--paper);background:radial-gradient(circle at 50% 40%,#2e3d5f,#182238 70%);transform:rotateY(180deg)}.ts-card__art{place-items:center;display:grid;position:relative}.ts-card--fire .ts-card__art{background:linear-gradient(160deg, #ffb07a, var(--fire))}.ts-card--earth .ts-card__art{background:linear-gradient(160deg, #e2b57f, var(--earth))}.ts-card--water .ts-card__art{background:linear-gradient(160deg, #a5dcff, var(--water))}.ts-card__glyph{width:calc(var(--cw) * .56);height:calc(var(--cw) * .56);background:#ffffff8c;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 10px #0000002e,inset 0 0 0 2px #fff9}.ts-card__glyph svg{width:58%;height:58%}.ts-card__n{font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-weight:700;font-size:calc(var(--cw) * .2);background:#ffffffc7;border-radius:6px;padding:2px 4px;line-height:1;position:absolute;top:5%;left:6%}.ts-card__foot{padding:calc(var(--cw) * .06) calc(var(--cw) * .09);font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-weight:600;font-size:calc(var(--cw) * .13);justify-content:space-between;align-items:center;display:flex}.ts-card__foot i{width:calc(var(--cw) * .19);height:calc(var(--cw) * .19);background:var(--s);box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--s);border-radius:50%}.ts-seal--red{--s:#e8455a}.ts-seal--blue{--s:#3d7bff}.ts-seal--yellow{--s:#ffc93c}.ts.is-stamped .ts-card--fire .ts-card__front{box-shadow:0 0 0 3px var(--gold), 0 0 34px #ffc93ca6}.ts-card{transition:transform .5s var(--ease), opacity .5s var(--ease);position:relative}.ts.is-stamped .ts-card--earth{opacity:.45;transform:translateY(10px)rotate(-4deg)}.ts-shelf{background:#0e1526b8;border-radius:999px;gap:.9rem;padding:.7rem 1rem;display:flex;box-shadow:inset 0 0 0 1px #2e3d5f}.ts-slot{border-radius:50%;width:30px;height:30px;position:relative;box-shadow:inset 0 0 0 2px #2e3d5f}.ts-slot:first-child{background:#e8455a;box-shadow:0 0 0 2px #f8efdc}.ts-slot:nth-child(2){background:#3d7bff;box-shadow:0 0 0 2px #f8efdc}.ts-slot--won:after{content:"";opacity:0;background:#ffc93c;border-radius:50%;transition:opacity .25s ease-out,transform .45s cubic-bezier(.3,1.6,.5,1);position:absolute;inset:0;transform:scale(1.9);box-shadow:0 0 0 2px #f8efdc,0 0 24px #ffc93ccc}.ts.is-stamped .ts-slot--won:after{opacity:1;transform:scale(1)}.ts.is-paused *{animation-play-state:paused!important}@media (width<=899px){.ts:after{background:linear-gradient(#0e152633 0%,#0e152699 40%,#0e152633 75%)}.ts-duel{opacity:.9;gap:.5rem;bottom:2svh;right:50%;transform:translate(50%)}.ts[data-phase=b] .ts-duel,.ts[data-phase=c] .ts-duel{transform:translate(50%,40px)}.ts-bubble{max-width:14rem;font-size:.85rem}.ts-cycle{top:auto;right:50%;bottom:calc(1.5svh + env(safe-area-inset-bottom));gap:.6rem;width:100%;transform:translate(50%,20px)}.ts[data-phase=c] .ts-cycle{transform:translate(50%)}.ts-card{--cw:50px}.ts-beats{width:18px;height:18px}.ts-slot{width:22px;height:22px}}