:root{--gold: #d4af37;--gold-soft: rgb(225 193 117);--gold-pale: #f4dfa2;--ink: #05040a;--text: #e8dcc0;--text-dim: #8a7f6a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--ink);color:var(--text);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}.page{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.page.centered{grid-template-rows:1fr;place-items:center;padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;font-size:13px;color:var(--text-dim);border-bottom:1px solid rgb(212 175 55 / .1)}.topbar-actions{display:flex;gap:16px}.link-button{background:none;border:none;color:var(--text-dim);font:inherit;cursor:pointer;text-decoration:underline;padding:4px}.link-button:hover{color:var(--gold-soft)}.login{text-align:center;max-width:380px;padding:24px}.login-glyph{color:var(--gold);font-size:64px;text-shadow:0 0 24px rgba(255,215,0,.4)}.login-title{font-size:34px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;margin:8px 0 4px}.login-subtitle{color:var(--text-dim);margin-bottom:32px}.login-error{color:#e0796b;font-size:14px;margin-bottom:20px}.login-button{display:inline-block;padding:12px 32px;border:1px solid var(--gold);border-radius:999px;color:var(--gold-pale);text-decoration:none;letter-spacing:.08em;transition:background-color .3s,box-shadow .3s}.login-button:hover{background-color:#d4af371f;box-shadow:0 0 18px #d4af3759}.login-dev{display:block;margin-top:20px;font-size:12px;color:var(--text-dim);letter-spacing:.04em}.login-dev:hover{color:var(--gold-soft)}.stream{position:relative;overflow-y:auto;min-height:0;display:flex;flex-direction:column;padding:20px 18px 48px}.stream.empty{justify-content:center}.turn{width:100%;max-width:640px;margin:0 auto;flex:0 0 auto}.turn.current{min-height:calc(100% + 24px)}.turn-question{max-width:76%;margin:20px 0 16px auto;padding:10px 16px;border-radius:16px 16px 4px;background:#d4af3714;border:1px solid rgb(212 175 55 / .14);font-style:italic;font-size:15px;line-height:1.6}.turn-silent{text-align:center;margin:20px 0 16px;font-size:13px;font-style:italic;color:var(--text-dim);opacity:.7}.reading{line-height:1.75;font-size:17px;animation:fade-in 1.2s ease-out}.reading p{margin:0 0 16px}.card-name{text-align:center;font-size:15px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0 0 20px}.turn-stage{display:flex;justify-content:center;perspective:1000px;padding:36px 0 52px}.turn.past{border-top:1px solid rgb(212 175 55 / .08);padding-bottom:8px}.turn.past:first-child{border-top:none}.turn-past-row{display:flow-root;padding:12px 0 4px}.turn-thumb{float:left;width:84px;height:auto;margin:4px 20px 10px 0;border-radius:4px;opacity:.75}.turn.past .card-name{text-align:left;margin:0 0 12px}.turn.past .reading{text-align:justify;-webkit-hyphens:auto;hyphens:auto}.slot{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 0 8px;perspective:1000px}.slot-hint{margin:0;font-size:12px;letter-spacing:.1em;color:var(--text-dim)}.card-container{position:relative;aspect-ratio:899 / 1489;height:min(500px,52dvh,145vw);flex:0 0 auto;transform:scale(.82) rotateY(0);transform-style:preserve-3d;transition:transform .6s ease-in-out}.card-container.flipped{transform:scale(1) rotateY(180deg)}.card-container.static{transition:none}.card-container.clickable{cursor:pointer}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;box-shadow:0 0 12px var(--gold-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-back{background:linear-gradient(45deg,#2a250c,#292602);border:1px solid gold;transform:rotateY(0)}.card-back:before{content:"✦";color:gold;font-size:80px;text-shadow:0 0 10px rgba(255,215,0,.5)}.card-front{border:1px solid var(--gold);transform:rotateY(180deg)}.card-image{width:100%;display:block}.turn.current .card-front,.turn.current .card-back{animation:aura 3.4s ease-in-out infinite}@keyframes aura{0%,to{box-shadow:0 0 12px var(--gold-soft)}50%{box-shadow:0 0 32px 4px #e1c175cc}}.composer{border-top:1px solid rgb(212 175 55 / .15);padding:12px 18px calc(10px + env(safe-area-inset-bottom))}.composer-inner{max-width:640px;margin:0 auto;display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 16px;border:1px solid var(--gold-soft);border-radius:20px;background-color:#fbf3b9;transition:box-shadow .3s}.composer-inner:focus-within{box-shadow:0 0 16px #d4af3766}.composer-input{flex:1;min-width:0;border:none;background:none;resize:none;font:inherit;font-size:16px;line-height:1.5;color:#201a08;padding:6px 0;max-height:160px;overflow-y:auto}.composer-input:focus{outline:none}.composer-input::placeholder{color:#201a0873}.composer-send{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid rgb(32 26 8 / .3);background:none;color:#201a08;font-size:18px;line-height:1;cursor:pointer;transition:background-color .25s,opacity .25s}.composer-send:hover:not(:disabled){background-color:#201a081a}.composer-send:disabled{opacity:.35;cursor:default}.composer-meta{max-width:640px;margin:8px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.04em;color:var(--text-dim);min-height:14px}.composer-error{color:#e0796b}.status{margin:0;font-size:14px;text-align:center;color:var(--gold-soft);letter-spacing:.1em}.shine{position:absolute;z-index:5;width:10px;height:10px;fill:var(--gold-pale);pointer-events:none;animation:shine .5s 2 alternate}@keyframes shine{0%{opacity:0}to{opacity:.8;transform:scale(1.1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pulsing{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.history-scrim{position:fixed;inset:0;background:#05040a99;z-index:10}.history{position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);z-index:11;background:#0a0813;border-left:1px solid rgb(212 175 55 / .2);padding:20px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.history-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.history-empty{font-size:14px;line-height:1.6;color:var(--text-dim);font-style:italic}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.history-item{display:flex;align-items:center;border-radius:6px}.history-item:hover{background:#d4af370f}.history-item.current{background:#d4af371a}.history-pick{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 8px;background:none;border:none;cursor:pointer;text-align:left;color:inherit;font-family:inherit}.history-thumb{width:34px;border-radius:3px;flex-shrink:0;opacity:.8}.history-thumb.placeholder{height:58px;border:1px solid rgb(212 175 55 / .15)}.history-text{min-width:0;display:flex;flex-direction:column;gap:3px}.history-title{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{font-size:11px;letter-spacing:.05em;color:var(--text-dim)}.history-del{padding:10px;opacity:0;flex-shrink:0}.history-item:hover .history-del,.history-del:focus-visible{opacity:.6}.history-del:hover{opacity:1!important;color:var(--gold-pale)}@media(max-width:640px){.turn-thumb{margin-right:14px}.stream{padding:16px 12px 40px}.history-del{opacity:.5}}@media(prefers-reduced-motion:reduce){.card-container{transition:none}.turn.current .card-front,.turn.current .card-back{animation:none}.shine{display:none}.reading{animation:none}.pulsing{animation:none;opacity:.8}}