/* Original oracle collection. The surrounding site owns its palette and fonts. */
html #co-app{--co-ink:var(--px-text,#f4eddf);--co-muted:var(--px-muted,#c6bdcc);--co-gold:var(--px-accent,#dcb976);--co-bg:var(--px-bg,#111321);--co-surface:var(--px-surface,#191a2a);--co-tint:#405778;box-sizing:border-box;width:100%;max-width:1160px;min-height:0;margin:28px auto;padding:clamp(18px,4vw,44px);background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--co-tint) 18%,transparent),transparent 60%),var(--co-bg);border:1px solid color-mix(in srgb,var(--co-gold) 16%,transparent);border-radius:22px;color:var(--co-ink);font:16px/1.65 var(--px-body,system-ui,sans-serif);overflow-wrap:anywhere}
html #co-app.co-angeles{--co-tint:#b39b72}html #co-app.co-azul{--co-tint:#297ba5}html #co-app.co-belline{--co-tint:#92602e}html #co-app.co-suerte{--co-tint:#36735d}html #co-app.co-gitana{--co-tint:#8b294a}html #co-app.co-bola{--co-tint:#694c94}html #co-app.co-sino{--co-tint:#62617e}
html #co-app *{box-sizing:border-box}html #co-app [hidden]{display:none!important}html #co-app :is(h1,h2,h3,p,figure,fieldset){margin:0}html #co-app :is(h1,h2,h3,legend){color:var(--co-ink);font-family:var(--px-heading,Georgia,serif);text-align:left;text-transform:none;letter-spacing:0}html #co-app h1{font-size:clamp(34px,4.5vw,59px);line-height:1.12;font-weight:500;letter-spacing:-.025em;margin:17px 0}html #co-app h2{font-size:clamp(24px,3vw,34px);line-height:1.25;font-weight:500}html #co-app h3{font-size:clamp(22px,2.3vw,29px);line-height:1.3;font-weight:500}html #co-app p{text-align:left;color:var(--co-ink);font-size:16px;line-height:1.7}html #co-app :is(h2,legend){scroll-margin-top:110px}
html #co-app .co-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:650;color:var(--co-gold)}html #co-app .co-intro{font-size:18px;max-width:36ch;color:var(--co-muted)}html #co-app .co-rule{display:flex;align-items:center;gap:16px;color:var(--co-gold);margin-top:24px}.co-rule:after{content:'';height:1px;width:110px;background:currentColor;opacity:.35}
html #co-app .co-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:36px;margin-bottom:38px}html #co-app .co-hero-copy{min-width:0}html #co-app .co-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:310px;isolation:isolate}html #co-app .co-hero-art:before{content:'';position:absolute;inset:14px;border:1px solid color-mix(in srgb,var(--co-gold) 25%,transparent);border-radius:50%;z-index:-1}html #co-app .co-hero-art img{display:block;width:auto;max-width:90%;height:100%;object-fit:contain;border-radius:10px;box-shadow:0 15px 35px #0006;border:1px solid color-mix(in srgb,var(--co-gold) 45%,transparent)}html #co-app .co-hero-fan img{position:absolute;height:88%;max-width:62%;transform:translateX(calc((var(--co-order) - 1)*70px)) rotate(calc((var(--co-order) - 1)*12deg));z-index:calc(3 - var(--co-order))}html #co-app .co-hero-fan img:nth-child(2){height:97%;transform:translateY(-7px);z-index:4}html #co-app.co-gitana .co-hero-art img{height:70%;max-width:72%;object-fit:cover}html #co-app.co-bola .co-hero-art img{border-radius:90px 90px 12px 12px}html #co-app.co-sino .co-hero-art img{border-radius:100px 100px 8px 8px}
html #co-app .co-panel{padding:clamp(20px,3vw,32px);border:1px solid color-mix(in srgb,var(--co-gold) 27%,transparent);border-radius:16px;background:var(--co-surface);width:100%}html #co-app fieldset{border:0;padding:0;min-width:0;margin:0 0 26px}html #co-app legend{font-size:23px;line-height:1.3;padding:0;margin-bottom:16px;width:auto;float:none}html #co-app .co-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html #co-app .co-mode{display:flex;align-items:center;gap:12px;min-width:0;padding:17px;border:1px solid color-mix(in srgb,var(--co-gold) 24%,transparent);border-radius:10px;cursor:pointer;text-transform:none;letter-spacing:0;color:var(--co-ink);margin:0;font:inherit}html #co-app .co-mode:has(input:checked){border-color:var(--co-gold);background:color-mix(in srgb,var(--co-gold) 9%,transparent)}html #co-app .co-mode input{position:static;appearance:auto;width:17px;height:17px;flex:0 0 17px;margin:0;accent-color:var(--co-gold)}html #co-app .co-mode strong{display:block;font-size:16px;font-weight:600}html #co-app .co-mode small{display:block;margin-top:4px;color:var(--co-muted);font-size:13px;line-height:1.5}
html #co-app .co-label,html #co-app .co-gallery label{display:block;margin:0 0 10px;font:600 15px/1.5 var(--px-body,system-ui,sans-serif);text-transform:none;letter-spacing:0;color:var(--co-ink)}html #co-app :is(textarea,input[type=search]){display:block;width:100%;max-width:100%;min-width:0;background:var(--co-bg);color:var(--co-ink);border:1px solid color-mix(in srgb,var(--co-gold) 35%,transparent);border-radius:10px;font:400 16px/1.6 var(--px-body,system-ui,sans-serif);padding:13px 15px;box-shadow:none}html #co-app textarea{resize:vertical;min-height:90px}html #co-app :is(textarea,input)::placeholder{color:var(--co-muted);opacity:.75}html #co-app :is(button,input,textarea,summary):focus-visible{outline:2px solid var(--co-gold);outline-offset:4px}html #co-app .co-hint{color:var(--co-muted);font-size:13px;line-height:1.65;margin:10px 0 0}
html #co-app button{appearance:none;cursor:pointer;border:1px solid color-mix(in srgb,var(--co-gold) 38%,transparent);background:transparent;color:var(--co-ink);font:500 14px/1.35 var(--px-body,system-ui,sans-serif);padding:13px 19px;border-radius:8px;min-height:46px;max-width:100%;letter-spacing:0;text-transform:none;white-space:normal;box-shadow:none;transition:border-color .18s,background .18s,transform .18s}html #co-app button:hover{border-color:var(--co-gold);background:color-mix(in srgb,var(--co-gold) 9%,transparent)}html #co-app button:disabled{cursor:default;opacity:.42}html #co-app button.co-primary{background:var(--co-gold);color:#201a10;border-color:var(--co-gold);font-weight:650;padding-inline:24px}html #co-app button.co-primary:hover{filter:brightness(1.06)}html #co-app button.co-text-button{border-color:transparent;padding-inline:0;color:var(--co-gold)}html #co-app .co-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:22px}html #co-app .co-method{border:0;border-top:1px solid color-mix(in srgb,var(--co-gold) 18%,transparent);padding-top:18px;margin-top:24px;background:none}html #co-app summary{cursor:pointer;color:var(--co-gold);font-size:13px;font-weight:600}html #co-app .co-method p{font-size:13px;color:var(--co-muted);margin-top:12px;max-width:80ch}
html #co-app .co-section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}html #co-app .co-section-heading p,html #co-app time{font-size:13px;color:var(--co-muted)}html #co-app .co-deck{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,2vw,21px);max-width:880px;margin:26px auto 0;padding:10px 0}html #co-app .co-deck button{position:relative;min-width:0;min-height:0;aspect-ratio:2/3;padding:8px;border-radius:9px;border:1px solid color-mix(in srgb,var(--co-gold) 56%,transparent);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--co-tint) 65%,#090b16),#0b0d18);color:var(--co-gold);box-shadow:0 6px 14px #0004;isolation:isolate}html #co-app .co-deck button:before{content:'';position:absolute;inset:7px;border:1px solid currentColor;opacity:.45;border-radius:4px;pointer-events:none}html #co-app .co-deck button:after{content:'';position:absolute;width:58%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;left:21%;top:30%;opacity:.45;box-shadow:0 0 0 5px color-mix(in srgb,var(--co-gold) 7%,transparent);pointer-events:none}html #co-app .co-deck button span{position:relative;z-index:1;font:400 clamp(22px,3vw,34px)/1 Georgia,serif}html #co-app .co-deck button:not(:disabled):hover{transform:translateY(-7px);border-color:var(--co-gold)}html #co-app .co-deck button[data-selected]{transform:translateY(-9px);opacity:1;border:2px solid var(--co-gold);box-shadow:0 0 20px color-mix(in srgb,var(--co-gold) 20%,transparent)}html #co-app .co-deck button[data-selected]:after{opacity:.15}html #co-app .co-deck button[data-selected] span{font-size:25px}html #co-app.co-sino .co-deck{max-width:660px;grid-template-columns:repeat(3,minmax(0,1fr))}html #co-app.co-sino .co-deck button{border-radius:90px 90px 6px 6px}
html #co-app .co-wait{text-align:center;padding-block:35px}html #co-app .co-wait :is(h2,p){text-align:center}html #co-app .co-wait p{color:var(--co-muted);font-size:14px;margin-top:10px}html #co-app .co-wait-symbol{height:110px;display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:22px}html #co-app .co-wait-symbol i{display:block;width:55px;height:83px;border:1px solid var(--co-gold);border-radius:5px;background:radial-gradient(circle,color-mix(in srgb,var(--co-tint) 60%,#141323),#11111e);animation:co-breathe 2.4s ease-in-out infinite}html #co-app .co-wait-symbol i:nth-child(2){animation-delay:.25s}html #co-app .co-wait-symbol i:nth-child(3){animation-delay:.5s}html #co-app.co-bola .co-wait-symbol i{border-radius:50%;width:92px;height:92px;background:radial-gradient(circle at 32% 27%,#fff9,#8b7dae55 18%,#1d193acc 70%);box-shadow:0 0 35px #aca0ff25}html #co-app.co-bola .co-wait-symbol i:not(:first-child){display:none}
html #co-app .co-query{border-left:2px solid var(--co-gold);padding:12px 17px;margin-bottom:25px;background:color-mix(in srgb,var(--co-gold) 4%,transparent);color:var(--co-muted);white-space:pre-wrap}html #co-app .co-reading-card{display:grid;grid-template-columns:minmax(110px,190px) minmax(0,1fr);gap:clamp(22px,4vw,42px);align-items:center;border-top:1px solid color-mix(in srgb,var(--co-gold) 22%,transparent);padding:28px 0}html #co-app .co-reading-card:first-child{border-top:0;padding-top:4px}html #co-app .co-reading-card img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 12px 28px #0005;border:1px solid color-mix(in srgb,var(--co-gold) 40%,transparent)}html #co-app .co-reading-copy{min-width:0;max-width:65ch}html #co-app .co-reading-order{color:var(--co-gold);font-size:11px;letter-spacing:.12em;margin-bottom:10px}html #co-app .co-reading-symbol{font-size:14px;color:var(--co-gold);margin-top:10px}html #co-app .co-reading-meaning{margin-top:18px}html #co-app .co-reading-meaning p{font-size:17px;line-height:1.85}html #co-app .co-reading-meaning p+p{margin-top:12px}html #co-app .co-reading-card:only-child{grid-template-columns:minmax(140px,240px) minmax(0,1fr)}html #co-app .co-note{border-top:1px solid color-mix(in srgb,var(--co-gold) 15%,transparent);padding-top:18px;margin-top:12px;font-size:12px;color:var(--co-muted)}html #co-app .co-finish{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:26px}html #co-app .co-finish .co-hint{max-width:48ch;margin:0}html #co-app.co-bola .co-reading-card img{border-radius:100px 100px 10px 10px}html #co-app .co-answer-sign{font-size:clamp(28px,3.7vw,46px);line-height:1.3;font-family:var(--px-heading,Georgia,serif);color:var(--co-gold)}
html #co-app .co-gallery{position:fixed;inset:0;width:min(980px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 34px);height:auto;margin:auto;border:1px solid color-mix(in srgb,var(--co-gold) 45%,transparent);border-radius:17px;background:var(--co-bg);color:var(--co-ink);padding:clamp(20px,3vw,32px);overflow:auto;font-family:var(--px-body,system-ui,sans-serif)}html #co-app .co-gallery::backdrop{background:#000b;backdrop-filter:blur(5px)}html #co-app .co-gallery>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}html #co-app .co-gallery h2{font-size:29px}html #co-app .co-gallery header button{flex-shrink:0}html #co-app .co-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 17px;margin-top:24px}html #co-app .co-gallery-card{min-width:0}html #co-app .co-gallery-card img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:7px;background:var(--co-surface)}html #co-app .co-gallery-card h3{font-size:18px;margin-top:10px}html #co-app .co-gallery-card p{font-size:12px;color:var(--co-muted);line-height:1.5;margin-top:6px}html #co-app.co-gitana .co-gallery-card img{aspect-ratio:1}
html #co-app .co-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,760px);margin:22px auto;gap:3px;padding:5px;background:#090810;border:1px solid color-mix(in srgb,var(--co-gold) 40%,transparent);border-radius:9px}html #co-app .co-tile{position:relative;aspect-ratio:1;min-width:0;background:#241727;border:1px solid #80664e;overflow:hidden;isolation:isolate;transition:opacity .25s,filter .25s}html #co-app .co-tile[data-revealed=false]{opacity:0}html #co-app .co-tile-art{position:absolute;inset:0;transition:transform .15s}html #co-app .co-half{position:absolute;inset:0;overflow:hidden;pointer-events:none}html #co-app .co-half img{position:absolute;width:100%;height:100%;max-width:none;object-fit:cover;transform-origin:center}html #co-app .co-half-1{clip-path:polygon(0 0,50% 50%,0 100%)}html #co-app .co-half-2{clip-path:polygon(0 0,100% 0,50% 50%)}html #co-app .co-half-3{clip-path:polygon(100% 0,100% 100%,50% 50%)}html #co-app .co-half-4{clip-path:polygon(0 100%,50% 50%,100% 100%)}html #co-app .co-half-1 img{left:-50%;top:0}html #co-app .co-half-2 img{left:0;top:-50%}html #co-app .co-half-3 img{left:50%;top:0}html #co-app .co-half-4 img{left:0;top:50%}html #co-app .co-tile:after{content:'';position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);width:8px;height:8px;background:var(--co-gold);transform:rotate(45deg);z-index:2;box-shadow:0 0 0 2px #18101a}html #co-app .co-half[data-match=true]{filter:brightness(1.2) saturate(1.15)}html #co-app .co-tile[data-dim=true]{filter:brightness(.63)}html #co-app .co-board-reading{margin:22px 0}html #co-app .co-board-reading h3{font-size:24px;margin-bottom:10px}html #co-app .co-board-reading p{font-size:14px;color:var(--co-muted)}html #co-app .co-gitana-meaning .co-reading-card{grid-template-columns:minmax(100px,150px) minmax(0,1fr);align-items:start}html #co-app .co-gitana-meaning .co-reading-card img{aspect-ratio:1}html #co-app .co-gitana-meaning .co-reading-meaning p{font-size:16px}html #co-app .co-supplement{padding-top:22px;border-top:1px solid color-mix(in srgb,var(--co-gold) 35%,transparent);margin-top:15px}
html #co-app .co-saved-board{display:block;width:100%;max-width:520px;height:auto;margin:22px auto;border:1px solid color-mix(in srgb,var(--co-gold) 35%,transparent);border-radius:8px}html #co-app.co-gitana .co-deck{grid-template-columns:repeat(3,minmax(0,1fr));max-width:550px}html #co-app.co-gitana .co-deck button{aspect-ratio:1}
@keyframes co-breathe{0%,100%{transform:translateY(0) rotate(-3deg);opacity:.55}50%{transform:translateY(-10px) rotate(3deg);opacity:1}}
@media(max-width:800px){html #co-app .co-hero{gap:22px;grid-template-columns:1.1fr 1fr}html #co-app .co-hero-art{height:240px}html #co-app .co-hero-fan img{transform:translateX(calc((var(--co-order) - 1)*45px)) rotate(calc((var(--co-order) - 1)*10deg))}html #co-app .co-hero-fan img:nth-child(2){transform:translateY(-7px)}html #co-app .co-deck{grid-template-columns:repeat(4,minmax(0,1fr));max-width:600px}html #co-app .co-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){html #co-app{margin:16px auto;padding:20px 16px;border-radius:15px}html #co-app .co-hero{grid-template-columns:1fr;gap:24px;margin-bottom:26px}html #co-app .co-hero h1{font-size:38px}html #co-app .co-hero-art{height:190px;max-width:340px;width:100%;margin:0 auto;grid-row:2}html #co-app .co-hero-art:before{inset:5px 25px}html #co-app .co-intro{font-size:16px;max-width:unset}html #co-app .co-rule{margin-top:16px}html #co-app .co-panel{padding:20px 16px}html #co-app .co-modes{grid-template-columns:1fr;gap:9px}html #co-app .co-mode{padding:13px}html #co-app .co-mode small{font-size:12px}html #co-app .co-deck{gap:12px 9px}html #co-app .co-deck button{border-radius:6px}html #co-app .co-deck button:before{inset:4px}html #co-app .co-section-heading{display:block}html #co-app .co-section-heading :is(time,p){display:block;margin-top:9px}html #co-app .co-reading-card,html #co-app .co-reading-card:only-child{grid-template-columns:1fr;gap:21px;padding-block:24px}html #co-app .co-reading-card figure{width:min(58%,210px);margin:0 auto}html #co-app .co-reading-meaning p{font-size:16px;line-height:1.8}html #co-app .co-reading-copy{max-width:100%}html #co-app .co-gallery{padding:20px 15px}html #co-app .co-gallery h2{font-size:24px}html #co-app .co-gallery header button{font-size:12px;padding:10px}html #co-app .co-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}html #co-app .co-gallery-card h3{font-size:17px}html #co-app .co-finish{display:block}html #co-app .co-finish .co-hint{margin-top:16px}html #co-app .co-gitana-meaning .co-reading-card{grid-template-columns:1fr}html #co-app .co-gitana-meaning .co-reading-card figure{width:145px}html #co-app .co-board{gap:2px;padding:3px}html #co-app .co-tile:after{width:5px;height:5px;left:calc(50% - 2.5px);top:calc(50% - 2.5px)}}
@media(prefers-reduced-motion:reduce){html #co-app *,html #co-app *:before,html #co-app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}