.home-signoff{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 16px 5px}.home-signoff .footer-note{padding:0;max-width:270px}.oracle-entry{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:48px;border:0;padding:4px;margin:0;background:transparent;cursor:pointer;color:#192d20;box-shadow:none}.oracle-cat{display:block;width:34px;height:40px}.oracle-cat svg{display:block;width:100%;height:100%;fill:currentColor;overflow:visible}.oracle-entry:hover{color:#101f16}.oracle-entry:focus-visible{outline:1px solid #e8ca78;outline-offset:2px;border-radius:5px}

#oracle-dialog{width:min(610px,calc(100% - 22px));max-height:94dvh;padding:0 22px 22px;border:1px solid #d9bd70;border-radius:36px 8px 8px 8px;background:radial-gradient(ellipse at 50% 40%,#637044,#294530 80%);color:#fff0c2;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;box-shadow:0 16px 70px #09261acc}#oracle-dialog::backdrop{background:#0c271fdd;backdrop-filter:blur(5px)}.oracle-dialog-bar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;padding:12px 0 4px;background:linear-gradient(#384f32f5,#384f3200);color:#e7cc81}.oracle-dialog-bar .round{width:34px;height:34px}.oracle-heading{text-align:center;padding:2px 8px}.oracle-heading .eyebrow{font-size:9px;letter-spacing:2px}.oracle-heading h2{font:clamp(25px,6vw,34px)/1.2 Georgia;color:#ffedbb;margin:10px 0 12px}.oracle-instruction{text-align:center;font:italic 15px/1.65 Georgia!important;color:#e9e8c8;max-width:400px;min-height:50px;margin:12px auto 4px}.oracle-footnote{text-align:center;color:#d6dcbc;font:italic 12px/1.6 Georgia!important;margin:10px 0 0}.oracle-stage{position:relative;isolation:isolate;width:100%;height:450px;max-height:61dvh;perspective:1200px;transition:height .65s,max-height .65s}.oracle-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(48vw,205px);aspect-ratio:9/16;border:0;padding:0;background:transparent;cursor:pointer;perspective:1200px;z-index:3;overflow:visible;transition:width .65s cubic-bezier(.2,.6,.3,1),top .65s;touch-action:manipulation}.oracle-card:disabled{cursor:default;opacity:1}.oracle-card:focus-visible{outline:2px solid #ffe1a0;outline-offset:10px;border-radius:8px}.oracle-flipper{position:absolute;inset:0;display:block;transform-style:preserve-3d;will-change:transform}.oracle-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7px;overflow:hidden;border:1px solid #dbc27a;box-sizing:border-box;box-shadow:0 5px 22px #10241c77;background:#15151b}.oracle-face img{display:block;width:100%;height:100%;object-fit:contain}.oracle-front{transform:rotateY(180deg)}.oracle-stack{position:absolute;inset:0;display:block;transition:opacity .5s}.oracle-stack i{position:absolute;inset:0;background:center/100% 100% url('assets/oracle/back.webp');border:1px solid #d5ba72;border-radius:7px;box-shadow:0 6px 15px #142c2255}.oracle-stack i:nth-child(1){transform:translate(-7px,6px) rotate(-5deg)}.oracle-stack i:nth-child(2){transform:translate(7px,3px) rotate(4deg)}.oracle-stack i:nth-child(3){transform:translate(0,5px) rotate(-1deg)}.oracle-halo{position:absolute;left:50%;top:50%;width:85%;height:75%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#ffe4a155,#e9ca6133 35%,#a4c97a22 53%,transparent 70%);filter:blur(20px);opacity:.25;transition:opacity .6s;pointer-events:none;z-index:0}.oracle-stage.is-selected{height:min(145vw,660px);max-height:none}.oracle-stage.is-selected .oracle-card{width:min(76vw,340px)}.oracle-stage.is-selected .oracle-stack{opacity:0}.oracle-stage.is-selected .oracle-halo{opacity:1;background:radial-gradient(ellipse,#ffdda477,#e2bb5866 35%,#b6cb8244 52%,transparent 72%)}.oracle-stage.is-selected .oracle-back{box-shadow:0 0 18px #ffdf8a88,0 0 45px #eac76555}.oracle-stage[data-phase="revealed"] .oracle-front{box-shadow:0 0 16px #e1c37155,0 8px 22px #132b2299}.oracle-stage[data-phase="shuffling"] .oracle-flipper{animation:oracleTopDeal 1.12s cubic-bezier(.45,0,.25,1) infinite}.oracle-stage[data-phase="shuffling"] .oracle-stack i:nth-child(1){animation:oracleLeftDeal 1.12s cubic-bezier(.45,0,.25,1) infinite}.oracle-stage[data-phase="shuffling"] .oracle-stack i:nth-child(2){animation:oracleRightDeal 1.12s cubic-bezier(.45,0,.25,1) infinite}.oracle-stage[data-phase="shuffling"] .oracle-stack i:nth-child(3){animation:oracleMiddleDeal 1.12s cubic-bezier(.45,0,.25,1) infinite}.oracle-stage[data-phase="shuffling"] .oracle-halo{opacity:.8}
@keyframes oracleTopDeal{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(30%,-3%) rotate(7deg)}50%{transform:translate(0,-2%) rotate(0)}75%{transform:translate(-30%,-3%) rotate(-7deg)}}@keyframes oracleLeftDeal{0%,100%{transform:translate(-7px,6px) rotate(-5deg)}25%{transform:translate(-28%,2%) rotate(-9deg)}50%{transform:translate(4px,7px) rotate(2deg)}75%{transform:translate(26%,1%) rotate(8deg)}}@keyframes oracleRightDeal{0%,100%{transform:translate(7px,3px) rotate(4deg)}25%{transform:translate(8px,10px) rotate(3deg)}50%{transform:translate(-28%,0) rotate(-8deg)}75%{transform:translate(3px,8px) rotate(1deg)}}@keyframes oracleMiddleDeal{0%,100%{transform:translate(0,5px) rotate(-1deg)}25%{transform:translate(-3px,7px) rotate(-2deg)}50%{transform:translate(28%,2%) rotate(8deg)}75%{transform:translate(-6px,6px) rotate(-3deg)}}

