body.tui #app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}body.tui .deck-scroll-wrap{flex:1;min-height:0}body.tui .deck-viewport{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--tui-pad-3);touch-action:none;overflow:hidden}body.tui .deck-card-stack{position:relative;--deck-card-width: min(78vw, 320px);--deck-card-height: calc(var(--deck-card-width) * 120 / 70);padding-right:14px;padding-bottom:14px}body.tui .deck-stack-layer{position:absolute;left:50%;top:50%;width:var(--deck-card-width);height:var(--deck-card-height);margin-left:calc(var(--deck-card-width) / -2);margin-top:calc(var(--deck-card-height) / -2);background:var(--tui-bg);border:2px solid var(--tui-line-strong);pointer-events:none}body.tui .deck-stack-layer:nth-child(1){transform:translate(12px,12px);z-index:0}body.tui .deck-stack-layer:nth-child(2){transform:translate(6px,6px);z-index:1}body.tui .deck-stack-layer:nth-child(3){transform:translate(3px,3px);z-index:2}body.tui .deck-current-card{position:absolute;left:50%;top:50%;width:var(--deck-card-width);height:var(--deck-card-height);margin-left:calc(var(--deck-card-width) / -2);margin-top:calc(var(--deck-card-height) / -2);z-index:4;transition:transform .35s ease-in-out}body.tui .deck-current-card.slide-off-left{transform:translate(-120%);transition:transform .35s ease-in-out!important}body.tui .deck-current-card.slide-off-right{transform:translate(120%);transition:transform .35s ease-in-out!important}body.tui .deck-current-card.deck-card-on-top.slide-off-left{transform:translate(-120%);transition:transform .35s ease-in-out}body.tui .deck-current-card.deck-card-on-top.slide-off-right{transform:translate(120%);transition:transform .35s ease-in-out}body.tui .deck-current-card.deck-card-under{transform:translate(0) rotateY(180deg);transition:none;z-index:3;transform-style:preserve-3d}body.tui .deck-current-card.flip-in-from-left,body.tui .deck-current-card.flip-in-from-right{transform:rotateY(180deg);transition:none;transform-style:preserve-3d}body.tui .deck-current-card.flip-in-from-right{transform:rotateY(-180deg)}body.tui .deck-current-card.flip-in-done{transform:rotateY(0);transition:transform .45s ease-out}body.tui .deck-current-card.deck-card-on-top{transform:rotateY(0);transition:none;z-index:4}body.tui .deck-current-card .deck-card-face{position:absolute;inset:0}body.tui .deck-current-card .deck-card-face,body.tui .deck-current-card .deck-card-back{backface-visibility:hidden;-webkit-backface-visibility:hidden}body.tui .deck-current-card .deck-card-back{position:absolute;inset:0;transform:rotateY(180deg);background:var(--tui-bg);border:2px solid var(--tui-line-strong);display:flex;align-items:center;justify-content:center}body.tui .deck-current-card .deck-card-back:after{content:"";width:60%;height:70%;border:2px solid var(--tui-muted);opacity:.5}body.tui .deck-reveal-card{position:absolute;left:50%;top:50%;width:var(--deck-card-width);height:var(--deck-card-height);margin-left:calc(var(--deck-card-width) / -2);margin-top:calc(var(--deck-card-height) / -2);z-index:3;transform-style:preserve-3d;perspective:1200px;transform:rotateY(180deg);transition:none}body.tui .deck-reveal-card.flip-in-from-left,body.tui .deck-reveal-card.flip-in-from-right{transform:rotateY(180deg);transition:none}body.tui .deck-reveal-card.flip-in-from-right{transform:rotateY(-180deg)}body.tui .deck-reveal-card.flip-in-done{transform:rotateY(0);transition:transform .45s ease-out}body.tui .deck-reveal-card.deck-card-on-top{transform:rotateY(0);transition:none;z-index:4}body.tui .deck-reveal-card.slide-off-left{transform:translate(-120%);transition:transform .35s ease-in-out!important}body.tui .deck-reveal-card.slide-off-right{transform:translate(120%);transition:transform .35s ease-in-out!important}body.tui .deck-reveal-card.deck-card-on-top.slide-off-left{transform:translate(-120%);transition:transform .35s ease-in-out}body.tui .deck-reveal-card.deck-card-on-top.slide-off-right{transform:translate(120%);transition:transform .35s ease-in-out}body.tui .deck-reveal-card.deck-card-under{transform:translate(0) rotateY(180deg);transition:none;z-index:3}body.tui .deck-reveal-card.deck-card-under.flip-in-from-left,body.tui .deck-reveal-card.deck-card-under.flip-in-from-right{transform:rotateY(180deg);transition:none}body.tui .deck-reveal-card.deck-card-under.flip-in-from-right{transform:rotateY(-180deg)}body.tui .deck-reveal-card.deck-card-under.flip-in-done{transform:rotateY(0);transition:transform .45s ease-out}body.tui .deck-reveal-card.deck-exhausted{visibility:hidden;pointer-events:none}body.tui .deck-reveal-card .deck-card-face,body.tui .deck-reveal-card .deck-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}body.tui .deck-reveal-card .deck-card-back{transform:rotateY(180deg);background:var(--tui-bg);border:2px solid var(--tui-line-strong);display:flex;align-items:center;justify-content:center}body.tui .deck-reveal-card .deck-card-back:after{content:"";width:60%;height:70%;border:2px solid var(--tui-muted);opacity:.5}body.tui .deck-card-face{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--tui-gap);cursor:pointer;color:inherit}body.tui .deck-card-face:hover{color:var(--tui-cyan)}body.tui .deck-card-face:focus-visible{outline:2px solid var(--tui-cyan);outline-offset:2px}body.tui .deck-card-art{width:100%;flex:1;min-height:0}body.tui .deck-card-art svg{width:100%;height:100%;display:block}body.tui .deck-card-name{font-weight:700;text-align:center;max-width:100%}body.tui .tarot-spread{flex-direction:column;align-items:stretch;gap:var(--tui-gap)}body.tui .tarot-card-slot{width:100%;flex:0 0 auto;min-height:85vh;min-height:85dvh;box-sizing:border-box;justify-content:center}body.tui .tarot-card-slot .hint{overflow-wrap:break-word;word-wrap:break-word;min-width:0}body.tui .tarot-card-slot:hover{border-color:var(--tui-cyan)!important}body.tui .tarot-card-slot:focus-visible{outline:2px solid var(--tui-cyan);outline-offset:2px}@media(min-width:640px){body.tui .tarot-spread{flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:var(--tui-gap-lg)}body.tui .tarot-card-slot{flex:1 1 0;min-width:0;width:auto;min-height:0}}body.tui .reading-modal-options{display:flex;flex-direction:column;gap:var(--tui-gap);align-items:stretch}body.tui .reading-modal-options .spread-option{flex-direction:column;align-items:flex-start;text-align:left}@media(min-width:640px){body.tui .reading-modal-options{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch}body.tui .reading-modal-options .spread-option{min-width:160px}}
