:root{--neon-cyan: #5ef2ff;--neon-purple: #a779ff;--neon-magenta: #ff79e1;--neon-mint: #a8ffe5;--void: #03040d;--glass: rgb(8 10 28 / 64%);--glass-strong: rgb(10 12 34 / 82%);color:#e8faff;background:var(--void);font-family:SFMono-Regular,Cascadia Mono,Roboto Mono,Menlo,monospace;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-width:0;min-height:0;margin:0;overflow:hidden}button,textarea{font:inherit}button{color:inherit}.app-shell{position:relative;display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;padding:26px 34px 18px;overflow:hidden;background:var(--void);isolation:isolate}.app-shell:before{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;z-index:1;pointer-events:none;content:"";opacity:.58;background:radial-gradient(circle at 18% 26%,rgb(94 242 255 / 28%),transparent 28%),radial-gradient(circle at 72% 20%,rgb(167 121 255 / 26%),transparent 31%),radial-gradient(circle at 54% 78%,rgb(255 121 225 / 22%),transparent 34%),radial-gradient(circle at 88% 72%,rgb(94 242 255 / 17%),transparent 25%);filter:blur(44px) saturate(140%);mix-blend-mode:screen;animation:aurora-drift 18s ease-in-out infinite alternate}@keyframes aurora-drift{0%{transform:translate3d(-4%,-2%,0) rotate(-3deg) scale(1)}50%{transform:translate3d(4%,3%,0) rotate(2deg) scale(1.08)}to{transform:translate3d(-1%,6%,0) rotate(5deg) scale(1.03)}}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgb(94 242 255 / 16%) 4px),radial-gradient(circle at center,transparent 50%,rgb(1 2 10 / 58%) 100%);mix-blend-mode:screen}.terminal-header,footer{display:flex;align-items:center;justify-content:space-between;border-color:#5ef2ff6b;color:#c4f9ff;text-shadow:0 0 16px rgb(94 242 255 / 32%)}.terminal-header{z-index:2;border-bottom:1px solid rgb(94 242 255 / 46%);padding:0 0 18px;box-shadow:0 14px 34px -28px #a779ffe5}.terminal-header h1{margin:6px 0 0;color:transparent;font-family:SFMono-Regular,Cascadia Mono,Roboto Mono,Menlo,monospace;font-size:clamp(34px,4vw,58px);font-weight:800;letter-spacing:.07em;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-mint),var(--neon-purple),var(--neon-magenta),var(--neon-cyan));background-size:300% 100%;background-clip:text;filter:drop-shadow(0 0 14px rgb(94 242 255 / 28%));-webkit-background-clip:text;animation:title-shimmer 7s linear infinite}.eyebrow{color:#5ef2ffb8;font-size:11px;letter-spacing:.14em}.mystic-tagline{display:block;margin-top:7px;color:#ffdcf8c7;font-size:11px;letter-spacing:.12em;text-shadow:0 0 14px rgb(255 121 225 / 45%),0 0 28px rgb(167 121 255 / 24%)}@keyframes title-shimmer{to{background-position:300% 50%}}.status-cluster{display:flex;gap:10px}.mode-badge,.phase-badge{display:inline-flex;align-items:center;min-height:34px;border:1px solid rgb(167 121 255 / 68%);padding:0 12px;background:#07091bad;box-shadow:inset 0 0 18px #a779ff14,0 0 18px #a779ff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;letter-spacing:.08em}.mode-badge.placeholder{border-color:var(--neon-magenta);color:#ffd8f7}.mode-badge.live{border-color:var(--neon-cyan);color:#c9fbff}.terminal-panel{position:relative;z-index:2;display:grid;align-content:center;width:min(1160px,94vw);min-height:0;margin:0 auto;padding:24px 0;pointer-events:none}.terminal-panel>*{pointer-events:auto}.terminal-panel.report-mode{align-content:start;overflow-y:auto;scrollbar-color:var(--neon-purple) rgb(5 7 22 / 88%);scrollbar-width:thin}.terminal-panel.report-mode::-webkit-scrollbar{width:10px}.terminal-panel.report-mode::-webkit-scrollbar-track{background:#050716e0}.terminal-panel.report-mode::-webkit-scrollbar-thumb{border:2px solid rgb(5 7 22 / 88%);background:linear-gradient(var(--neon-cyan),var(--neon-purple))}.start-panel,.shuffle-stage,.deck-stage,.reveal-stage,.reading-panel{border:1px solid rgb(94 242 255 / 58%);border-radius:12px;padding:24px;background:linear-gradient(135deg,#0c122bb8,#110825a3),var(--glass);box-shadow:0 0 0 1px #a779ff38,0 0 34px #5ef2ff1f,0 0 74px #a779ff1a,0 24px 70px #0000006b,inset 0 0 42px #ff79e10d;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.start-panel{display:grid;gap:18px;width:min(760px,80vw);margin:auto}.prompt,.module-heading{color:#c7fbff;letter-spacing:.05em;text-shadow:0 0 12px rgb(94 242 255 / 42%)}.start-guidance{margin:-7px 0 0;color:#e2d4ffd1;font-size:13px;line-height:1.7;letter-spacing:.04em}textarea{width:100%;min-height:130px;resize:none;border:1px solid rgb(94 242 255 / 44%);border-radius:8px;outline:0;padding:17px 18px;color:#f3fdff;background:#030512a8;caret-color:var(--neon-magenta);box-shadow:inset 0 0 28px #5ef2ff0a}textarea:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 1px #5ef2ff4d,0 0 24px #5ef2ff2e,0 0 48px #a779ff1a}.start-error{margin:-7px 0 0;border-left:3px solid var(--neon-magenta);padding:8px 11px;color:#ffd8f7;background:#440c3c75;font-size:12px}.primary-action,.reset-action,.error-block button{position:relative;overflow:hidden;border:1px solid rgb(94 242 255 / 68%);border-radius:7px;padding:12px 18px;background:linear-gradient(110deg,#5ef2ff26,#a779ff33),#090c20d6;cursor:pointer;letter-spacing:.06em;box-shadow:0 0 18px #5ef2ff1f,inset 0 0 20px #a779ff14;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.primary-action:hover,.reset-action:hover,.error-block button:hover{border-color:var(--neon-magenta);background:linear-gradient(110deg,#5ef2ff3b,#ff79e138),#0c0d26e5;box-shadow:0 0 22px #5ef2ff47,0 0 42px #ff79e126;transform:translateY(-2px)}.reset-action{justify-self:end;margin-top:18px;background:#0a0b1fc7;font-size:12px}.shuffle-stage{display:grid;justify-items:center;gap:18px;min-height:400px}.proxy-deck{position:relative;width:420px;height:270px;perspective:900px}.proxy-card{--rotation: calc((var(--card-index) - 7) * 5deg);position:absolute;top:62px;left:158px;width:96px;height:150px;border:2px solid var(--neon-cyan);border-radius:7px;background:linear-gradient(45deg,transparent 46%,var(--neon-magenta) 48% 52%,transparent 54%),#18152d;box-shadow:0 0 16px #5ef2ff3d,0 5px 18px #0000006b;transform:rotate(var(--rotation)) translate(calc((var(--card-index) - 7) * 3px));animation:proxy-shuffle 1.2s cubic-bezier(.45,0,.2,1) both;animation-delay:calc(var(--card-index) * 22ms)}@keyframes proxy-shuffle{0%{transform:translateZ(0) rotate(0)}45%{transform:translate3d(calc((var(--card-index) - 7) * 16px),calc((var(--card-index) % 3) * -24px),0) rotate(var(--rotation))}to{transform:rotate(calc((var(--card-index) - 7) * 1deg)) translate(calc((var(--card-index) - 7) * 1px))}}.module-heading{display:flex;justify-content:space-between;margin-bottom:16px;border-bottom:1px dashed rgb(94 242 255 / 38%);padding-bottom:11px}.deck-stage{min-height:510px}.deck-fan{display:grid;grid-template-columns:repeat(13,1fr);gap:8px;max-height:440px;overflow:auto;padding:8px 8px 16px}.card-back{position:relative;aspect-ratio:.64;min-width:0;border:1px solid rgb(94 242 255 / 56%);border-radius:6px;padding:6px 4px;color:#d7fbff;background:radial-gradient(circle,transparent 18%,rgb(255 121 225 / 48%) 19% 21%,transparent 22%),repeating-linear-gradient(45deg,#0b1028eb 0,#0b1028eb 5px,#1f143deb 5px,#1f143deb 10px);cursor:pointer;box-shadow:0 0 10px #5ef2ff1f,inset 0 0 18px #a779ff14;transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease;animation:card-float 4.2s ease-in-out infinite;animation-delay:calc(var(--card-index) * -65ms)}.card-back span{writing-mode:vertical-rl;font-size:9px;letter-spacing:.13em}.card-back small{position:absolute;right:4px;bottom:3px}.card-back:hover:not(:disabled){z-index:2;border-color:var(--neon-magenta);box-shadow:0 0 16px #5ef2ff7a,0 0 30px #ff79e147,inset 0 0 24px #a779ff29;filter:brightness(1.3) saturate(1.2);transform:translateY(-10px) scale(1.035)}.card-back[aria-pressed=true]{border-color:var(--neon-purple);box-shadow:0 0 18px #5ef2ff85,0 0 36px #a779ff70,inset 0 0 22px #ff79e126;filter:brightness(1.3)}@keyframes card-float{0%,to{translate:0 0}50%{translate:0 -4px}}.card-back:disabled{cursor:default;opacity:.72}.reveal-stage{min-height:340px}.horseshoe-spread{position:relative;height:260px}.revealed-card{position:absolute;left:50%;bottom:8px;display:grid;place-content:center;width:112px;height:176px;border:2px solid var(--neon-cyan);border-radius:8px;padding:10px;color:#edfaff;text-align:center;background:linear-gradient(160deg,#141a3af0,#1d0c34f5),#0e1126;box-shadow:0 0 18px #5ef2ff3d,0 0 38px #a779ff29,0 12px 30px #0000006b;transform:translate(-50%);animation:reveal-card .5s ease both,revealed-float 4.6s ease-in-out .52s infinite}.revealed-card small{position:absolute;top:6px;left:8px}.revealed-card strong{font-size:14px}.revealed-card span{margin-top:8px;color:#d8c9ff;font-size:10px}@keyframes revealed-float{0%,to{translate:0 0}50%{translate:0 -5px}}.revealed-card.reversed strong{transform:rotate(180deg)}.position-1{margin-left:-390px;bottom:68px}.position-2{margin-left:-260px;bottom:20px}.position-3{margin-left:-130px;bottom:-8px}.position-4{bottom:-20px}.position-5{margin-left:130px;bottom:-8px}.position-6{margin-left:260px;bottom:20px}.position-7{margin-left:390px;bottom:68px}@keyframes reveal-card{0%{opacity:0;transform:translate(-50%,60px) rotateY(90deg)}}.reading-panel{margin-top:16px;padding-top:18px}.reading-question{color:#c6eaff;font-size:12px}.reading-copy{min-height:94px;white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.reading-copy.waiting{color:#c2cfff94}.error-block{display:flex;align-items:center;justify-content:space-between;border-left:3px solid var(--neon-magenta);padding:8px 12px;color:#ffd7f7;background:#420b3c70}.global-error{border:1px solid var(--neon-magenta);border-left-width:4px;padding:18px 20px;color:#ffd7f7;background:#310832c7}.global-error p{margin-bottom:0}.fallback-notice{margin-bottom:12px;border-left:3px solid var(--neon-purple);padding:9px 12px;color:#eadfff;background:#2413469e;font-size:12px}.scene-status{justify-self:center;align-self:end;border:1px solid rgb(94 242 255 / 62%);border-radius:999px;padding:10px 16px;color:#e2fbff;background:#070a1dbd;box-shadow:0 0 24px #5ef2ff2e,0 0 46px #a779ff1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12px;letter-spacing:.05em;pointer-events:none!important}details{margin-top:18px;color:#c8c4ff;font-size:12px}details ol{columns:2;line-height:1.55}footer{z-index:2;border-top:1px solid rgb(167 121 255 / 36%);padding-top:12px;font-size:10px}@media (max-width: 980px){.app-shell{padding:18px 20px 14px}.terminal-header{align-items:flex-start;gap:18px}.terminal-header h1{font-size:clamp(30px,7vw,48px)}.mystic-tagline{max-width:56vw;line-height:1.55}.status-cluster{flex-wrap:wrap;justify-content:flex-end}.terminal-panel{width:100%;padding:18px 0}.start-panel{width:min(100%,720px)}.deck-fan{grid-template-columns:repeat(10,1fr)}.revealed-card{width:clamp(76px,12vw,108px);height:auto;min-height:142px;aspect-ratio:.64;padding:7px}.position-1{margin-left:-39vw}.position-2{margin-left:-26vw}.position-3{margin-left:-13vw}.position-5{margin-left:13vw}.position-6{margin-left:26vw}.position-7{margin-left:39vw}}@media (max-width: 680px){.app-shell{padding:12px 14px 10px}.terminal-header{display:grid;grid-template-columns:1fr;padding-bottom:12px}.eyebrow{font-size:9px}.mystic-tagline{max-width:none;font-size:10px}.status-cluster{position:absolute;top:12px;right:14px}.mode-badge,.phase-badge{min-height:28px;padding:0 8px;font-size:9px}.start-panel,.shuffle-stage,.deck-stage,.reveal-stage,.reading-panel{padding:16px}textarea{min-height:108px}.deck-fan{grid-template-columns:repeat(7,1fr)}details ol{columns:1}footer span:last-child{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}