/* Four private discoveries; only the cosmetic profile ring is projected to the active group. */
.secret-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[data-secret-ring-stage="1"]{--secret-ring:#78518f}[data-secret-ring-stage="2"]{--secret-ring:#356c9b}[data-secret-ring-stage="3"]{--secret-ring:#b85345}[data-secret-ring-stage="4"]{--secret-ring:#98701e}
.live-avatar[data-secret-ring-stage],[data-secret-ring-member][data-secret-ring-stage] .live-account-preview-image{outline:2px solid var(--secret-ring);outline-offset:2px;box-shadow:0 0 0 2px #fffaf1}
.connected-root .room-scene:has(.secret-scene-control){position:relative}
.connected-root .secret-scene-control{appearance:none;position:absolute;z-index:1;display:block;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;line-height:0;-webkit-tap-highlight-color:transparent}
.connected-root .secret-scene-control svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.connected-root .secret-scene-control:focus-visible{outline:3px solid #503454;outline-offset:3px;background:#fff7df66}
.connected-root .secret-scene-play{left:24%;bottom:9%;width:clamp(48px,9%,76px);aspect-ratio:1}
.connected-root .secret-scene-porch{right:14%;top:7%;width:clamp(44px,7.8%,62px);aspect-ratio:5/6}
.connected-root .secret-scene-kitchen{left:21%;bottom:10%;width:clamp(53px,9.6%,83px);aspect-ratio:23/20;transform:rotate(-7deg)}
.secret-block{transform-origin:40px 42px;transition:transform .55s cubic-bezier(.18,.65,.3,1)}
.secret-block-mark{opacity:0;transition:opacity .35s .15s}
[data-secret-open="true"] .secret-block{transform:rotate(-12deg) translateY(-3px)}
[data-secret-open="true"] .secret-block-mark{opacity:1}
.secret-lantern-glow,.secret-fireflies{opacity:0;transition:opacity .65s}
[data-secret-open="true"] .secret-lantern-glow{opacity:.7}
[data-secret-open="true"] .secret-fireflies{opacity:1;animation:secret-fireflies 3s ease-in-out 2 alternate}
.secret-recipe-card{transform-origin:45px 55px;transition:transform .5s}
.secret-recipe-steam{opacity:0;transform:translateY(6px);transition:opacity .5s .1s,transform .6s}
[data-secret-open="true"] .secret-recipe-card{transform:translate(3px,7px) rotate(10deg)}
[data-secret-open="true"] .secret-recipe-steam{opacity:1;transform:translateY(0)}
@keyframes secret-fireflies{from{transform:translateY(0)}to{transform:translateY(-5px)}}
.secret-celebration{position:fixed;inset:0;z-index:10020;box-sizing:border-box;width:min(350px,calc(100vw - 30px));max-height:calc(100dvh - 36px);margin:auto;padding:27px 25px 22px;border:1px solid #d4bfda;border-radius:26px;background:#fffaf1;color:#50385c;box-shadow:0 9px 0 #c7b0ce,0 24px 65px #38213f45;text-align:center;overflow:auto;font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif}
.secret-celebration::backdrop{background:#33253c6b}
.secret-celebration[open]{display:block}
.secret-celebration-ring{width:67px;height:67px;display:grid;place-items:center;margin:0 auto 19px;border:4px solid var(--secret-ring);border-radius:50%;background:#f1e5ec;box-shadow:inset 0 0 0 4px #fffaf1;color:#674c70}
.secret-celebration-ring span{font-size:36px;line-height:1;transform:translateY(-2px)}
.secret-celebration-eyebrow{font-size:9px;line-height:1.5;letter-spacing:1.4px;font-weight:800;color:#795f81;margin:0 0 8px}
.secret-celebration h2{font:850 26px/1.13 ui-rounded,"Trebuchet MS",system-ui,sans-serif;letter-spacing:-.6px;margin:0 0 13px;color:#50385c}
.secret-celebration-body{font-size:14px;line-height:1.55;margin:0 0 12px}
.secret-celebration-invitation{font-size:12px;line-height:1.55;margin:0 0 21px;color:#705d76}
.secret-celebration button{appearance:none;min-width:44px;min-height:44px;width:100%;padding:11px 12px;border:1px solid #745383;border-radius:14px;background:#745383;color:#fffaf1;font:750 13px/1.35 ui-rounded,system-ui,sans-serif;cursor:pointer;touch-action:manipulation;box-shadow:0 3px 0 #50385c}
.secret-celebration button:focus-visible{outline:3px solid #50385c;outline-offset:4px}
.secret-celebration[data-secret-ring-stage="4"]{border-color:#c8af6c;background:#fffbed}
.secret-celebration[data-secret-ring-stage="4"] .secret-celebration-ring{background:#f5e5bb;color:#86621f}
@media(max-width:360px){.connected-root .secret-scene-play{left:19%;bottom:5%}.connected-root .secret-scene-kitchen{left:16%;bottom:7%}.secret-celebration{padding:23px 18px 19px}}
@media(prefers-reduced-motion:reduce){.secret-scene-control *{transition:none!important;animation:none!important}}
@media(forced-colors:active){.live-avatar[data-secret-ring-stage],[data-secret-ring-member][data-secret-ring-stage] .live-account-preview-image{outline:2px solid CanvasText;box-shadow:none}.connected-root .secret-scene-control{background:ButtonFace;border:2px solid ButtonText}.connected-root .secret-scene-control:focus-visible{outline:3px solid Highlight}.secret-celebration{background:Canvas;color:CanvasText;border:2px solid CanvasText;box-shadow:none}.secret-celebration :is(h2,p){color:CanvasText}.secret-celebration-ring{border-color:CanvasText}.secret-celebration button{background:ButtonFace;color:ButtonText;border:2px solid ButtonText;box-shadow:none}}
/* Illustrated room banners normally disappear in forced colors. Preserve only interactive scenes. */
@media(forced-colors:active){
 .connected-root .room-scene:has(.secret-scene-control){display:block;aspect-ratio:auto;min-height:44px;max-height:none;height:auto;padding:12px;box-sizing:border-box;overflow:visible;background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}
 .connected-root .secret-scene-control{position:static;display:block;inset:auto;width:auto;max-width:100%;height:auto;min-width:44px;min-height:44px;aspect-ratio:auto;box-sizing:border-box;padding:10px 12px;transform:none;line-height:1.4;font:700 14px/1.4 system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere;text-align:left;background:ButtonFace;color:ButtonText;border:2px solid ButtonText;box-shadow:none}
 .connected-root .secret-scene-control svg{display:none}
 .connected-root .secret-scene-control::after{content:attr(aria-label)}
}

/* Static rim sparkles: ornaments stay outside the face and never signal a permission. */
:is(.connected-root,.live-dialog) .live-avatar[data-secret-ring-stage]{position:relative;overflow:visible}
.live-avatar[data-secret-ring-stage]::after{content:"";pointer-events:none;position:absolute;z-index:1;inset:-7px;border-radius:50%;background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23fff8dc' stroke='%237c5a81' stroke-width='1.6'%3E%3Cpath d='m21 4 3 7 7 3-7 3-3 7-3-7-7-3 7-3Z'/%3E%3Cpath d='m91 38 2 5 5 2-5 2-2 5-2-5-5-2 5-2Z'/%3E%3C/g%3E%3C/svg%3E")}
.live-avatar[data-secret-ring-stage="2"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23e9f8ff' stroke='%23356c9b' stroke-width='1.6'%3E%3Cpath d='m22 3 3 7 8 1-6 5 2 8-7-4-7 4 2-8-6-5 8-1Z'/%3E%3Cpath d='m91 39 2 4 5 1-4 3 1 5-4-2-4 2 1-5-4-3 5-1Z'/%3E%3C/g%3E%3C/svg%3E")}
.live-avatar[data-secret-ring-stage="3"]::after{filter:sepia(.3) saturate(1.4)}
.live-avatar[data-secret-ring-stage="4"]{outline-color:#b38a2f;box-shadow:0 0 0 2px #fff9db,0 0 8px #cead6355}
.live-avatar[data-secret-ring-stage="4"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23fff4b6' stroke='%2398701e' stroke-width='1.4'%3E%3Cpath d='m22 1 3 9 9 3-9 3-3 9-3-9-9-3 9-3Z'/%3E%3Cpath d='m91 38 2 6 6 2-6 2-2 6-2-6-6-2 6-2Z'/%3E%3Ccircle cx='70' cy='93' r='2.8'/%3E%3C/g%3E%3C/svg%3E")}
.live-avatar[data-secret-ring-stage][data-porch-genius="true"],[data-secret-ring-member][data-secret-ring-stage][data-porch-genius="true"] .live-account-preview-image{outline:2px solid var(--secret-ring);outline-offset:6px;box-shadow:0 0 0 2px #fffaf1,0 0 0 4px var(--secret-ring),0 0 0 6px #fffaf1}
.live-avatar[data-porch-genius="true"]::after{inset:-10px}
.secret-celebration[data-porch-genius="true"] .secret-celebration-ring{outline:2px solid var(--secret-ring);outline-offset:4px}
/* The compact reaction stack keeps its color and double outline, without sparkles over neighbors. */
.reaction-person .live-avatar[data-secret-ring-stage]::after{display:none}
.reaction-person .live-avatar[data-porch-genius="true"]{outline-offset:3px;outline-width:1px;box-shadow:0 0 0 1px #fffaf1,0 0 0 2px var(--secret-ring),0 0 0 3px #fffaf1}
@media(prefers-reduced-motion:reduce){.live-avatar[data-secret-ring-stage]::after{animation:none;transition:none}}
@media(forced-colors:active){.live-avatar[data-secret-ring-stage]::after{display:none}.live-avatar[data-secret-ring-stage][data-porch-genius="true"],[data-secret-ring-member][data-secret-ring-stage][data-porch-genius="true"] .live-account-preview-image{outline:3px double CanvasText;outline-offset:2px;box-shadow:none}.secret-celebration[data-porch-genius="true"] .secret-celebration-ring{outline-color:CanvasText}}