html,body{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;background:#04060a;overflow:hidden}#app{height:100%}.tarot-host{width:100%;height:100%;min-height:420px;position:relative}.tarot-root{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-user-select:none;user-select:none;--ease:cubic-bezier(.22, .61, .36, 1);position:absolute;inset:0;overflow:hidden}.tarot-root[data-theme=classic]{--bg:#05070a;--ink:#f1e4c2;--ink-dim:#a9977420;--ink-soft:#b7a884;--gold:#d9b45e;--accent:#d9b45e;--accent-ink:#1a1207;--panel:#08140ebd;--panel-line:#d9b45e42;--panel-glow:#d9b45e24;--font-body:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-title:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--title-spacing:.015em;--title-transform:none;--label-spacing:.14em;--radius:9px;--vignette:radial-gradient(ellipse 78% 68% at 50% 46%, transparent 38%, #0204039e 100%)}.tarot-root[data-theme=deco]{--bg:#040406;--ink:#ecd9a8;--ink-dim:#7f95932a;--ink-soft:#94a8a6;--gold:#c9a227;--accent:#38a3ad;--accent-ink:#04100f;--panel:#050b0cc7;--panel-line:#c9a2274d;--panel-glow:#38a3ad29;--font-body:Futura, "Futura PT", "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;--font-title:Copperplate, "Copperplate Gothic Light", "Avenir Next", "Futura PT", sans-serif;--title-spacing:.2em;--title-transform:uppercase;--label-spacing:.24em;--radius:2px;--vignette:radial-gradient(ellipse 80% 70% at 50% 46%, transparent 34%, #000000b8 100%)}.tarot-stage{position:absolute;inset:0}.tarot-canvas{touch-action:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;background:var(--vignette);transition:background .4s var(--ease);position:absolute;inset:0}.wash{pointer-events:none;background:var(--bg);opacity:0;z-index:40;transition:opacity .19s;position:absolute;inset:0}.tarot-root.theming .wash{opacity:1}.hud{pointer-events:none;z-index:10;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;gap:.75rem;padding:clamp(.85rem,2vw,1.6rem);display:grid;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud button,.hud .seed{transition:color .28s var(--ease), border-color .28s var(--ease), background-color .28s var(--ease), box-shadow .28s var(--ease), opacity .28s var(--ease)}.brand{grid-area:1/1;align-self:start}.brand h1{font-family:var(--font-title);letter-spacing:var(--title-spacing);text-transform:var(--title-transform);color:var(--gold);text-shadow:0 0 34px var(--panel-glow);margin:0;font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:500}.brand p{letter-spacing:var(--label-spacing);text-transform:uppercase;color:var(--ink-soft);margin:.2rem 0 0;font-size:.78rem}.top-right{grid-area:1/3;place-self:start end;align-items:center;gap:.6rem;display:flex}.segmented{border:1px solid var(--panel-line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:inline-flex;overflow:hidden}.segmented button{appearance:none;color:var(--ink-soft);font:inherit;letter-spacing:var(--label-spacing);text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:.44rem .9rem;font-size:.8rem}.segmented button+button{border-left:1px solid var(--panel-line)}.segmented button[aria-pressed=true]{color:var(--accent-ink);background:var(--accent)}.segmented button:disabled{opacity:.38;cursor:default}.icon-btn{appearance:none;border:1px solid var(--panel-line);border-radius:var(--radius);background:var(--panel);width:2.15rem;height:2.15rem;color:var(--ink-soft);cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);place-items:center;font-size:.95rem;display:grid}.icon-btn:hover{color:var(--gold);border-color:var(--gold)}.rail{scrollbar-width:none;flex-direction:column;grid-area:2/1;align-self:center;gap:.4rem;max-height:100%;display:flex;overflow:auto}.rail::-webkit-scrollbar{display:none}.chip{appearance:none;text-align:left;border-radius:var(--radius);width:15.5rem;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:2.6rem 1fr;align-items:center;gap:.6rem;padding:.42rem .6rem;display:grid}.chip:hover:not(:disabled){border-color:var(--panel-line);background:var(--panel);color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--panel-line);background:var(--panel);color:var(--ink);box-shadow:inset 2px 0 0 var(--accent)}.chip:disabled{opacity:.38;cursor:default}.chip-name{white-space:nowrap;font-family:var(--font-title);letter-spacing:.06em;text-transform:var(--title-transform);font-size:.78rem;display:block}.chip-tag{letter-spacing:.06em;color:var(--ink-soft);opacity:.72;font-size:.68rem;display:block}.spread-icon{width:2.6rem;height:2.1rem;overflow:visible}.spread-icon rect{fill:color-mix(in srgb, var(--ink) 9%, transparent);stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.85}.chip[aria-pressed=true] .spread-icon rect{stroke:var(--accent);fill:color-mix(in srgb, var(--accent) 18%, transparent);opacity:1}.reading{border:1px solid var(--panel-line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);scrollbar-width:thin;width:min(19rem,30vw);max-height:100%;transition:opacity .3s var(--ease), transform .3s var(--ease);grid-area:2/3;place-self:center end;padding:.9rem 1rem;overflow:auto}.reading[hidden]{display:none}.reading.dimmed{opacity:0;pointer-events:none;transform:translate(.8rem)}.reading h2{font-family:var(--font-title);letter-spacing:var(--title-spacing);text-transform:var(--title-transform);color:var(--gold);margin:0 0 .1rem;font-size:.95rem;font-weight:500}.reading .sub{letter-spacing:var(--label-spacing);text-transform:uppercase;color:var(--ink-soft);margin:0 0 .7rem;font-size:.7rem}.reading ol{flex-direction:column;gap:.42rem;margin:0;padding:0;list-style:none;display:flex}.reading li{border-bottom:1px solid var(--ink-dim);gap:.05rem;padding-bottom:.42rem;display:grid}.reading li:last-child{border-bottom:0;padding-bottom:0}.ask{border-top:1px solid var(--ink-dim);letter-spacing:var(--label-spacing);text-transform:uppercase;flex-direction:column;align-items:flex-start;gap:.45rem;margin-top:.85rem;padding-top:.75rem;font-size:.7rem;display:flex}.ask-btn{padding:.4rem .7rem;font-size:.7rem}.ask-note{color:var(--ink-soft);letter-spacing:.04em;text-transform:none;margin:0;font-size:.64rem;line-height:1.5}.slot-label{letter-spacing:var(--label-spacing);text-transform:uppercase;color:var(--ink-soft);font-size:.66rem}.slot-card{color:var(--ink);font-size:.92rem}.slot-card.empty{color:var(--ink-soft);opacity:.45;font-style:italic}.slot-card .reversed{color:var(--accent);letter-spacing:var(--label-spacing);text-transform:uppercase;margin-left:.35rem;font-size:.72rem}.hud-bottom{border:1px solid var(--panel-line);border-radius:calc(var(--radius) + 3px);background:var(--panel);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);flex-wrap:wrap;grid-area:3/1/auto/-1;justify-content:center;place-self:end center;align-items:center;gap:.45rem;padding:.5rem .6rem;display:flex}.btn{appearance:none;border:1px solid var(--panel-line);border-radius:var(--radius);color:var(--ink);font:inherit;letter-spacing:var(--label-spacing);text-transform:uppercase;cursor:pointer;white-space:nowrap;background:linear-gradient(#ffffff0d,#0003);padding:.48rem .85rem;font-size:.8rem}.btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);box-shadow:0 0 22px -8px var(--accent)}.btn:disabled{opacity:.3;cursor:default}.btn.primary:not(:disabled){color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.btn kbd{font:inherit;opacity:.55;margin-left:.4rem;font-size:.66rem}.divider{background:var(--ink-dim);align-self:stretch;width:1px;margin:0 .2rem}.seed{appearance:none;border:1px dashed var(--panel-line);border-radius:var(--radius);color:var(--ink-soft);letter-spacing:.08em;cursor:pointer;background:0 0;padding:.42rem .6rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.seed:hover{color:var(--accent);border-color:var(--accent)}.loading{z-index:50;background:var(--bg);color:var(--ink-soft);letter-spacing:var(--label-spacing);text-transform:uppercase;transition:opacity .45s var(--ease);place-content:center;justify-items:center;gap:.75rem;font-size:.78rem;display:grid;position:absolute;inset:0}.loading[hidden]{display:none}.loading.done{opacity:0;pointer-events:none}.loading-bar{background:var(--ink-dim);width:min(22rem,52vw);height:1px;overflow:hidden}.loading-bar i{background:var(--gold);width:0%;height:100%;transition:width .18s linear;display:block}.inspect{z-index:20;pointer-events:none;opacity:0;transition:opacity .35s var(--ease);position:absolute;inset:0}.inspect.open{opacity:1}.inspect-scrim{background:radial-gradient(60% 60% at 34%,#0000 30%,#0000008c 100%);position:absolute;inset:0}.inspect-panel{border:1px solid var(--panel-line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;width:min(23rem,34vw);max-height:78vh;padding:1.1rem 1.2rem;position:absolute;top:50%;right:clamp(.85rem,2vw,1.6rem);overflow:auto;transform:translateY(-50%)}.inspect-panel .slot-label{color:var(--accent)}.inspect-panel h3{font-family:var(--font-title);letter-spacing:var(--title-spacing);text-transform:var(--title-transform);color:var(--gold);margin:.35rem 0 0;font-size:1.45rem;font-weight:500;line-height:1.15}.inspect-meta{letter-spacing:var(--label-spacing);text-transform:uppercase;color:var(--ink-soft);margin:.3rem 0 .8rem;font-size:.7rem}.inspect-meta .flag{color:var(--accent)}.keywords{flex-wrap:wrap;gap:.3rem;margin:0 0 .85rem;padding:0;list-style:none;display:flex}.keywords li{letter-spacing:.06em;border:1px solid var(--panel-line);color:var(--ink);border-radius:999px;padding:.2rem .5rem;font-size:.72rem}.inspect-panel p{color:var(--ink);opacity:.88;margin:0 0 .7rem;font-size:.86rem;line-height:1.5}.inspect-panel p.meaning{color:var(--ink-soft);font-style:italic}.inspect-close{appearance:none;color:var(--ink-soft);font:inherit;letter-spacing:var(--label-spacing);text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-size:.7rem}.inspect-close:hover{color:var(--accent)}.toast{z-index:35;border:1px solid var(--panel-line);border-radius:var(--radius);background:var(--panel);color:var(--ink);letter-spacing:var(--label-spacing);text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease);padding:.42rem .8rem;font-size:.74rem;position:absolute;bottom:5.6rem;left:50%;transform:translate(-50%,.5rem)}.toast.show{opacity:1;transform:translate(-50%)}.tarot-signin{z-index:36;max-width:17rem;letter-spacing:var(--label-spacing);text-transform:uppercase;flex-direction:column;gap:.3rem;font-size:.7rem;display:flex;position:absolute;bottom:.9rem;left:.9rem}.tarot-signin-body{align-items:center;gap:.5rem;display:flex}.tarot-signin-link,.tarot-signin-out{border:1px solid var(--panel-line);border-radius:var(--radius);background:var(--panel);color:var(--ink);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:border-color .2s var(--ease);padding:.34rem .66rem;text-decoration:none}.tarot-signin-link:hover,.tarot-signin-out:hover{border-color:var(--accent)}.tarot-signin-out[disabled]{opacity:.5;cursor:default}.tarot-signin-name{color:var(--ink-soft)}.tarot-signin-note{color:var(--ink-soft);letter-spacing:.04em;text-transform:none;margin:0;font-size:.64rem;line-height:1.5}@media (width<=900px){.hud{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr auto}.brand{grid-column:1}.top-right{grid-column:2}.rail{flex-direction:row;grid-area:2/1/auto/-1;align-self:start;overflow-x:auto}.chip{grid-template-columns:2.1rem;gap:0;width:auto}.chip .chip-text{display:none}.reading{grid-area:3/1/auto/-1;place-self:end stretch;width:auto;max-height:30vh}.inspect-panel{width:auto;max-height:42vh;inset:auto .85rem 5.4rem;transform:none}}