/* Faixa interativa dos seis símbolos associados às letras de AMORas. */
#ambient-phrase.ambient-phrase{
 position:fixed;left:50%;bottom:14px;z-index:30;
 display:flex!important;flex-direction:column;align-items:center;gap:7px;
 width:max-content;max-width:calc(100vw - 24px);
 padding:0;border:0;background:transparent;box-shadow:none;
 pointer-events:auto;user-select:none;
}
.adinkra-mark-row{
 position:relative;display:flex;align-items:center;justify-content:center;gap:7px;
 padding:7px 13px;border:1px solid rgba(122,90,70,.14);border-radius:999px;
 background:rgba(255,253,248,.94);backdrop-filter:blur(9px);
 box-shadow:0 4px 20px rgba(81,44,35,.08);
 animation:adinkra-invitation 3s ease-in-out infinite;
}
.phrase-unit{
 display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;
 background:transparent;color:#7A5A46;opacity:.62;cursor:pointer;
 transition:color .2s,opacity .2s,background .2s,transform .2s;
}
.phrase-unit:nth-child(1){color:#A15E31}
.phrase-unit:nth-child(2){color:#486449}
.phrase-unit:nth-child(3){color:#7A5A46}
.phrase-unit:nth-child(4){color:#8D6A54}
.phrase-unit:nth-child(5){color:#8B785F}
.phrase-unit:nth-child(6){color:#A15E31}
.phrase-unit:hover,.phrase-unit:focus-visible,.phrase-unit.is-selected{opacity:1;background:#F4E9DD;transform:translateY(-2px)}
.phrase-unit:focus-visible{outline:2px solid #F47E20;outline-offset:2px}
.phrase-unit .adinkra-mark{width:17px;height:17px}
.adinkra-hint{display:grid;gap:4px;font:600 9px/1.2 var(--font-body,Arial,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:#765C4D;text-align:center}.adinkra-minimize-hint{font-weight:400;letter-spacing:.025em;color:#8a7769}
.adinkra-details{
 width:min(460px,calc(100vw - 24px));padding:18px 20px 16px;
 border:1px solid #E8D5C1;border-radius:20px;background:rgba(255,253,248,.98);
 box-shadow:0 9px 30px rgba(57,39,43,.16);color:#39272B;
 animation:adinkra-panel-in .22s ease-out both;
}
.adinkra-details[hidden]{display:none}
.adinkra-details h2{font:600 23px/1.15 var(--font-display,Georgia,serif);color:#6D243C;margin:0 0 8px}
.adinkra-literal{font:500 11px/1.45 var(--font-body,Arial,sans-serif);color:#A15E31;margin:0 0 7px}
.adinkra-meaning{font:400 13px/1.55 var(--font-body,Arial,sans-serif);color:#59483E;margin:0}
.adinkra-details{max-height:min(72vh,620px);overflow-y:auto;overscroll-behavior:contain}
.adinkra-pronunciation-current{font:600 11px/1.4 var(--font-body,Arial,sans-serif);color:#A15E31;margin:8px 0 0}
.adinkra-pronunciation-list{border-top:1px solid #E8D5C1;margin-top:12px;padding-top:9px}
.adinkra-pronunciation-list summary{font:600 10px/1.4 var(--font-body,Arial,sans-serif);letter-spacing:.025em;color:#6D243C;cursor:pointer;list-style:none}
.adinkra-pronunciation-list summary::-webkit-details-marker{display:none}
.adinkra-pronunciation-list summary::after{content:"＋";float:right;color:#A15E31}
.adinkra-pronunciation-list[open] summary::after{content:"−"}
.adinkra-pronunciation-items{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;max-height:190px;overflow-y:auto;margin-top:9px;padding:1px 5px 2px 0}
.adinkra-pronunciation-entry{padding:7px 8px;border-radius:10px;background:#F8F2EA}
.adinkra-pronunciation-entry strong{display:block;font:600 10px/1.3 var(--font-body,Arial,sans-serif);color:#39272B}
.adinkra-pronunciation-spelling{display:block;margin-top:2px;font:600 10px/1.35 var(--font-body,Arial,sans-serif);color:#A15E31}
.adinkra-pronunciation-entry p{font:400 9px/1.4 var(--font-body,Arial,sans-serif);color:#62584F;margin:4px 0 0}
.adinkra-pronunciation-source{font:400 9px/1.35 var(--font-body,Arial,sans-serif);color:#827469;margin:8px 0 0}
.adinkra-origin-note{font:400 11px/1.5 var(--font-body,Arial,sans-serif);color:#62584F;border-top:1px solid #E8D5C1;margin:12px 0 8px;padding-top:10px}
.adinkra-sources{display:flex;flex-wrap:wrap;gap:6px 14px}
.adinkra-sources a{font:600 10px/1.4 var(--font-body,Arial,sans-serif);color:#6D243C;text-decoration:underline;text-decoration-color:#D8B8A3;text-underline-offset:3px}
.adinkra-confetti{position:absolute;inset:0;pointer-events:none}
.adinkra-confetti-bit{
 position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:1px;background:var(--tone,#F47E20);
 opacity:0;transform:translate(-50%,-50%);will-change:transform,opacity;
}
.adinkra-confetti.is-bursting .adinkra-confetti-bit{animation:adinkra-confetti-pop .82s cubic-bezier(.18,.65,.35,1) both}
.adinkra-confetti-bit:nth-child(2n){width:2px;height:4px}
.adinkra-confetti-bit:nth-child(1){--dx:-45px;--dy:-26px}
.adinkra-confetti-bit:nth-child(2){--dx:-29px;--dy:-45px}
.adinkra-confetti-bit:nth-child(3){--dx:-12px;--dy:-36px}
.adinkra-confetti-bit:nth-child(4){--dx:11px;--dy:-50px}
.adinkra-confetti-bit:nth-child(5){--dx:28px;--dy:-32px}
.adinkra-confetti-bit:nth-child(6){--dx:43px;--dy:-42px}
.adinkra-confetti-bit:nth-child(7){--dx:2px;--dy:-58px}
@keyframes adinkra-invitation{
 0%,82%,100%{transform:translateY(0) rotate(0)}
 85%{transform:translateY(-1px) rotate(-1.4deg)}
 88%{transform:translateY(1px) rotate(1.4deg)}
 91%{transform:translateY(-1px) rotate(-.8deg)}
 94%{transform:translateY(0) rotate(0)}
}
@keyframes adinkra-confetti-pop{
 0%{opacity:0;transform:translate(-50%,-50%) scale(.55) rotate(0)}
 13%{opacity:.82}
 100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.65) rotate(var(--turn,90deg))}
}
@keyframes adinkra-panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){
 #ambient-phrase.ambient-phrase{bottom:8px;max-width:calc(100vw - 16px)}
 .adinkra-mark-row{gap:4px;padding:7px 10px}
 .phrase-unit{width:21px;height:21px}
 .phrase-unit .adinkra-mark{width:16px;height:16px}
 .adinkra-details{width:min(420px,calc(100vw - 16px));padding:15px 16px 14px}
 .adinkra-details h2{font-size:20px}
 .adinkra-meaning{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .adinkra-mark-row{animation:none}
 .adinkra-confetti-bit{animation:none!important}
 .adinkra-details{animation:none}
}
.phrase-more{display:grid;place-items:center;min-width:31px;height:23px;padding:0 5px;border:1px solid #d8c4b2;border-radius:999px;background:#f8f1e8;color:#6D243C;font:700 9px/1 var(--font-body,Arial,sans-serif);letter-spacing:.01em;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.phrase-more:hover,.phrase-more[aria-expanded=true]{background:#6D243C;color:#fff5e7;transform:translateY(-1px)}
.phrase-more:focus-visible,.adinkra-picker-item:focus-visible{outline:2px solid #F47E20;outline-offset:2px}
.adinkra-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:min(430px,calc(100vw - 24px));max-height:min(30vh,220px);overflow-y:auto;padding:9px;border:1px solid #E8D5C1;border-radius:16px;background:rgba(255,253,248,.98);box-shadow:0 9px 30px rgba(57,39,43,.15);overscroll-behavior:contain}
.adinkra-picker[hidden]{display:none!important}
.adinkra-picker-item{display:flex;align-items:center;gap:5px;min-width:0;height:31px;padding:4px 6px;border:1px solid transparent;border-radius:10px;background:#f8f2ea;color:#59483E;text-align:left;font:500 8px/1.2 var(--font-body,Arial,sans-serif);cursor:pointer}
.adinkra-picker-item:hover{border-color:#d7bda6;background:#f3e7d8;color:#6D243C}
.adinkra-picker-item>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adinkra-picker-glyph{display:block;flex:0 0 20px;width:20px;height:20px;background-image:url('/assets/adinkra/caderno-symbols.webp');background-size:400% 300%;background-position:var(--picker-position);background-repeat:no-repeat}
#ambient-phrase.has-picker .adinkra-hint{display:none}
@media(max-width:640px){
 .adinkra-mark-row{gap:4px}
 .phrase-more{min-width:28px;height:22px}
 .adinkra-picker{grid-template-columns:repeat(2,minmax(0,1fr));width:min(360px,calc(100vw - 16px));gap:5px;padding:8px}
 .adinkra-picker-item{height:33px;font-size:9px}
}