.app{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr;align-items:stretch;gap:clamp(.5rem,2vh,1.25rem);padding:clamp(.75rem,2.5vh,1.5rem) 1rem;padding-top:max(clamp(.75rem,2.5vh,1.5rem),var(--tg-content-safe-area-inset-top, 0px));padding-bottom:max(clamp(.75rem,2vh,1.25rem),calc(.75rem + var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))));text-align:center}.app__header{display:flex;flex-direction:column;gap:.25rem}.app__title{margin:0;font-size:clamp(1.5rem,1.1rem + 2.2vw,2.1rem);font-weight:700;letter-spacing:.02em;background:linear-gradient(180deg,#fff6df 0%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 24px rgba(232,176,75,.25)}.app__subtitle{margin:0;color:var(--text-muted);font-size:clamp(.88rem,.82rem + .35vw,1rem);letter-spacing:.01em}.app__main{width:100%;max-width:920px;margin:0 auto;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;gap:clamp(.75rem,2vh,1.5rem)}.app__greeting{margin:0;color:var(--text-muted);font-size:.85rem;opacity:.7}.stage{width:100%;min-height:clamp(220px,40vh,360px);display:flex;align-items:center;justify-content:center;perspective:1200px;-webkit-perspective:1200px}.deck-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background-color:#1a103d;background-image:radial-gradient(ellipse 38% 22% at 50% 50%,#ffe9a852,#ffe9a800 70%),radial-gradient(ellipse 70% 90% at 50% 50%,#ffffff0f,#fff0 60%),linear-gradient(135deg,#2b1c5e,#1a103d,#110a2a);border:1.5px solid rgba(232,176,75,.55);box-shadow:inset 0 0 0 1px #ffe9a82e,inset 0 0 24px #00000073,0 14px 28px #00000080}.deck-card:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:8px;border:1px solid rgba(232,176,75,.32);pointer-events:none}.deck-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:38%;height:38%;border-radius:50%;background:conic-gradient(from 0deg,#e8b04b73,#e8b04b0d 25%,#e8b04b73,#e8b04b0d,#e8b04b73);-webkit-mask:radial-gradient(circle,transparent 38%,#000 39%,#000 60%,transparent 61%);mask:radial-gradient(circle,transparent 38%,#000 39%,#000 60%,transparent 61%);opacity:.55;pointer-events:none}.deck-card--inset{position:absolute;top:0;right:0;bottom:0;left:0}.deck{display:flex;align-items:center;justify-content:center}.deck__stack{position:relative;width:clamp(110px,22vw,150px);height:clamp(180px,36vw,246px);transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.deck--idle .deck__stack{animation:deck-breathe 3.6s ease-in-out infinite}.deck--idle .deck-card{transform:translate(calc((var(--i) - (var(--total) - 1) / 2) * 2px),calc((var(--i) - (var(--total) - 1) / 2) * 1.5px)) rotate(calc((var(--i) - (var(--total) - 1) / 2) * 1.2deg))}@keyframes deck-breathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.025) translateY(-2px)}}.deck--shuffle .deck__stack{animation:deck-lift 1.8s ease-in-out 1 forwards}@keyframes deck-lift{0%{transform:translateY(0) scale(1)}18%{transform:translateY(-14px) scale(1.04)}60%{transform:translateY(-8px) scale(1.02) rotate(-1deg)}to{transform:translateY(0) scale(1) rotate(0)}}.deck--shuffle .deck-card{--angle: calc((var(--i) - (var(--total) - 1) / 2) * 14deg);--spread-x: calc((var(--i) - (var(--total) - 1) / 2) * 22px);transform-origin:50% 90%;animation:card-fan 1.8s cubic-bezier(.22,1,.36,1) 1 forwards;animation-delay:calc(var(--i) * 30ms)}@keyframes card-fan{0%{transform:translate(0) translateY(0) rotate(0) scale(1);opacity:1}22%{transform:translate(0) translateY(-10px) rotate(0) scale(1.02)}45%{transform:translate(var(--spread-x)) translateY(-6px) rotate(var(--angle)) scale(1)}70%{transform:translate(calc(var(--spread-x) * .6)) translateY(-4px) rotate(calc(var(--angle) * .4)) rotateY(140deg) scale(.96);opacity:.85}to{transform:translate(0) translateY(0) rotate(0) rotateY(0) scale(1);opacity:1}}.spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;justify-items:center;gap:clamp(.5rem,2vw,1.25rem);width:100%;max-width:460px;perspective:1100px;-webkit-perspective:1100px}.tarot-card{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;max-width:140px;opacity:0;animation:card-appear .22s ease-out forwards;animation-delay:var(--delay, 0s);transition:transform .32s cubic-bezier(.22,1,.36,1);position:relative}.tarot-card:focus-visible{outline:none}.tarot-card:focus-visible .tarot-card__flipper{box-shadow:0 0 0 2px #0b0818,0 0 0 4px var(--gold-soft)}.tarot-card__position{font-size:.72rem;letter-spacing:.16em;color:var(--text-muted);opacity:.7;font-weight:600;text-transform:uppercase}.tarot-card__flipper{position:relative;width:100%;aspect-ratio:600 / 1024;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;border-radius:12px}.tarot-card__flipper--flipped{transform:rotateY(0)}.tarot-card__flipper--flipping{animation:card-flip .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(.22s + var(--i) * .16s)}@keyframes card-appear{to{opacity:1}}@keyframes card-flip{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(90deg) scale(1.05)}to{transform:rotateY(0) scale(1)}}.tarot-card__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;background:#15102b}.tarot-card__back{transform:rotateY(180deg)}.tarot-card__image{width:100%;height:100%;object-fit:cover;display:block}.tarot-card__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.75rem;text-align:center;background:linear-gradient(135deg,#2b1c5e,#1a103d);border:1px solid rgba(232,176,75,.4);border-radius:12px}.tarot-card__fallback-name{font-weight:700;color:var(--text);font-size:.95rem;line-height:1.2}.tarot-card__caption{font-size:clamp(.78rem,.72rem + .25vw,.95rem);font-weight:600;color:#f3ecff;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color .25s ease,text-shadow .25s ease}@media (hover: hover){.tarot-card:hover .tarot-card__flipper--flipped{transform:rotateY(0) translateY(-4px) scale(1.02)}}.tarot-card--selected{z-index:2}.tarot-card--selected .tarot-card__flipper--flipped{transform:rotateY(0) translateY(-10px) scale(1.06) rotateX(4deg);box-shadow:0 18px 38px #0000008c,0 0 0 1.5px var(--gold),0 0 24px #e8b04b8c}.tarot-card--selected .tarot-card__caption{color:var(--gold-soft);text-shadow:0 0 12px rgba(232,176,75,.5)}.tarot-card--selected .tarot-card__position{color:var(--gold);opacity:1}.draw-button{font:inherit;font-size:clamp(1rem,.92rem + .6vw,1.2rem);font-weight:600;letter-spacing:.02em;color:#2a1a08;background:linear-gradient(135deg,#f9dd8c 0%,var(--gold) 55%,#cf8f33 100%);border:none;border-radius:999px;padding:.85em 2.2em;min-height:48px;cursor:pointer;box-shadow:0 12px 28px #e8b04b4d,inset 0 1px #ffffff73;transition:transform .18s ease,box-shadow .25s ease,filter .2s ease}.draw-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 36px #e8b04b6b,inset 0 1px #ffffff8c}.draw-button:focus-visible{outline:3px solid var(--gold-soft);outline-offset:3px}.draw-button:active:not(:disabled){transform:translateY(0)}.draw-button:disabled{cursor:not-allowed;filter:grayscale(.45) brightness(.82);opacity:.75;box-shadow:none}.actions{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:stretch;gap:.6rem}.actions__row{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%}.action{font:inherit;font-size:clamp(.92rem,.88rem + .3vw,1.05rem);font-weight:600;border:none;border-radius:999px;padding:.75em 1.4em;min-height:44px;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,filter .2s ease,opacity .2s ease;flex:1 1 0;min-width:0}.action:focus-visible{outline:3px solid var(--gold-soft);outline-offset:3px}.action:disabled{cursor:not-allowed;filter:grayscale(.4) brightness(.85);opacity:.7}.action--primary{color:#2a1a08;background:linear-gradient(135deg,#f9dd8c 0%,var(--gold) 55%,#cf8f33 100%);box-shadow:0 10px 24px #e8b04b4d}.action--primary:hover:not(:disabled){transform:translateY(-2px)}.action--ghost{background:transparent;color:var(--text-muted);border:1px solid rgba(255,255,255,.22);font-weight:500;box-shadow:none}.action--ghost:hover:not(:disabled){color:var(--text);border-color:#fff6}.actions__error{margin:0;color:#ffd9d9;font-size:.88rem}.actions__hint{margin:0;color:var(--text-muted);font-size:.85rem;line-height:1.35;opacity:.85}.actions__hint b{color:var(--gold-soft);font-weight:600}.notice{width:100%;max-width:460px;padding:.85rem 1.1rem;border-radius:12px;font-size:.9rem;text-align:left}.notice--error{background:#e55a5a24;border:1px solid rgba(229,90,90,.5);color:#ffd9d9}.notice--warn{background:#e8b04b1f;border:1px solid rgba(232,176,75,.4);color:#f6e8c8}.notice__title{margin:0 0 .25rem;font-weight:700}.notice__text{margin:0}.notice__details{margin-top:.5rem}.notice__details summary{cursor:pointer;-webkit-user-select:none;user-select:none}.notice__list{margin:.5rem 0 0;padding-left:1.2rem}.notice__en{color:var(--text-muted)}@media (max-width: 360px){.spread{gap:.4rem}.tarot-card__position{font-size:.66rem}.tarot-card__caption{font-size:.72rem}}@media (prefers-reduced-motion: reduce){.deck--idle .deck__stack,.deck--shuffle .deck__stack,.deck--shuffle .deck-card{animation:none}.tarot-card{animation:none;opacity:1;transform:none}.tarot-card__flipper--flipping,.tarot-card__flipper--flipped{transform:rotateY(0);animation:none;transition:opacity .3s ease}.tarot-card--selected .tarot-card__flipper--flipped{transform:translateY(-4px) scale(1.03)}}:root{color-scheme:dark;--bg-bottom: #070512;--gold: #e8b04b;--gold-soft: #ffe9a8;--text: #ece6ff;--text-muted: #b9aee0;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background-color:var(--bg-bottom);background-image:radial-gradient(1100px 760px at 50% -12%,#2c1c57,#2c1c5700 60%),radial-gradient(820px 560px at 82% 18%,#1d1342,#1d134200 55%),radial-gradient(760px 560px at 12% 82%,#1a1338,#1a133800 55%),linear-gradient(180deg,#0b0818 0%,var(--bg-bottom) 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(1.5px 1.5px at 15% 20%,rgba(255,255,255,.55),transparent),radial-gradient(1.5px 1.5px at 72% 14%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 48% 42%,rgba(255,255,255,.45),transparent),radial-gradient(1.5px 1.5px at 30% 72%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 86% 62%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 64% 84%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 90% 38%,rgba(255,255,255,.4),transparent)}#root{display:flex;flex-direction:column}