:root{--btn-radius:4px;--btn-border-width:1px;--btn-border-color:#d9b96e66;--btn-border-color-hover:#d9b96e;--btn-border-color-focus:#ead49a;--btn-border-color-muted:#d9b96e38;--btn-border-color-primary:#d9b96e8c;--btn-bg-navy:#070b19a6;--btn-bg-hover:#d9b96e1f;--btn-bg-primary:linear-gradient(135deg, #d9b96e38, #070b19bf);--btn-bg-primary-hover:linear-gradient(135deg, #d9b96e59, #070b19d9);--btn-text-gold:#ead49a;--btn-text-cream:#f3ead4;--btn-text-white:#fff;--btn-text-muted:#f3ead4a6;--btn-font-family:Arial, Helvetica, sans-serif;--btn-font-size:11px;--btn-font-size-sm:10px;--btn-font-size-md:12px;--btn-letter-spacing:.1em;--btn-line-height:1.2;--btn-text-transform:uppercase;--btn-font-weight:600;--btn-padding-y:8px;--btn-padding-x:18px;--btn-min-height:38px}.oracle-btn,.manuscript-button{box-sizing:border-box;min-height:var(--btn-min-height);padding:var(--btn-padding-y) var(--btn-padding-x);border:var(--btn-border-width) solid var(--btn-border-color);border-radius:var(--btn-radius);background:var(--btn-bg-navy);color:var(--btn-text-gold);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);letter-spacing:var(--btn-letter-spacing);text-transform:var(--btn-text-transform);line-height:var(--btn-line-height);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:border-color .2s,background .2s,color .2s,box-shadow .2s,transform .15s;display:inline-flex}.oracle-btn:hover,.manuscript-button:hover{border-color:var(--btn-border-color-hover);color:var(--btn-text-cream);background:var(--btn-bg-hover)}.oracle-btn:focus-visible,.manuscript-button:focus-visible{outline:2px solid var(--btn-border-color-focus);outline-offset:2px}.oracle-btn[disabled],.oracle-btn:disabled,.manuscript-button[disabled],.manuscript-button:disabled{opacity:.35;pointer-events:none;cursor:not-allowed;box-shadow:none;transform:none}.oracle-btn--primary,.primary-action,.btn-enter-doorway,.flow-btn-continue,.flow-modal-btn--save{background:var(--btn-bg-primary);border-color:var(--btn-border-color-primary);color:var(--btn-text-cream);font-weight:700;box-shadow:0 2px 10px #0003}.oracle-btn--primary:hover,.oracle-btn--primary:focus-visible,.primary-action:hover,.primary-action:focus-visible,.btn-enter-doorway:hover,.btn-enter-doorway:focus-visible,.flow-btn-continue:hover,.flow-btn-continue:focus-visible,.flow-modal-btn--save:hover,.flow-modal-btn--save:focus-visible{background:var(--btn-bg-primary-hover);border-color:var(--btn-border-color-hover);color:var(--btn-text-white);transform:translateY(-1px);box-shadow:0 4px 14px #d9b96e33}.oracle-btn--secondary,.flow-save-exit-btn,.flow-btn-back{background:var(--btn-bg-navy);border-color:var(--btn-border-color);color:var(--btn-text-gold)}.oracle-btn--secondary:hover,.oracle-btn--secondary:focus-visible,.flow-save-exit-btn:hover,.flow-save-exit-btn:focus-visible,.flow-btn-back:hover,.flow-btn-back:focus-visible{border-color:var(--btn-border-color-hover);background:var(--btn-bg-hover);color:var(--btn-text-cream)}.oracle-btn--tertiary,.btn-quiet-action,.flow-modal-btn--stay{border-color:var(--btn-border-color-muted);color:var(--btn-text-muted);background:0 0}.oracle-btn--tertiary:hover,.oracle-btn--tertiary:focus-visible,.btn-quiet-action:hover,.btn-quiet-action:focus-visible,.flow-modal-btn--stay:hover,.flow-modal-btn--stay:focus-visible{border-color:var(--btn-border-color);color:var(--btn-text-cream);background:#d9b96e0f}.oracle-btn--destructive,.flow-modal-btn--leave{border-color:var(--btn-border-color-muted);color:var(--btn-text-muted);background:#070b1980}.oracle-btn--destructive:hover,.oracle-btn--destructive:focus-visible,.flow-modal-btn--leave:hover,.flow-modal-btn--leave:focus-visible{color:var(--btn-text-cream);background:#d9b96e14;border-color:#d9b96e73}.oracle-btn--icon,.flow-close-btn{border:1px solid var(--btn-border-color-muted);border-radius:var(--btn-radius);width:34px;height:34px;min-height:34px;color:var(--btn-text-muted);background:#070b1980;padding:0;font-size:1.15rem;line-height:1}.oracle-btn--icon:hover,.oracle-btn--icon:focus-visible,.flow-close-btn:hover,.flow-close-btn:focus-visible{border-color:var(--btn-border-color-hover);background:var(--btn-bg-hover);color:var(--btn-text-cream)}.history-disclosure-header{justify-content:flex-start;align-items:center;width:100%;display:flex}.history-toggle-button{box-sizing:border-box;border-radius:var(--btn-radius,4px);min-height:36px;color:var(--btn-text-gold,#ead49a);font-family:var(--btn-font-family,Arial, sans-serif);font-size:var(--btn-font-size,11px);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#080e20bf;border:1px solid #d9b96e59;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:border-color .2s,background .2s,color .2s,box-shadow .2s;display:inline-flex}.history-toggle-button:hover{border-color:var(--btn-border-color-hover,#d9b96e);background:var(--btn-bg-hover,#d9b96e24);color:var(--btn-text-white,#fff)}.history-toggle-button:focus-visible{outline:2px solid var(--btn-border-color-focus,#ead49a);outline-offset:2px;border-color:var(--btn-border-color-hover,#d9b96e)}.history-toggle-button[aria-expanded=true]{color:var(--btn-text-cream,#f3ead4);background:#0b1228d9;border-color:#d9b96e73}.history-toggle-icon{color:#d9b96e;font-size:10px;line-height:1;transition:transform .2s;display:inline-block}.history-toggle-button[aria-expanded=true] .history-toggle-icon{transform:rotate(90deg)}.history-collapsible-content{margin-top:18px}.history-collapsible-content[hidden]{display:none!important}.guidebook{outline-offset:-9px;text-align:left;background:radial-gradient(circle at 50% 0,#d9b96e13,#0000 23%),linear-gradient(#080d1ffa,#030611fc);border:1px solid #d9b96ead;border-radius:5px;outline:1px solid #d9b96e47;width:100%;padding:clamp(30px,6vw,68px) clamp(24px,7vw,76px);transition:opacity .18s,transform .18s;position:relative;box-shadow:0 30px 90px #00000080,inset 0 0 70px #00000038}.guidebook.is-changing{opacity:.25;transform:translateX(var(--detail-direction,0))}.manuscript-corner{color:#d9b96eb8;pointer-events:none;width:34px;height:34px;position:absolute}.manuscript-corner:before,.manuscript-corner:after{content:"";position:absolute}.manuscript-corner:before{background:currentColor;width:28px;height:1px}.manuscript-corner:after{background:currentColor;width:1px;height:28px}.corner-tl{top:16px;left:16px}.corner-tr{top:16px;right:16px;transform:scaleX(-1)}.corner-bl{bottom:16px;left:16px;transform:scaleY(-1)}.corner-br{bottom:16px;right:16px;transform:scale(-1)}.detail-top{border-bottom:1px solid var(--line);text-align:center;max-width:690px;margin:0 auto 28px;padding-bottom:26px}#detailSuit,.detail-suit{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;font-family:Georgia,Times New Roman,serif;font-size:clamp(14px,2.44vw,23px);line-height:1.2}.detail-art-frame{aspect-ratio:2/3;background:#02040a;border:1px solid #d9b96e85;border-radius:12px;width:min(100%,320px);margin:0 auto 20px;position:relative;overflow:hidden;box-shadow:0 20px 55px #00000075}#detailArtwork,.detail-artwork{object-fit:contain;object-position:center;background:#02040a;width:100%;max-width:100%;height:100%;display:block}#detailArtwork.card-art--normalized,.detail-artwork.card-art--normalized{object-position:var(--art-position,50% 50%);transform:scale(var(--art-scale,1));transform-origin:50%}.detail-art-frame.is-early-art:after{border-right:var(--side-mask,0) solid #02040a;border-left:var(--side-mask,0) solid #02040a;box-shadow:inset 0 0 0 var(--edge-mask,4px) #02040a;pointer-events:none;content:"";border-radius:14px;position:absolute;inset:0}.key-box{border:1px solid var(--line);text-align:center;background:#d9b96e0b;border-radius:3px;max-width:680px;margin:34px auto 42px;padding:22px 28px}.key-box h3,.guide-section h3,.oracle-speaks h3{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;text-align:center;margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:21px;line-height:1.3}.key-box p{color:var(--light-gold);text-align:center;white-space:normal;margin:0;font-size:19px;line-height:1.55}.guide-section{text-align:center;border-top:1px solid #d9b96e38;max-width:680px;margin:0 auto;padding:23px 0 25px}.guide-section p{color:#e9e5da;white-space:normal;text-align:center;margin:0;font-size:16.5px;line-height:1.55}.oracle-speaks{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;max-width:710px;margin:8px auto;padding:32px 30px 34px;position:relative}.oracle-speaks:before{color:var(--gold);content:"✦";text-shadow:0 0 14px #d9b96e73;background:#070c1d;width:42px;margin:-50px auto 18px;display:block}.oracle-speaks p{color:var(--light-gold);white-space:normal;text-align:center;margin:0;font-size:19px;font-style:italic;line-height:1.5}.closing-section{text-align:center;padding-bottom:42px}.closing-section p{color:var(--light-gold);font-size:18px;line-height:1.65}.swipe-hint{color:#d9b96eb8;letter-spacing:.1em;text-align:center;min-height:20px;margin:14px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:10px;transition:opacity .5s}.swipe-hint.hidden{opacity:0}@media (width<=700px){.guidebook{padding:38px clamp(22px,7vw,42px) 34px}}@media (width<=430px){.guidebook{outline-offset:-7px;border-radius:4px;padding:34px 22px 30px}.oracle-speaks{padding:26px 5px 28px}.oracle-speaks p{font-size:17px}.guide-section p{font-size:16px}.manuscript-corner{width:24px;height:24px}.corner-tl,.corner-bl{left:12px}.corner-tr,.corner-br{right:12px}}.detail-nav{border-top:1px solid #d9b96e57;border-bottom:1px solid #d9b96e57;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:18px;padding:11px 14px;display:grid}.detail-nav-group{align-items:center;gap:8px;display:flex}.detail-nav-group:last-child{justify-content:flex-end}.detail-nav.has-single-card-navigation,.detail-bottom-nav.has-single-card-navigation{justify-content:center;align-items:center;gap:12px;display:flex}.detail-nav.has-single-card-navigation .detail-position,.detail-bottom-nav.has-single-card-navigation .detail-position{display:none}.detail-nav.has-single-card-navigation .detail-nav-group,.detail-bottom-nav.has-single-card-navigation .detail-nav-group{justify-content:center;align-items:center;gap:0;width:auto;min-width:0;display:flex}.manuscript-button{min-height:40px;color:var(--light-gold,#ead49a);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;text-align:center;box-sizing:border-box;background:#070b198c;border:1px solid #d9b96e66;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:7px 10px;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.25;text-decoration:none;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.manuscript-button:hover{border-color:var(--gold,#d9b96e);color:var(--cream,#f3ead4);background:#d9b96e14}.manuscript-button:focus-visible{outline:2px solid var(--light-gold,#ead49a);outline-offset:3px}.nav-btn-line{white-space:nowrap}@media (width>=701px){.nav-btn-line{display:inline}}.detail-position{text-align:center;min-width:116px}.detail-position-label{color:var(--light-gold,#ead49a);letter-spacing:.16em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:10px}.detail-journey-suit{min-height:14px;color:var(--gold,#d9b96e);letter-spacing:.15em;text-transform:uppercase;margin-top:3px;font-size:9px}.detail-dots{justify-content:center;gap:7px;margin-top:7px;display:flex}.detail-dot{background:0 0;border:1px solid #d9b96ebf;border-radius:50%;width:6px;height:6px}.detail-dot.active{background:var(--gold,#d9b96e);box-shadow:0 0 8px #d9b96e73}.detail-bottom-nav{margin:18px 0 0}@media (width<=700px){.detail-nav{grid-template-columns:1fr 1fr;gap:8px 6px;padding-left:0;padding-right:0}.detail-nav>.detail-position{grid-area:1/1/auto/-1}.detail-nav-group:first-child{grid-area:2/1/auto/2;justify-content:flex-start;gap:6px;width:100%;min-width:0;display:flex}.detail-nav-group:last-child{grid-area:2/2/auto/3;justify-content:flex-end;gap:6px;width:100%;min-width:0;display:flex}.detail-nav.has-single-card-navigation,.detail-bottom-nav.has-single-card-navigation{justify-content:center;align-items:center;gap:10px;padding-left:0;padding-right:0;display:flex}.detail-nav.has-single-card-navigation .detail-nav-group:first-child,.detail-nav.has-single-card-navigation .detail-nav-group:last-child,.detail-bottom-nav.has-single-card-navigation .detail-nav-group:first-child,.detail-bottom-nav.has-single-card-navigation .detail-nav-group:last-child{grid-area:auto;justify-content:center;align-items:center;gap:0;width:auto;min-width:0;display:flex}.detail-nav.has-single-card-navigation .detail-position,.detail-bottom-nav.has-single-card-navigation .detail-position{display:none}.detail-nav.has-single-card-navigation .manuscript-button,.detail-bottom-nav.has-single-card-navigation .manuscript-button{letter-spacing:.08em;min-height:40px;padding:7px 14px;font-size:9.5px}.detail-nav:not(.has-single-card-navigation) .detail-nav-group .manuscript-button{letter-spacing:.05em;text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;width:100%;min-width:0;min-height:42px;padding:6px 3px;font-size:9px;line-height:1.15;display:inline-flex}.nav-btn-line{white-space:nowrap;display:block}}@media (width<=430px){.detail-nav-group{gap:5px}.detail-position{min-width:86px}}@media (width<=360px){.detail-nav{gap:7px 4px}.detail-nav-group{gap:4px}.detail-nav.has-single-card-navigation,.detail-bottom-nav.has-single-card-navigation{gap:6px}.detail-nav.has-single-card-navigation .manuscript-button,.detail-bottom-nav.has-single-card-navigation .manuscript-button{letter-spacing:.04em;padding:6px 10px;font-size:8.5px}.detail-nav:not(.has-single-card-navigation) .detail-nav-group .manuscript-button{letter-spacing:.02em;padding:5px 2px;font-size:8.5px}}.cards-area{justify-content:center;align-items:flex-start;gap:clamp(14px,2vw,24px);width:100%;margin:24px auto 38px;display:grid}.cards-area.cards-area--single{grid-template-columns:minmax(0,min(100%,360px));justify-items:center}.cards-area.cards-area--three{grid-template-columns:repeat(3,minmax(0,236px))}.cards-area.cards-area--four{grid-template-columns:repeat(4,minmax(0,220px))}.cards-area.cards-area--review{grid-template-columns:repeat(5,minmax(0,190px));width:min(100%,1050px)}.oracle-card{aspect-ratio:2/3;cursor:pointer;width:100%;min-width:0;color:var(--cream,#f3ead4);background:#02040a;border:1px solid #d9b96e9e;border-radius:16px;padding:0;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000073,inset 0 0 0 5px #d9b96e0d}.card-back,.card-front{background:#02040a;position:absolute;inset:0;overflow:hidden}.card-art{object-fit:contain;object-position:center;background:#02040a;width:100%;max-width:100%;height:100%;display:block}.card-art--normalized{object-position:var(--art-position,50% 50%);transform:scale(var(--art-scale,1));transform-origin:50%}.oracle-card.is-early-art .card-front:after{z-index:1;border-right:var(--side-mask,0) solid #02040a;border-left:var(--side-mask,0) solid #02040a;box-shadow:inset 0 0 0 var(--edge-mask,4px) #02040a;pointer-events:none;content:"";border-radius:14px;position:absolute;inset:0}.card-instruction{color:var(--light-gold,#ead49a);letter-spacing:.05em;z-index:2;opacity:0;background:#03050cdb;border:1px solid #d9b96e57;border-radius:999px;margin:0;padding:8px 10px;font-family:Arial,Helvetica,sans-serif;font-size:10px;transition:opacity .2s,transform .2s;position:absolute;bottom:9px;left:9px;right:9px;transform:translateY(5px)}.oracle-card.is-revealed:hover .card-instruction,.oracle-card.is-revealed:focus-visible .card-instruction{opacity:1;transform:translateY(0)}.oracle-card:focus-visible{outline:2px solid var(--light-gold,#ead49a);outline-offset:4px}@media (width<=800px){.cards-area.cards-area--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,16px);width:min(100%,560px)}.cards-area.cards-area--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.5vw,14px);width:min(100%,680px)}.cards-area.cards-area--review{grid-template-columns:repeat(2,minmax(0,210px))}}@media (width<=430px){.cards-area.cards-area--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.8vw,8px);width:100%;margin:18px auto 28px}.cards-area.cards-area--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(4px,1.2vw,6px);width:100%;margin:18px auto 28px}.cards-area.cards-area--three .oracle-card,.cards-area.cards-area--four .oracle-card{border-radius:10px;box-shadow:0 10px 28px #00000073,inset 0 0 0 3px #d9b96e0d}.cards-area.cards-area--review{grid-template-columns:minmax(0,min(78vw,250px))}}