:root{--text:#d9cfae;--text-bright:#f3e7c4;--bg:#0a0a18;--bg-navy-1:#1a1f3d;--bg-navy-2:#12142a;--bg-navy-3:#0a0a18;--border:#caa5644d;--code-bg:#171a35;--accent:#caa564;--accent-bright:#e9d9ad;--accent-dim:#a08a5c;--font-display:"Cinzel", serif;--font-body:"Cormorant Garamond", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg)}body{font-family:var(--font-body);background:radial-gradient(ellipse at center, var(--bg-navy-1) 0%, var(--bg-navy-2) 55%, var(--bg-navy-3) 100%);margin:0;overflow:hidden}.card-grid{--gap:4px;place-content:space-between;gap:var(--gap);box-sizing:border-box;flex:1;grid-template-rows:repeat(6,max-content);grid-template-columns:repeat(13,max-content);width:100%;min-width:0;min-height:0;padding:6px;display:grid;container-type:size}.card-grid__box{width:max(24px, min(calc((100cqw - 12px - var(--gap) * 12) / 13), calc((100cqh - 12px - var(--gap) * 5) / 6 * 236 / 386)));aspect-ratio:236/386;border:1px solid var(--border);background:var(--code-bg) url(/images/cards/background-sm.jpg) center / contain no-repeat content-box;box-sizing:border-box;cursor:pointer;border-radius:8px;padding:4px;transition:border-color .15s}.card-grid__box--selected{border-width:2px;border-color:var(--accent)}.card-grid__box--reversed{transform:rotate(180deg)}.card-grid__box--disabled{cursor:default;opacity:.5}@media (width<=640px){.card-grid{--gap:8px;-webkit-overflow-scrolling:touch;grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));place-content:start;overflow-y:auto;container-type:inline-size}.card-grid__box{width:100%}}.result-view{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;padding:24px;display:flex}.result-view__title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright);text-shadow:0 0 18px #e9d9ad40;margin:0 0 24px;font-size:22px;font-weight:600}.result-view__body{flex:1;align-items:stretch;gap:clamp(24px,3vw,56px);min-height:0;display:flex}.result-view__list{flex-direction:column;flex:none;gap:clamp(12px,1.4vw,24px);width:clamp(280px,26vw,480px);padding-right:4px;display:flex;overflow-y:auto}.result-view__item{cursor:pointer;border-radius:10px;align-items:flex-start;gap:clamp(16px,1.6vw,28px);padding:clamp(8px,.8vw,16px);transition:background .15s;display:flex}.result-view__item:hover{background:#caa56414}.result-view__item--selected{background:#caa5641f}.result-view__image{aspect-ratio:236/386;border:1px solid var(--border);background:var(--code-bg) center / contain no-repeat content-box;box-sizing:border-box;border-radius:8px;flex:none;width:clamp(90px,9vw,160px);padding:4px}.result-view__image--reversed{transform:rotate(180deg)}.result-view__name{font-family:var(--font-display);letter-spacing:.03em;color:var(--accent);margin:0 0 6px;font-size:clamp(15px,1.2vw,22px)}.result-view__description{font-family:var(--font-body);color:var(--text);margin:0;font-size:clamp(16px,1.1vw,20px)}.result-view__panel{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;display:flex}.result-view__position{font-family:var(--font-body);color:var(--accent-dim);margin:0;font-size:17px;font-style:italic;display:none}.result-view__markdown{border:1px solid var(--border);background:var(--bg-navy-3);min-height:0;font-family:var(--font-body);color:var(--text);border-radius:10px;flex:1;padding:16px 24px;font-size:19px;line-height:1.5;overflow-y:auto}.result-view__markdown :first-child{margin-top:0}.result-view__markdown :last-child{margin-bottom:0}.result-view__markdown h1,.result-view__markdown h2,.result-view__markdown h3{font-family:var(--font-display);color:var(--accent-bright)}.result-view__markdown a{color:var(--accent)}.result-view__markdown table{border-collapse:collapse;width:100%}.result-view__markdown th,.result-view__markdown td{border:1px solid var(--border);text-align:left;padding:6px 10px}.result-view__markdown blockquote{border-left:3px solid var(--accent-dim);color:var(--accent-bright);margin:0;padding-left:14px;font-style:italic}.result-view__loading{color:var(--accent-dim);margin:0;font-style:italic}@media (width<=640px){.result-view__body{flex-direction:column}.result-view__list{flex-direction:row;width:100%;padding-bottom:6px;padding-right:0;overflow:auto visible}.result-view__item{text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;width:84px}.result-view__image{width:72px}.result-view__description{display:none}.result-view__position{display:block}.result-view__markdown{font-size:17px}}.spread-selector{box-sizing:border-box;flex:1;justify-content:center;align-items:center;min-height:0;padding:24px 16px;display:flex}.spread-selector__panel{box-sizing:border-box;border:1px solid var(--accent);outline-offset:4px;background:radial-gradient(at top,#caa5641a,#0000 60%),linear-gradient(160deg,#171a35 0%,#101225 80%,#0c0e1e 100%);border-radius:4px;outline:1px solid #caa56459;flex-direction:column;align-items:center;width:100%;max-width:460px;min-height:0;max-height:100%;padding:24px 28px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #caa56426,0 20px 60px #00000080}.spread-selector__panel:before{content:"";opacity:.14;mix-blend-mode:screen;pointer-events:none;background-image:url(/images/cards/background-sm.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.spread-selector__eyebrow{font-family:var(--font-body);letter-spacing:.14em;color:var(--accent-dim);margin:0;font-size:14px;font-style:italic;position:relative}.spread-selector__title{font-family:var(--font-display);letter-spacing:.08em;text-align:center;text-transform:uppercase;color:var(--accent-bright);text-shadow:0 0 18px #e9d9ad59;margin:4px 0 0;font-size:22px;font-weight:600;position:relative}.spread-selector__divider{width:100%;max-width:260px;color:var(--accent);flex:none;align-items:center;gap:10px;margin:12px 0 16px;display:flex;position:relative}.spread-selector__divider span{background:linear-gradient(90deg, transparent, var(--accent) 50%, transparent);flex:1;height:1px}.spread-selector__divider i{font-size:12px;font-style:normal}.spread-selector__list{scrollbar-width:thin;scrollbar-color:#caa56466 transparent;flex-direction:column;flex:1;gap:6px;width:100%;min-height:0;margin:0;padding:0 0 4px;list-style:none;display:flex;position:relative;overflow-y:auto}.spread-selector__item{width:100%;font:inherit;font-family:var(--font-body);text-align:left;color:var(--text);border:1px solid var(--border);cursor:pointer;box-sizing:border-box;background:#caa5640a;border-radius:2px;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:15px;line-height:1.25;transition:border-color .2s,background .2s,color .2s;display:flex}.spread-selector__item:hover{border-color:var(--accent);color:var(--text-bright);background:#caa5641f}.spread-selector__item--selected{border-color:var(--accent-bright);color:var(--text-bright);background:#caa5642e;box-shadow:0 0 12px #caa56459}.spread-selector__item-label{flex:1}.spread-selector__item-count{width:22px;height:22px;font-family:var(--font-display);color:var(--accent);border:1px solid #caa56480;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;display:flex}.app{box-sizing:border-box;flex-direction:column;height:100svh;display:flex}.app__hint{color:var(--accent-dim);font-family:var(--font-body);text-align:center;margin:0;padding:12px 16px 0;font-size:15px;font-style:italic}