.oracle-ambient,.oracle-bursts{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:4}.oracle-ambient i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:#ffe9a2;box-shadow:0 0 7px #e8cd7e;border-radius:50%;animation:oracleMote var(--t) var(--d) ease-in-out infinite}.oracle-ambient i:nth-child(3n){clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);border-radius:0;background:#d7edac}.oracle-bursts i{position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);background:#ffecac;box-shadow:0 0 6px #ffdc77;clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%);animation:oracleBurst 1.5s var(--d) ease-out both}.oracle-bursts i:nth-child(3n){background:#dbf0a8}@keyframes oracleMote{0%,100%{opacity:.1;transform:translateY(12px) scale(.6)}50%{opacity:.85;transform:translateY(-18px) scale(1)}}@keyframes oracleBurst{0%{opacity:0;transform:rotate(var(--a)) translateX(5px) scale(.2)}15%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateX(var(--r)) rotate(90deg) scale(.3)}}
@media(max-width:400px){#oracle-dialog{padding:0 16px 18px}.oracle-instruction{font-size:14px!important}}@media(prefers-reduced-motion:reduce){.oracle-ambient i,.oracle-bursts i,.oracle-stage[data-phase="shuffling"] .oracle-card,.oracle-stage[data-phase="shuffling"] .oracle-flipper,.oracle-stage[data-phase="shuffling"] .oracle-stack i{animation:none!important}.oracle-stage,.oracle-card{transition:none}.oracle-stage[data-phase="shuffling"] .oracle-card{outline:1px solid #edce7f;outline-offset:8px}}

/* The chosen card floats above the copy and fits inside the visible screen. */
#oracle-dialog.has-selected{height:94dvh;overflow:hidden}
#oracle-dialog.has-selected .oracle-heading,#oracle-dialog.has-selected .oracle-instruction,#oracle-dialog.has-selected .oracle-footnote{opacity:.12;pointer-events:none}
#oracle-dialog .oracle-stage.is-selected{position:absolute;inset:52px 14px 24px;width:auto;height:auto;max-height:none;z-index:10;background:radial-gradient(ellipse,#435c36ed 35%,#435c36bb 65%,transparent 90%)}
#oracle-dialog .oracle-stage.is-selected .oracle-card{width:min(calc(100% - 24px),calc((94dvh - 112px)*.5625),420px)}
#oracle-dialog .oracle-stage.is-selected .oracle-halo{width:100%;height:100%}

.songbird-entry{display:flex;flex:0 0 44px;width:44px;height:48px;color:#efd27d;align-items:center;filter:drop-shadow(0 0 5px #f7cd6533);transition:transform .3s}.songbird-entry svg{width:44px;height:44px}.songbird-entry:hover{transform:translateY(-3px);color:#ffe6a0}.home-signoff .footer-note{min-width:0}@media(max-width:380px){.home-signoff{gap:5px;padding-left:10px;padding-right:10px}.home-signoff .footer-note{font-size:11px}}

/* Silueta de ave sobre rama, sin fondo. */
.songbird-entry{color:rgba(224,194,115,.55);filter:none;transition:color .25s ease,filter .25s ease;transform:none}.songbird-entry svg{width:42px;height:46px}.songbird-entry:hover,.songbird-entry:focus-visible{color:#f5d17c;filter:drop-shadow(0 0 5px #e4ba4b33);transform:none}.songbird-entry:focus-visible{outline:1px solid #e8ca78;outline-offset:2px;border-radius:5px}

.songbird-entry .songbird-silhouette{transform:scaleX(-1)}.songbird-entry{color:#d4b86c}.songbird-entry:hover,.songbird-entry:focus-visible{color:#ffda7f}