.tr-px{image-rendering:pixelated;display:block}.tr-seg{justify-self:center}.tr-q{text-align:center;justify-self:center;max-width:480px}.tr-wrap{container-type:inline-size}.tr-stage{--u:1px;height:calc(244 * var(--u));border:1px solid var(--ink);-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 40%,#3a4466,#262b44 62%,#181425);border-radius:24px;position:relative;overflow:hidden}@container (width>=610px){.tr-stage{--u:2px}}.tr-stage :focus-visible{outline-color:var(--card)}.tr-back,.tr-slot{left:calc(50% - 64 * var(--u));width:calc(128 * var(--u));height:calc(192 * var(--u));position:absolute}.tr-flip img{width:100%;height:100%}.tr-deck{cursor:pointer;background:0 0;border:0;padding:0;transition:opacity .2s,visibility .2s;position:absolute;inset:0}.tr-back{top:calc(10 * var(--u));transform-origin:calc(64 * var(--u)) calc(260 * var(--u));rotate:var(--a);filter:drop-shadow(0 2px 3px #18142599);transition:rotate .25s var(--ease-out), translate .15s var(--ease-out)}.tr-stage.is-opening .tr-back{transition-duration:.45s;transition-delay:calc(var(--d) * 60ms)}.tr-stage:not([data-state=fan]) .tr-back{rotate:0deg}.tr-stage[data-state=split] .tr-back:nth-child(-n+4){translate:calc(-14 * var(--u)) calc(4 * var(--u));rotate:-8deg}.tr-stage[data-state=split] .tr-back:nth-child(n+5){translate:calc(14 * var(--u)) calc(4 * var(--u));rotate:8deg}.tr-stage[data-state=merge] .tr-back{translate:0 calc(-6 * var(--u))}.tr-stage[data-state=dealt] .tr-deck{opacity:0;visibility:hidden}.tr-slot{top:calc(28 * var(--u));cursor:pointer;transform-origin:calc(64 * var(--u)) calc(392 * var(--u));rotate:var(--a,0deg);filter:drop-shadow(0 2px 4px #181425b3);background:0 0;border:0;padding:0}.tr-stage[data-spread="1"] .tr-slot{top:calc(25 * var(--u))}.tr-slot[data-i="1"]{z-index:1}.tr-slot.is-up{cursor:default}@media (hover:hover) and (pointer:fine){.tr-slot{transition:translate .15s var(--ease-out)}.tr-stage[data-state=fan] .tr-deck:hover .tr-back,.tr-slot:not(.is-up):hover{translate:0 calc(-6 * var(--u))}}.tr-spark{z-index:2;width:calc(4 * var(--u));height:calc(4 * var(--u));margin:calc(-2 * var(--u)) 0 0 calc(-2 * var(--u));pointer-events:none;position:absolute}.tr-flip{width:100%;height:100%;display:block}.tr-slot.is-rev img{rotate:180deg}.tr-pos,.tr-hint{font-size:calc(6px + 6 * var(--u));line-height:calc(20 * var(--u));text-align:center;white-space:nowrap;pointer-events:none;margin:0;position:absolute}.tr-stage[data-state=dealing] .tr-pos{opacity:0}.tr-pos{width:calc(90 * var(--u));margin-left:calc(-45 * var(--u));color:var(--yellow);font-weight:700;transition:opacity .2s}.tr-pos[data-i="0"]{left:calc(50% - 88.2 * var(--u));top:calc(10 * var(--u))}.tr-pos[data-i="1"]{left:50%;top:calc(3 * var(--u))}.tr-pos[data-i="2"]{left:calc(50% + 88.2 * var(--u));top:calc(10 * var(--u))}.tr-hint{inset:calc(220 * var(--u)) 0 auto;color:var(--line)}.tr-lbl{margin-top:4px}.tr-hist li{margin-bottom:4px}.tr-hist small{color:var(--muted);font-size:13px;font-weight:400;display:block}.tr-res{border-radius:4px;width:256px;height:384px;margin:8px auto 0;box-shadow:0 2px 10px #262b4440}.tr-res.is-rev,.tr-spread img.is-rev{rotate:180deg}.dlg .tr-res+.big{margin-bottom:0}.tr-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin:6px 0 10px;font-size:13px;display:flex}.tr-badge{border:1px solid var(--ink);min-height:24px;color:var(--ink);border-radius:999px;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.tr-badge.is-rev{background:var(--ink);color:var(--card)}.tr-mean{color:var(--muted);text-align:left;font-size:15px;line-height:1.75}.tr-lnk{min-height:44px;color:var(--red-d);justify-content:center;align-items:center;gap:4px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.tr-spread{text-align:left;gap:10px;margin-top:12px;list-style:none;display:grid}.tr-spread li{background:var(--card);border:1px solid var(--line);border-radius:16px;gap:12px;padding:12px;display:flex}.tr-spread img{flex:none;width:128px;height:192px}.tr-spread li>div{min-width:0}.tr-spread .pos{color:var(--red-d);font-size:13px;font-weight:700;display:block}.tr-spread b{margin-top:2px;font-size:20px;line-height:1.3;display:block}.tr-spread .tr-meta{justify-content:flex-start;margin:2px 0 0;font-size:12px}.tr-spread .tr-mean{margin-top:6px;font-size:14px}.tr-spread .tr-lnk{justify-content:flex-start;min-height:36px;font-size:14px}.content .tr-suits{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;padding:0;line-height:1.5;list-style:none;display:grid}.tr-suits li>*{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;height:100%;min-height:64px;padding:8px 12px;text-decoration:none;display:flex}.tr-suits a{border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink)}.tr-suits small{color:var(--muted);font-size:13px}.tr-src{border-top:1px dashed var(--line);color:var(--muted);margin-top:32px;padding-top:12px;font-size:13px}.content .tr-src p{line-height:1.7}.tr-src p+p{margin-top:4px}@media (prefers-reduced-motion:reduce){.tr-stage *{transition:none!important}}@media (width>=640px){.content .tr-suits{grid-template-columns:repeat(4,minmax(0,1fr))}}