.clay-invitation{position:absolute;left:var(--clay-x,73.9%);top:var(--clay-y,47.8%);width:clamp(56px,5.2vw,92px);height:clamp(68px,7vw,112px);min-width:44px;min-height:44px;transform:translate(-50%,-50%);border:0;border-radius:45%;background:transparent;color:#e8d7ab;cursor:pointer;z-index:7;opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s;isolation:isolate}
.clay-invitation.clay-ready{opacity:1;visibility:visible}.clay-invitation::before{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(ellipse,#dca45636,#bc812413 50%,transparent 74%);filter:blur(3px);z-index:-1;animation:clay-invitation-breathe 4.8s ease-in-out infinite}.clay-invitation:hover::before,.clay-invitation:focus-visible::before{background:radial-gradient(ellipse,#e3af5750,#bc81241c 50%,transparent 74%)}.clay-invitation:focus-visible{outline:2px solid #d9bc7d;outline-offset:5px}.clay-invitation span{position:absolute;left:50%;top:calc(100% + 14px);transform:translateX(-50%);white-space:nowrap;padding:9px 13px;border:1px solid #a8844c66;border-radius:3px;background:#171810dd;font:12px/1.3 Georgia,serif;opacity:0;transition:opacity .3s}.clay-invitation:hover span,.clay-invitation:focus-visible span{opacity:1}@keyframes clay-invitation-breathe{0%,100%{opacity:.45;transform:scale(.93)}50%{opacity:.95;transform:scale(1.08)}}.clay-still::before{animation:none;opacity:.8}
#mischief-dialog{box-sizing:border-box;width:min(1120px,calc(100vw - 36px));max-width:calc(100vw - 36px);max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #b89c6352;border-radius:10px;background:#111a13;color:#e8e5d2;box-shadow:0 28px 100px #0009;overflow:auto;overscroll-behavior:contain;transform-origin:center;scrollbar-color:#88744c #111a13}#mischief-dialog::backdrop{background:#050a07b8;backdrop-filter:blur(5px)}.mischief-dialog-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;background:#111a13f2;border-bottom:1px solid #b89c6329}.mischief-dialog-bar p{font-size:11px;color:#abb09d;letter-spacing:.03em}.mischief-dialog-close{min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #b89c635e;border-radius:3px;background:#1e2718;color:#e7dec4;font-size:12px;cursor:pointer}.mischief-dialog-close:hover{background:#313b25}.mischief-dialog-close:focus-visible{outline:2px solid #d9bc7d;outline-offset:3px}
#mischief-dialog .mischief{box-sizing:border-box;width:100%;min-height:0;margin:0;padding:46px 38px 44px;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:30px;border:0;overflow:visible}#mischief-dialog .mischief-copy{min-width:0}#mischief-dialog .mischief h2{font-size:clamp(42px,5vw,65px)}#mischief-dialog .mischief-copy>p:not(.eyebrow){font-size:16px}#mischief-dialog .trog-gathering{width:100%;max-width:100%;margin:0;overflow:hidden;border-radius:5px}#mischief-dialog .trog-gathering img{width:100%;max-width:100%}#mischief-dialog .trog-trigger{min-height:44px}#mischief-dialog .trog-result{white-space:normal}
@media(max-width:699px){#mischief-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:7px}#mischief-dialog .mischief{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:34px 22px 30px}#mischief-dialog .mischief h2{font-size:48px}#mischief-dialog .trog-gathering{width:100%;margin:0}.mischief-dialog-bar{padding:8px 12px}.mischief-dialog-bar p{max-width:190px}.clay-invitation span{font-size:11px}}
html[data-motion="reduced"] .clay-invitation{opacity:1;visibility:visible}html[data-motion="reduced"] .clay-invitation::before{animation:none}@media(prefers-reduced-motion:reduce){.clay-invitation::before{animation:none}}
.clay-invitation.clay-ready::before{background:radial-gradient(ellipse,#ffd28765,#d995342a 48%,transparent 74%)}
.clay-invitation.clay-ready span{opacity:.85;background:#14180edb;font-style:italic}
#mischief-dialog .trog-gathering{overflow:visible}