*,:before,:after{box-sizing:border-box}:root{--bg:#1a1625;--text-primary:#f0ebe3;--text-muted:#a89bb8}html{font-size:16px}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Manrope,system-ui,sans-serif;font-weight:400}#root{min-height:100dvh}button{font-family:inherit}.app{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.ambient{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.ambient-1{background:#8b7cb02e;width:500px;height:500px;top:-150px;right:-100px}.ambient-2{background:#4a7c8c26;width:400px;height:400px;bottom:-100px;left:-80px}.header{z-index:1;text-align:center;padding:2rem 1.5rem 0;position:relative}.logo{letter-spacing:.12em;color:var(--text-primary);margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;font-weight:400}.main{z-index:1;flex:1;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex;position:relative}.main--spread{align-items:stretch;padding-bottom:.5rem;overflow:hidden}.welcome{text-align:center;max-width:480px;animation:.8s fadeIn}.welcome-lead{color:var(--text-primary);margin:0 0 1.25rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.6rem;line-height:1.5}.welcome-hint{color:var(--text-muted);margin:0 0 2rem;font-size:.95rem;font-weight:300;line-height:1.7}.welcome-actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}.btn{letter-spacing:.04em;cursor:pointer;border:none;border-radius:999px;padding:.85rem 2rem;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:500;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{color:#faf8f5;background:linear-gradient(135deg,#8b7cb0,#6b5b8a);box-shadow:0 4px 24px #8b7cb059}.btn-primary:hover{box-shadow:0 6px 32px #8b7cb080}.btn-secondary{color:var(--text-primary);background:#8b7cb033;border:1px solid #8b7cb059}.btn-secondary:hover{background:#8b7cb04d}.btn-ghost{color:var(--text-muted);background:0 0;padding:.85rem 1.5rem}.btn-ghost:hover{color:var(--text-primary)}.playing-card{aspect-ratio:300/420;perspective:1000px;width:min(260px,70vw)}.playing-card--compact{aspect-ratio:300/420;width:108px}.card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:12px;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 32px #00000040,0 2px 8px #00000026}.playing-card.face-down .card-inner{transform:rotateY(180deg)}.playing-card.face-up .card-inner{transform:rotateY(0)}.card-face{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0;overflow:hidden}.card-front svg,.card-back svg,.card-art{width:100%;height:100%;display:block}.card-art{object-fit:cover}.card-back{transform:rotateY(180deg)}.shuffle-area{text-align:center;animation:.4s fadeIn}.shuffle-text{color:var(--text-muted);margin:0 0 2rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.3rem;font-style:italic;animation:1.2s ease-in-out infinite pulse}.shuffle-deck{aspect-ratio:300/420;width:min(260px,70vw);margin:0 auto;position:relative}.shuffle-card{animation:2.4s ease-in-out forwards shuffleMove;animation-delay:calc(var(--i) * 80ms);position:absolute;inset:0}.shuffle-card-0{--offset-x:-30px;--offset-y:-10px;--rotate:-12deg}.shuffle-card-1{--offset-x:20px;--offset-y:-20px;--rotate:8deg}.shuffle-card-2{--offset-x:-15px;--offset-y:15px;--rotate:-5deg}.shuffle-card-3{--offset-x:25px;--offset-y:10px;--rotate:15deg}.shuffle-card-4{--offset-x:0px;--offset-y:0px;--rotate:0deg}@keyframes shuffleMove{0%{opacity:1;transform:translate(0)rotate(0)}20%{transform:translate(var(--offset-x), var(--offset-y)) rotate(var(--rotate))}40%{transform:translate(calc(var(--offset-x) * -.5), calc(var(--offset-y) * 1.5)) rotate(calc(var(--rotate) * -1.5))}60%{transform:translate(calc(var(--offset-x) * 1.2), calc(var(--offset-y) * -.8)) rotate(calc(var(--rotate) * 2))}80%{transform:translateY(-30px)rotate(0)scale(1.05)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.reveal-area{flex-direction:column;align-items:center;gap:1.75rem;animation:.6s fadeIn;display:flex}.revealed-card{animation:1s cubic-bezier(.34,1.56,.64,1) forwards cardReveal}@keyframes cardReveal{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.reveal-prompt{color:var(--text-muted);text-align:center;max-width:360px;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;font-style:italic;line-height:1.5}.reveal-actions{flex-direction:column;align-items:center;gap:.5rem;display:flex}.spread-area{width:100%;max-width:900px;animation:.4s fadeIn}.spread-hint{color:var(--text-muted);text-align:center;margin:0 0 .75rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.2rem;font-style:italic}.scatter-area{max-width:min(960px,100%)}.scatter-table{touch-action:none;background:radial-gradient(#ffffff0a,#0000 70%),#0000001f;border-radius:16px;width:100%;height:min(70dvh,620px);min-height:360px;margin:0 auto;position:relative;overflow:hidden}.scatter-card-slot{width:var(--card-w,88px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:left, top, transform;transition:left .75s cubic-bezier(.14,.82,.22,1),top .75s cubic-bezier(.14,.82,.22,1),transform .75s cubic-bezier(.14,.82,.22,1);position:absolute}.scatter-card-slot.is-dragging{transition:none}.scatter-card-slot:active{cursor:grabbing}.scatter-card-slot:hover{filter:brightness(1.08)}.scatter-card-slot .playing-card,.spread-card-slot .playing-card{pointer-events:none}.spread-table{touch-action:none;width:100%;min-height:340px;margin:0 auto;position:relative}.spread-card-slot{margin-left:calc(var(--card-w,108px) / -2);margin-top:calc(var(--card-h,151px) * -1);width:var(--card-w,108px);transform-origin:bottom;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%}.footer{z-index:1;text-align:center;color:var(--text-muted);opacity:.5;letter-spacing:.06em;padding:1.5rem;font-size:.75rem;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.header--app{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1.5rem 0;display:flex}.header-nav{flex-wrap:wrap;gap:.75rem;display:flex}.nav-link{color:var(--text-muted);cursor:pointer;font:inherit;letter-spacing:.04em;background:0 0;border:none;padding:.25rem 0;font-size:.85rem}.nav-link:hover{color:var(--text-primary)}.limit-chip{color:var(--text-muted);letter-spacing:.04em;margin:0;font-size:.75rem}.banner{z-index:2;max-width:480px;color:var(--text-primary);text-align:center;background:#8b7cb033;border-radius:12px;margin:0 auto 1rem;padding:.75rem 1rem;font-size:.9rem;position:relative}.banner p{margin:0 0 .5rem}.banner .btn{margin-top:.25rem}.banner.ok{background:#4a7c8c40}.page{z-index:1;max-width:880px;min-height:100dvh;margin:0 auto;padding:2rem 1.5rem 3rem;position:relative}.page-header{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}.page-header h1{letter-spacing:.06em;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;font-weight:400}.muted{color:var(--text-muted);font-size:.9rem}.landing{min-height:100dvh;padding:2rem 1.5rem 3rem;position:relative;overflow:hidden}.landing-top{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.logo--hero{font-size:clamp(2.4rem,8vw,3.6rem)}.landing-hero{z-index:1;text-align:center;max-width:560px;margin:18vh auto 4rem;position:relative}.landing-tagline{margin:0 0 1rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.45}.landing-lead{color:var(--text-muted);margin:0 0 2rem;font-weight:300;line-height:1.7}.landing-steps{z-index:1;max-width:560px;margin:0 auto 3rem;position:relative}.landing-steps h2{letter-spacing:.06em;font-family:Cormorant Garamond,Georgia,serif;font-weight:400}.landing-steps ol{color:var(--text-muted);padding-left:1.2rem;line-height:1.6}.landing-steps li{margin-bottom:1rem}.landing-steps strong{color:var(--text-primary)}.landing-disclaimer{z-index:1;max-width:520px;color:var(--text-muted);opacity:.8;text-align:center;margin:0 auto 2rem;font-size:.8rem;line-height:1.6;position:relative}.landing-footer{z-index:1;justify-content:center;gap:1.5rem;display:flex;position:relative}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.deck-card{background:#ffffff0a;border:1px solid #a89bb82e;border-radius:16px;padding:1.25rem}.deck-card h2{margin:0 0 .5rem;font-family:Cormorant Garamond,Georgia,serif;font-weight:400}.deck-card.locked{opacity:.85}.deck-preview-wrap{aspect-ratio:2/3;background:#00000040;border-radius:10px;width:100%;max-height:180px;margin:0 auto .85rem;position:relative;overflow:hidden}.deck-preview{object-fit:cover;width:100%;height:100%;display:block}.deck-lock-badge{letter-spacing:.04em;color:#f2ebe3;background:#0000008c;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;position:absolute;bottom:.5rem;right:.5rem}.paywall-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.how-list{color:var(--text-muted);line-height:1.7}.how-list strong{color:var(--text-primary)}.how-examples-lead{color:var(--text-muted);margin:0 0 1rem;line-height:1.6}.how-examples{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.how-example{border-top:1px solid color-mix(in srgb, var(--text-muted) 28%, transparent);padding:1rem 0}.how-example:first-child{border-top:none;padding-top:0}.how-example h3{color:var(--text-primary);margin:0 0 .65rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;font-weight:600}.how-example p{color:var(--text-muted);margin:0 0 .55rem;line-height:1.65}.how-example p:last-child{margin-bottom:0}.how-example strong{color:var(--text-primary)}.spread3-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.spread3-item{text-align:center}.spread3-label{color:var(--text-muted);margin:0 0 .5rem;font-family:Cormorant Garamond,Georgia,serif;font-style:italic}.onboarding{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.onboarding-step{color:var(--text-muted);letter-spacing:.12em;font-size:.8rem}.footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-shell{background:radial-gradient(ellipse 80% 50% at 10% 0%, #8b7aa81f, transparent 55%), radial-gradient(ellipse 60% 40% at 90% 100%, #c4a8e814, transparent 50%), var(--bg);grid-template-columns:240px 1fr;min-height:100dvh;display:grid}.admin-sidebar{background:#0000002e;border-right:1px solid #ffffff0f;flex-direction:column;gap:1rem;height:100dvh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.admin-sidebar__brand{border-bottom:1px solid #ffffff0f;padding:0 .35rem .75rem}.admin-sidebar__title{letter-spacing:.02em;margin:.35rem 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.75rem;font-weight:500}.admin-sidebar__nav{flex-direction:column;flex:1;gap:.2rem;display:flex;overflow-y:auto}.admin-nav-item{text-align:left;width:100%;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.65rem;padding:.55rem .75rem;font-size:.88rem;transition:background .15s,color .15s;display:flex}.admin-nav-item:hover{color:var(--text-primary);background:#ffffff0d}.admin-nav-item--active{color:var(--text-primary);box-shadow:inset 3px 0 0 var(--kpi-accent,#a78bdb);background:#c4a8e824}.admin-nav-item__icon{text-align:center;flex-shrink:0;width:1.25rem}.admin-sidebar__foot{border-top:1px solid #ffffff0f;flex-direction:column;gap:.5rem;padding-top:.75rem;display:flex}.admin-sidebar__btn{justify-content:center;width:100%}.admin-main{max-width:1100px;padding:1.5rem 1.75rem 2.5rem}.admin-main__head{margin-bottom:1.5rem}.admin-main__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.72rem}.admin-main__title{margin:.15rem 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;font-weight:500}.admin-banner{margin-bottom:1rem}.admin-content{transition:opacity .2s;position:relative}.admin-content--refreshing{opacity:.55;pointer-events:none}.admin-content--refreshing:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23c4a8e8' stroke-width='2' stroke-dasharray='32' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") 50% 3rem no-repeat;position:absolute;inset:0}.admin-dashboard,.admin-stack{flex-direction:column;gap:1.25rem;display:flex}.admin-kpi-row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.admin-kpi-row--hero .admin-kpi-card__value{font-size:2rem}.admin-kpi-row--single{grid-template-columns:minmax(200px,320px)}.admin-kpi-card{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:16px;padding:1rem 1.1rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}.admin-kpi-card:before{content:"";background:var(--kpi-accent,#a78bdb);height:3px;position:absolute;top:0;left:0;right:0}.admin-kpi-card:after{content:"";background:radial-gradient(circle at 100% 0%, var(--kpi-glow,transparent), transparent 55%);pointer-events:none;position:absolute;inset:0}.admin-kpi-card__top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.admin-kpi-card__icon{color:var(--kpi-accent);opacity:.9;font-size:.75rem}.admin-kpi-card__delta{color:#9edfc4;background:#7ec9a826;border-radius:999px;padding:.15rem .45rem;font-size:.7rem}.admin-kpi-card__value{letter-spacing:-.02em;font-size:1.65rem;font-weight:500;line-height:1.1}.admin-kpi-card__label{color:var(--text-muted);margin-top:.35rem;font-size:.8rem}.admin-kpi-card__hint{color:#a89bb8d9;margin-top:.2rem;font-size:.72rem}.admin-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:1.15rem 1.25rem;box-shadow:0 4px 24px #0000001a}.admin-panel__head{margin-bottom:1rem}.admin-panel__title{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.35rem;font-weight:500}.admin-panel__sub{margin:.25rem 0 0;font-size:.82rem}.admin-grid-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.admin-grid-2--tight{gap:1rem;margin-top:1rem}.admin-grid-span-2{grid-column:1/-1}.admin-area-chart__meta{color:var(--text-muted);flex-wrap:wrap;gap:1.25rem;margin-bottom:.85rem;font-size:.82rem;display:flex}.admin-area-chart__meta strong{color:var(--text-primary);font-weight:500}.admin-area-chart__svg{background:#00000026;border-radius:12px;width:100%;display:block}.admin-area-chart__grid{stroke:#ffffff0f;stroke-width:.15px}.admin-area-chart__line{fill:none;stroke:#c4a8e8;stroke-width:.6px;stroke-linejoin:round;stroke-linecap:round}.admin-area-chart__dot{fill:#e8dcf8}.admin-area-chart__axis{color:var(--text-muted);justify-content:space-between;margin-top:.5rem;padding:0 .25rem;font-size:.7rem;display:flex}.admin-rank{flex-direction:column;gap:.65rem;display:flex}.admin-rank__row{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;font-size:.85rem;display:grid}.admin-rank__label{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);overflow:hidden}.admin-rank__track{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.admin-rank__fill{background:linear-gradient(90deg,#7a6a94,#c4a8e8);border-radius:999px;min-width:4px;height:100%;transition:width .4s}.admin-rank__val{text-align:right;font-variant-numeric:tabular-nums;min-width:2rem;color:var(--text-muted)}.admin-stat-row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.admin-stat-row__item{text-align:center;background:#00000026;border-radius:12px;padding:.75rem}.admin-stat-row__val{font-size:1.4rem;font-weight:500;display:block}.admin-stat-row__label{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.admin-badge{background:#ffffff12;border:1px solid #ffffff14;border-radius:6px;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.admin-badge--ok{color:#9edfc4;background:#7ec9a81f;border-color:#7ec9a840}.admin-badge--warn{color:#e8c4a0;background:#d49a781f;border-color:#d49a7840}.admin-loading{color:var(--text-muted);align-items:center;gap:.75rem;padding:2rem;font-size:.9rem;display:flex}.admin-loading__spinner{border:2px solid #ffffff26;border-top-color:#c4a8e8;border-radius:50%;width:1.25rem;height:1.25rem;animation:.7s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-empty{text-align:center;padding:1.5rem}.admin-h3{margin:0 0 .5rem;font-size:.95rem;font-weight:500}.admin-table-wrap{border:1px solid #ffffff0f;border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.84rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:.65rem .85rem}.admin-table thead th{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;background:#1a1625f2;font-size:.75rem;font-weight:500;position:sticky;top:0}.admin-table tbody tr:nth-child(2n){background:#ffffff05}.admin-table__click{cursor:pointer;transition:background .12s}.admin-table__click:hover{background:#c4a8e814!important}.admin-table__time{white-space:nowrap;color:var(--text-muted);font-size:.8rem}.admin-input,.admin-textarea{width:100%;color:var(--text-primary);font:inherit;background:#00000047;border:1px solid #ffffff1a;border-radius:10px;padding:.55rem .8rem;transition:border-color .15s}.admin-input:focus,.admin-textarea:focus{border-color:#c4a8e873;outline:none}.admin-input--grow{flex:1;max-width:none}.admin-textarea{resize:vertical;min-height:4.5rem}.admin-shell--login{grid-template-columns:unset;justify-content:center;align-items:center;min-height:100dvh;display:flex}.admin-login-wrap{width:100%;max-width:400px;padding:1.5rem}.admin-login__back{margin-bottom:1rem}.admin-login__title{margin:.25rem 0 .5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;font-weight:500}.admin-login__hint{margin:0 0 .5rem;font-size:.85rem}.admin-login{background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:.85rem;padding:1.75rem;display:flex;box-shadow:0 16px 48px #0003}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.admin-pager{justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.admin-list{margin:0;padding:0;font-size:.85rem;list-style:none}.admin-list li{border-bottom:1px solid #ffffff0a;padding:.45rem 0}.admin-list--cards li{background:#0000001f;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;gap:1rem;margin-bottom:.35rem;padding:.65rem .75rem;display:flex}.admin-list--mono{max-height:280px;font-family:ui-monospace,monospace;font-size:.75rem;overflow-y:auto}.admin-user-meta{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;display:flex}.admin-status{border-radius:14px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem 1.1rem;display:flex}.admin-status__row{align-items:center;gap:.65rem;display:flex}.admin-status__meta{margin:0;font-size:.82rem;line-height:1.5}.admin-status--running{background:#50b4781a;border:1px solid #50b47833}.admin-status--stopped{background:#c864641a;border:1px solid #c8646433}.admin-check,.admin-field{flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.admin-deck-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.65rem;display:grid}.admin-deck-chip{background:#0000002e;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.15rem;padding:.75rem .9rem;font-size:.82rem;display:flex}.admin-error{color:#e8a0a0;margin:0;font-size:.82rem}.admin-log--error{color:#e8a0a0}.admin-mono{font-family:ui-monospace,monospace;font-size:.78rem}@media (width<=960px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-bottom:1px solid #ffffff0f;border-right:none;height:auto;position:relative}.admin-sidebar__nav{flex-flow:wrap}.admin-nav-item{flex:auto;justify-content:center;width:auto;min-width:7rem}.admin-kpi-row,.admin-stat-row{grid-template-columns:repeat(2,1fr)}.admin-grid-2{grid-template-columns:1fr}.admin-main{padding:1.25rem 1rem 2rem}}@media (width<=520px){.admin-kpi-row,.admin-stat-row{grid-template-columns:1fr}}