:root{--bg0:#0a0a1e;--bg1:#1a0a2e;--gold:#d4a84b;--gold-dim:#d4a84b73;--upright:#6a4a9a;--reversed:#4a1a2a;--star:#c8c8e8;--panel:#0c081ce6;--text:#e8e0f0;--text-dim:#b4a0d28c;--line:#d4a84b38;--glass-bg:#0c081cb8;--glass-blur:14px;--glass-line:#e8e0f01a;--glass-edge:#ffffff0f;--glass-shadow:0 10px 40px #00000073;--font-ui:"Cormorant Garamond", Georgia, serif;--font-display:"Cinzel", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:radial-gradient(1200px 700px at 50% 20%,#1a0a2e 0%,#0a0a1e 55%,#050510 100%);margin:0;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.app{width:100%;height:100%;position:relative;overflow:hidden}.layer-bg{filter:saturate(1.05)contrast(1.02);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.layer-bg:after{content:"";pointer-events:none;background:radial-gradient(at 50% 80%,#0a0a1e26,#050510b8 70%),linear-gradient(#0a0a1e26,#0505108c);position:absolute;inset:0}.stars-fx{pointer-events:none;opacity:.7;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#c8c8e8e6,#0000 50%),radial-gradient(1px 1px at 28% 42%,#c8c8e8b3,#0000 50%),radial-gradient(1.2px 1.2px at 70% 22%,#d4a84bcc,#0000 50%),radial-gradient(1px 1px at 84% 58%,#c8c8e8a6,#0000 50%),radial-gradient(1.4px 1.4px at 48% 12%,#c8c8e8d9,#0000 50%),radial-gradient(1px 1px at 60% 70%,#d4a84b8c,#0000 50%);animation:6s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.45}to{opacity:.85}}.hud{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.meter{background:var(--glass-bg);min-width:140px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-line);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-edge);border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.meter-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-family:var(--font-display)}.starlight-row,.karma-row{align-items:center;gap:4px;min-height:22px;display:flex}.star-pip{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:12px;height:12px;box-shadow:none;background:#c8c8e82e}.star-pip.on{background:linear-gradient(#f0e8ff,#c8c8e8);box-shadow:0 0 8px #c8c8e8b3}.karma-ring{border:2px solid var(--gold);width:36px;height:36px;font-family:var(--font-display);color:var(--gold);background:radial-gradient(circle at 40% 30%,#d4a84b2e,#0c081ce6);border-radius:50%;place-items:center;font-size:13px;display:grid;box-shadow:0 0 16px #d4a84b59}.karma-ring.neg{color:#c8a0e0;border-color:#8a4a9a;box-shadow:0 0 16px #6a4a9a73}.karma-ring.zero{color:var(--text-dim);box-shadow:none;border-color:#c8c8e859}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.icon-btn{background:var(--glass-bg);border:1px solid var(--glass-line);width:40px;height:40px;color:var(--star);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:12px;place-items:center;transition:border-color .15s,color .15s,transform .15s;display:grid}.icon-btn:hover{border-color:var(--gold-dim);color:var(--gold);transform:translateY(-1px)}.icon-btn:disabled{opacity:.4;cursor:default;transform:none}.screen-title{z-index:30;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 24px 10vh;display:flex;position:absolute;inset:0}.screen-title .title-main{font-family:var(--font-display);letter-spacing:.18em;color:#f4e8c8;text-shadow:0 0 24px #d4a84b73,0 4px 24px #0009;margin:0 0 8px;font-size:clamp(28px,5vw,52px)}.screen-title .title-sub{font-family:var(--font-display);letter-spacing:.28em;color:var(--text-dim);margin-bottom:18px;font-size:13px}.screen-title .premise{color:#e8e0f0c7;max-width:520px;margin-bottom:28px;font-size:14px;line-height:1.7}.title-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-primary,.btn-ghost,.btn-choice,.btn-seal{border:1px solid var(--gold-dim);letter-spacing:.12em;border-radius:999px;padding:12px 22px;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}.btn-primary{color:#f8efd4;background:linear-gradient(#d4a84b47,#6a4a9a40);box-shadow:0 8px 24px #00000059,inset 0 1px #ffffff1f}.btn-primary:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 0 20px #d4a84b40}.btn-ghost{color:var(--text);background:#0c081c8c}.btn-ghost:hover{border-color:var(--gold)}.stage{z-index:10;flex-direction:column;display:flex;position:absolute;inset:0}.sprite-stage{pointer-events:none;z-index:12;width:min(42vw,320px);height:min(52vh,460px);position:absolute;bottom:34%;left:50%;transform:translate(-50%)}.sprite-stage .sprite{filter:drop-shadow(0 12px 28px #0000008c);opacity:.96;background-position:bottom;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;-webkit-mask-image:radial-gradient(72% 78% at 50% 48%,#000 58%,#0000 78%);mask-image:radial-gradient(72% 78% at 50% 48%,#000 58%,#0000 78%)}.table-area{z-index:14;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:12px;display:flex;position:absolute;inset:10% 0 28%}.table-area>*{pointer-events:auto}.spread-grid{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;max-width:min(960px,96vw);display:flex}.spread-grid.celtic{gap:8px;max-width:min(1100px,98vw)}.slot{flex-direction:column;align-items:center;gap:6px;display:flex}.slot-label{letter-spacing:.14em;color:var(--gold);font-size:11px;font-family:var(--font-display);text-shadow:0 1px 6px #000000b3}.tarot-card{aspect-ratio:2/3;border:1.5px solid var(--gold-dim);background:#12081f 50%/cover no-repeat;border-radius:10px;width:clamp(64px,9vw,104px);padding:0;transition:transform .25s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000073,inset 0 0 0 1px #ffffff0d}.tarot-card.face-down{background-size:cover}.tarot-card.upright{box-shadow:0 0 18px #6a4a9a73,0 10px 24px #00000073}.tarot-card.reversed{box-shadow:0 0 18px #8a283c66,0 10px 24px #00000073}.tarot-card.reversed .art{transform:rotate(180deg)}.tarot-card .art{background-position:50%;background-size:cover;position:absolute;inset:0}.tarot-card .tag{text-align:center;color:#f0e6c8;background:linear-gradient(#0000,#080412eb);padding:6px 4px 5px;font-size:10px;line-height:1.25;position:absolute;bottom:0;left:0;right:0}.tarot-card .orient{letter-spacing:.08em;border:1px solid var(--gold-dim);color:var(--gold);font-size:9px;font-family:var(--font-display);background:#080412b8;border-radius:999px;padding:2px 5px;position:absolute;top:6px;right:6px}.tarot-card.flipping{animation:.45s flipIn}@keyframes flipIn{0%{opacity:.2;transform:rotateY(90deg)scale(.9)}to{opacity:1;transform:rotateY(0)scale(1)}}.spread-selector{flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;display:flex}.spread-card{text-align:left;background:var(--glass-bg);border:1px solid var(--glass-line);width:min(240px,88vw);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);border-radius:16px;padding:16px 16px 14px;transition:border-color .15s,transform .15s}.spread-card:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px)}.spread-card:disabled{opacity:.45;cursor:default}.spread-card h3{font-family:var(--font-display);letter-spacing:.12em;color:var(--gold);margin:0 0 4px;font-size:16px}.spread-card .short{color:var(--text-dim);margin-bottom:8px;font-size:12px}.spread-card .desc{color:#e8e0f0d1;font-size:13px;line-height:1.55}.spread-card .cost{letter-spacing:.1em;color:var(--star);margin-top:10px;font-size:11px}.scroll{color:#f0e2c4;background:linear-gradient(#302416eb,#1c140cf0);border:1px solid #d4a84b47;border-radius:8px 8px 14px 14px;width:min(680px,94vw);max-height:min(36vh,280px);padding:16px 18px;overflow:auto;box-shadow:0 12px 30px #00000073,inset 0 1px #fff0c814}.scroll h4{font-family:var(--font-display);letter-spacing:.14em;color:var(--gold);margin:0 0 10px;font-size:14px}.scroll p{margin:0 0 8px;font-size:14px;line-height:1.7}.dock{z-index:25;padding:0 14px calc(14px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.dock>*{pointer-events:auto}.choice-float{flex-wrap:wrap;justify-content:center;gap:10px;width:min(860px,100%);display:flex}.btn-choice{border:1px solid var(--gold-dim);color:var(--text);background:#0c081cc7;min-width:140px}.btn-choice:hover{border-color:var(--gold);background:#1e1030e0}.btn-seal{background:linear-gradient(#d4a84b29,#0c081cd9);justify-content:center;align-items:center;gap:8px;min-width:170px;display:flex}.btn-seal .sym{font-size:16px}.dialogue{background:var(--panel);border:1px solid var(--glass-line);width:min(860px,100%);min-height:108px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-edge);cursor:pointer;border-radius:16px;padding:14px 18px 16px}.dialogue .speaker{font-family:var(--font-display);letter-spacing:.16em;color:var(--gold);min-height:16px;margin-bottom:6px;font-size:12px}.dialogue .body{color:var(--text);white-space:pre-wrap;min-height:48px;font-size:15px;line-height:1.75}.dialogue .pager{letter-spacing:.12em;color:var(--text-dim);text-align:right;margin-top:8px;font-size:11px}.input-row{gap:8px;width:min(860px,100%);display:flex}.input-row input{border:1px solid var(--glass-line);color:var(--text);background:#0c081ccc;border-radius:999px;outline:none;flex:1;padding:12px 16px;font-family:inherit}.input-row input:focus{border-color:var(--gold-dim)}.overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04020c9e;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.panel{border:1px solid var(--glass-line);width:min(520px,94vw);max-height:min(80vh,720px);box-shadow:var(--glass-shadow);background:#0c081cf0;border-radius:18px;padding:18px 18px 16px;overflow:auto}.panel h2{font-family:var(--font-display);letter-spacing:.14em;color:var(--gold);margin:0 0 12px;font-size:18px}.panel .close-row{justify-content:flex-end;margin-bottom:4px;display:flex}.log-item{color:#e8e0f0db;border-bottom:1px solid #d4a84b1f;padding:10px 0;font-size:13px;line-height:1.6}.log-item:last-child{border-bottom:none}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.deck-item{text-align:center}.deck-item .mini{aspect-ratio:2/3;border:1px solid var(--gold-dim);background-position:50%;background-size:cover;border-radius:8px;width:100%;margin-bottom:4px}.deck-item .n{color:var(--text-dim);font-size:11px}.boot{z-index:80;color:var(--gold);font-family:var(--font-display);letter-spacing:.28em;background:#050510;place-items:center;display:grid;position:absolute;inset:0}.busy-toast{z-index:40;border:1px solid var(--gold-dim);color:var(--gold);letter-spacing:.12em;background:#0c081ce0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.save-note{z-index:40;color:var(--gold);letter-spacing:.1em;font-size:12px;position:absolute;top:72px;right:18px}.llm-dot{background:#666;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #0000004d}.llm-dot.on{background:#7ddea0;box-shadow:0 0 8px #7ddea0b3}.llm-dot.wait{background:#d4a84b}.end-screen{z-index:35;text-align:center;background:radial-gradient(circle at 50% 40%,#1a0a2e8c,#050510e0);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.end-screen h2{font-family:var(--font-display);letter-spacing:.2em;color:var(--gold);margin:0}.end-screen p{color:#e8e0f0d1;max-width:480px;line-height:1.7}@media (width<=720px){.sprite-stage{width:min(58vw,240px);height:min(42vh,340px);bottom:38%}.tarot-card{width:clamp(52px,14vw,78px)}.hud{padding:10px}.meter{min-width:110px;padding:8px 10px}.dialogue{min-height:96px}.table-area{top:14%;bottom:32%}}