.sp{--sp-primary: var(--primary);--sp-light: var(--light);--sp-dim: var(--dim);position:relative;width:100%;max-width:1100px;margin:0 auto;padding:24px 24px 80px}.sp-bgc{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.sp-phase{margin:0 auto}.sp-narrow{max-width:520px}.sp-home-link{display:inline-block;margin-bottom:10px;padding:8px 12px;color:var(--sp-dim);font-size:13.5px;letter-spacing:.4px;border-radius:10px;transition:color .15s ease,background .15s ease}.sp-home-link:hover{color:var(--sp-light);background:color-mix(in srgb,var(--sp-primary) 10%,transparent)}.sp-center{text-align:center;max-width:460px;padding:48px 4px}.sp-glow{max-width:520px;margin-top:24px;padding:28px;text-align:center;border-radius:22px;border:1.2px solid color-mix(in srgb,var(--sp-primary) 50%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--sp-primary) 13%,black),color-mix(in srgb,var(--sp-primary) 5%,black));animation:sp-glow-pulse 4.8s ease-in-out infinite}@keyframes sp-glow-pulse{0%,to{box-shadow:0 0 40px 3px color-mix(in srgb,var(--sp-primary) 10%,transparent)}50%{box-shadow:0 0 40px 3px color-mix(in srgb,var(--sp-primary) 28%,transparent)}}.sp-eyebrow{color:var(--sp-dim);font-size:11px;font-weight:700;letter-spacing:2.8px;margin:0 0 20px}.sp-title{color:var(--sp-light);font-size:28px;font-weight:700;letter-spacing:.8px;line-height:1.3;margin:0 0 20px;font-family:var(--font-body)}.sp-divider{display:flex;align-items:center;margin:0 0 20px}.sp-divider span{color:color-mix(in srgb,var(--sp-primary) 55%,transparent);font-size:10px}.sp-divider i{flex:1;height:1px;margin:0 10px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--sp-primary) 40%,transparent),transparent)}.sp-lede{color:var(--sp-dim);font-size:15px;line-height:1.7;letter-spacing:.2px;margin:0 0 24px;text-align:center}.sp-expect{padding:14px 16px;margin-bottom:28px;text-align:left;background:#0006;border:1px solid color-mix(in srgb,var(--sp-primary) 40%,transparent);border-radius:12px}.sp-expect-head{color:var(--sp-primary);font-size:10px;font-weight:700;letter-spacing:2.4px;margin:0 0 10px}.sp-expect-body{color:color-mix(in srgb,var(--sp-dim) 85%,transparent);font-size:14px;line-height:1.65;letter-spacing:.2px;margin:0}.sp-btn-outline{display:block;width:100%;padding:16px 24px;background:#00000085;cursor:pointer;border:1.2px solid color-mix(in srgb,var(--sp-primary) 70%,transparent);border-radius:13px;color:var(--sp-light);font-size:16px;font-weight:700;letter-spacing:1.2px;font-family:var(--font-body);transition:background .15s ease,border-color .15s ease}.sp-btn-outline:hover{background:color-mix(in srgb,var(--sp-primary) 14%,transparent);border-color:var(--sp-primary)}#sp-question{padding-top:40px;text-align:center}.sp-ask{color:var(--sp-light);font-size:28px;font-weight:700;margin:0 0 36px;font-family:var(--font-body)}.sp-form{display:flex;flex-direction:column;gap:20px}.sp-form textarea{width:100%;resize:vertical;min-height:96px;padding:18px 20px;border-radius:20px;background:color-mix(in srgb,var(--sp-primary) 8%,black);border:1px solid var(--sp-primary);color:var(--sp-light);font-size:18px;text-align:center;font-family:var(--font-body);line-height:1.5}.sp-form textarea::placeholder{color:color-mix(in srgb,var(--sp-dim) 50%,transparent);font-size:15px}.sp-form textarea:focus{outline:none;border:2px solid var(--sp-light)}.sp-modes{display:flex;gap:12px}.sp-mode{flex:1;padding:12px;cursor:pointer;background:color-mix(in srgb,var(--sp-primary) 5%,black);border:1px solid color-mix(in srgb,var(--sp-primary) 35%,transparent);border-radius:16px;font-family:var(--font-body);transition:background .2s ease,border-color .2s ease}.sp-mode strong{display:block;color:var(--sp-dim);font-size:14px;letter-spacing:.4px}.sp-mode small{display:block;margin-top:4px;color:color-mix(in srgb,var(--sp-dim) 55%,transparent);font-size:11px}.sp-mode.is-selected{background:color-mix(in srgb,var(--sp-primary) 22%,black);border:1.5px solid var(--sp-primary)}.sp-mode.is-selected strong{color:var(--sp-light)}.sp-btn-primary{padding:17px 24px;cursor:pointer;background:var(--sp-primary);color:#fff;border:0;border-radius:20px;font-size:18px;font-weight:700;font-family:var(--font-body);transition:filter .15s ease,transform .15s ease}.sp-btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.sp-spinner{width:44px;height:44px;margin:60px auto 0;border:4px solid color-mix(in srgb,var(--sp-primary) 20%,transparent);border-top-color:var(--sp-primary);border-radius:50%;animation:sp-spin .9s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-fia-note{margin-top:24px;color:var(--sp-dim);font-size:14px;letter-spacing:1.2px;font-style:italic}.sp-error-msg{color:#e8867d;font-size:16px;margin:40px 0 28px}.sp-stage{text-align:center;padding-top:16px}.sp-header{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:18px}.sp-pos{font-size:13px;font-weight:700;letter-spacing:2.4px}.sp-pos-desc{color:color-mix(in srgb,var(--sp-dim) 70%,transparent);font-size:12px;font-style:italic}.sp-name-row{display:flex;align-items:center;gap:12px}.sp-card-name{color:var(--sp-light);font-size:22px;font-weight:700;text-shadow:0 0 14px var(--sp-primary)}.sp-chip{padding:4px 10px;border-radius:10px;color:var(--sp-dim);font-size:11px;letter-spacing:1.4px;background:color-mix(in srgb,var(--sp-primary) 6%,black);border:1px solid var(--sp-light)}.sp-chip.is-reversed{background:color-mix(in srgb,var(--sp-primary) 12%,black);border-color:var(--sp-primary)}.sp-board{margin:8px auto 28px}.sp-board-row3,.sp-board-row3e{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:560px}.sp-cell{display:flex;flex-direction:column;align-items:center;gap:10px}.sp-pos-label{font-size:12px;font-weight:700;letter-spacing:2px}.sp-pos-label-sm{font-size:9.5px;letter-spacing:1.2px}.sp-clar-label{color:color-mix(in srgb,var(--sp-dim) 60%,transparent);font-size:9px;letter-spacing:1.6px;font-weight:700}.sp-thumb{width:100%;max-width:150px;aspect-ratio:784 / 1168;perspective:900px;cursor:pointer;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease;-webkit-tap-highlight-color:transparent}.sp-thumb.is-dealt{opacity:1;transform:translateY(0)}.sp-thumb.is-small{max-width:112px}.sp-thumb.is-locked{opacity:.35;pointer-events:none}.sp-thumb.is-locked.is-dealt{opacity:.35}.sp-thumb-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s ease}.sp-thumb.is-revealed .sp-thumb-inner{transform:rotateY(180deg)}.sp-thumb-inner img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:10px;backface-visibility:hidden;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--sp-accent, var(--sp-primary)) 30%,transparent))}.sp-thumb-inner img.face{transform:rotateY(180deg)}.sp-thumb-inner img.face.is-reversed{transform:rotateY(180deg) rotate(180deg)}.sp-thumb.is-selected .sp-thumb-inner img.face{outline:2px solid var(--sp-accent, var(--sp-primary));outline-offset:2px;border-radius:10px}.sp-board-celtic{display:flex;justify-content:center;align-items:flex-start;gap:26px;flex-wrap:wrap}.sp-cross{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:380px}.sp-staff{display:flex;flex-direction:column;gap:12px;width:110px}.sp-ccell{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.sp-ccell .sp-thumb{max-width:104px}.sp-empty{visibility:hidden}.sp-centre-stack{position:relative;width:100%;max-width:104px;aspect-ratio:784 / 1168}.sp-centre-stack .sp-thumb{position:absolute;inset:0;max-width:none}.sp-thumb.sp-challenge{transform:rotate(90deg) translateY(14px) scale(.92)}.sp-thumb.sp-challenge.is-dealt{transform:rotate(90deg) scale(.92)}.sp-pc-chips{display:flex;gap:6px}.sp-chip-btn{width:26px;height:22px;cursor:pointer;background:#00000080;border:1px solid color-mix(in srgb,var(--sp-primary) 45%,transparent);border-radius:7px;color:var(--sp-dim);font-size:11px;font-weight:700;font-family:var(--font-body)}.sp-chip-btn.is-active{border-color:var(--sp-primary);color:var(--sp-light);background:color-mix(in srgb,var(--sp-primary) 18%,black)}.sp-stage-wrap{position:relative;width:min(100%,380px);aspect-ratio:784 / 1168;margin:12px auto 0}.sp-perspective{position:absolute;inset:0;perspective:1250px}.sp-flip{position:absolute;inset:0;transform-style:preserve-3d}.sp-flip.is-anim{transition:transform .275s ease-in-out}.sp-cardface{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:20px;background:color-mix(in srgb,var(--sp-primary) 4%,black);border:1.5px solid color-mix(in srgb,var(--sp-primary) 55%,transparent);box-shadow:0 0 28px 2px color-mix(in srgb,var(--sp-primary) 18%,transparent);overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.sp-cardface:focus-visible{outline:2px solid var(--sp-light);outline-offset:3px}.sp-stack{position:absolute;inset:0;display:none}.sp-detail.is-shuffling .sp-stack{display:block}.sp-stack-card{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:20px}.sp-stack-card.s1{transform:translate(6px,9px)}.sp-stack-card.s2{transform:translate(4.5px,6.5px)}.sp-stack-card.s3{transform:translate(3px,4.5px)}.sp-detail.is-shuffling .sp-flip,.sp-detail.is-shuffling .sp-stack-card{animation:sp-shake 2.2s ease-in-out both}@keyframes sp-shake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-9px) rotate(-2deg)}22%{transform:translate(11px) rotate(2.6deg)}34%{transform:translate(-12px) rotate(-3deg)}46%{transform:translate(12px) rotate(3deg)}58%{transform:translate(-11px) rotate(-2.6deg)}70%{transform:translate(9px) rotate(2.2deg)}82%{transform:translate(-6px) rotate(-1.4deg)}94%{transform:translate(2px) rotate(.4deg)}}.sp-sparkle{position:absolute;inset:-80px;width:calc(100% + 160px);height:calc(100% + 160px);pointer-events:none}.sp-side-spacer{height:12px;flex:0 0 auto}.sp-side-label{flex:0 0 auto;padding:16px 18px 0;text-align:left;color:var(--sp-primary);font-size:11px;font-weight:700;letter-spacing:2px}.sp-side-body{flex:1 1 auto;min-height:0;padding:16px 18px 20px;text-align:left;overflow-y:auto;overscroll-behavior:contain}.sp-side-body.is-image{display:flex;align-items:center;justify-content:center;padding:8px 18px 0;overflow:hidden}.sp-side-body.is-image img{max-width:100%;max-height:100%;object-fit:contain}.sp-side-body.is-image img.is-reversed{transform:rotate(180deg)}.sp-back-img{flex:1 1 auto;min-height:0;padding:8px}.sp-back-img img{width:100%;height:100%;object-fit:contain}.sp-strip{flex:0 0 44px;display:grid;place-items:center;color:var(--sp-light);font-size:13px;letter-spacing:2.8px;font-weight:500;animation:sp-pulse 1.1s ease-in-out infinite alternate}@keyframes sp-pulse{0%{opacity:.2}to{opacity:1}}.sp-side-body p.sp-text{color:color-mix(in srgb,var(--sp-light) 90%,transparent);font-size:15px;line-height:1.75;margin:0;white-space:pre-wrap}.sp-side-body p.sp-text.is-question{color:var(--sp-dim);font-style:italic;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--sp-primary) 20%,transparent)}.sp-stat{display:flex;align-items:flex-start;margin-bottom:14px}.sp-stat b{flex:0 0 90px;color:var(--sp-light);font-size:12px;font-weight:700;letter-spacing:.6px}.sp-stat span{flex:1;color:var(--sp-dim);font-size:14px;line-height:1.5}.sp-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.sp-dot{width:8px;height:8px;border-radius:4px;background:color-mix(in srgb,var(--sp-primary) 25%,transparent);transition:width .3s ease,background .3s ease}.sp-dot.is-active{width:22px;background:var(--sp-primary)}@media(max-width:520px){.sp-glow{padding:22px 18px}.sp-title,.sp-ask{font-size:24px}.sp-board-row3,.sp-board-row3e{gap:10px}.sp-cross{gap:8px}.sp-staff{width:84px;gap:8px}.sp-ccell .sp-thumb{max-width:84px}}