.reveal-stage{position:relative;min-width:0;padding:25px 25px 17px;border:1px solid #8bdeda80;border-radius:20px;background:linear-gradient(132deg,#c4fffa0c,#091b28a8 60%);box-shadow:inset 1px 1px 0 #d3ffff44,inset -1px -1px 0 #7efae521,0 25px 65px #0007,0 0 38px #48ebf00c;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.reveal-stage:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(130deg,#deffff0a,transparent 42%);pointer-events:none}
.reveal-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a9c9cf;font-size:8px;font-weight:600;letter-spacing:1.6px}
.reveal-topline>span:first-child{display:flex;gap:8px;align-items:center;color:#a9f8ea}
.reveal-topline i{width:5px;height:5px;border-radius:50%;background:#a3f5e0;box-shadow:0 0 10px #74fbe9}
.reveal-stage h2{font-size:clamp(27px,2.7vw,37px);line-height:1.13;letter-spacing:-1.2px;font-weight:700;margin:21px 0 8px;color:#f0fcfa}
.reveal-stage h2 em{font-style:normal;color:#99f4e4}
.reveal-intro{font-size:13px;color:#b8cfd4;line-height:1.5;margin:0 0 22px}
.reveal-playground{position:relative;padding-top:43px}
.reveal-invite{position:absolute;z-index:2;right:5px;top:-16px;width:200px;height:100px;color:#f8da98;pointer-events:none;transition:opacity .25s ease;filter:drop-shadow(0 0 9px #e5be6029)}
.reveal-invite>span{position:absolute;right:12px;top:0;display:block;transform:rotate(-7deg);font-family:'Segoe Print','Comic Sans MS',cursive;font-size:21px;font-weight:700;letter-spacing:-.7px;white-space:nowrap;text-shadow:0 1px 12px #050d16}
.reveal-invite svg{position:absolute;left:0;top:24px;width:190px;height:86px;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.reveal-invite-spark{stroke-width:1.5;opacity:.8}
.has-started .reveal-invite,.is-revealed .reveal-invite{opacity:0}
.reveal-surface{position:relative;isolation:isolate;overflow:hidden;border:1px solid #adf1ec54;border-radius:13px;background:linear-gradient(130deg,#133343ed,#071822f5);box-shadow:0 12px 24px #0003,inset 1px 1px 0 #d1fffb23}
.reveal-evidence{padding:20px}
.reveal-sender{display:flex;gap:10px;align-items:center}
.reveal-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;border:1px solid #c6fff54d;background:linear-gradient(130deg,#386777,#152b43);font-size:14px;color:#e5ffff}
.reveal-sender strong{font-size:13px;color:#f2ffff;font-weight:650;display:block;line-height:1.3}
.reveal-sender small,.reveal-now{font-size:10px;color:#abc6cb;line-height:1.5}
.reveal-now{margin-left:auto}
.reveal-message{margin:17px 0 16px;padding:13px 15px;border:1px solid #b7dfe62e;border-radius:0 12px 12px 12px;background:#bfd6ec0b}
.reveal-message p{margin:0;color:#effcff;font-size:14px;line-height:1.6}
.reveal-message p+p{margin-top:3px;font-size:12px;color:#c1d6df}
.reveal-message mark{color:#ffe4c5;background:#d8985830;border-radius:3px;padding:1px 3px}
.reveal-clues{display:grid;gap:10px}
.reveal-clues p{display:flex;gap:10px;align-items:baseline;margin:0;font-size:12px;line-height:1.6;color:#b6ced5}
.reveal-clues p>span:first-child{font-size:9px;font-weight:650;color:#9feddd;flex:none}
.reveal-clues strong{color:#e1f4f5;font-weight:650}
.reveal-fog{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:none;transform:translateZ(0);touch-action:none;user-select:none;-webkit-user-select:none;transition:opacity .45s ease}
.reveal-ready .reveal-fog{display:block}
.reveal-surface:after{content:'';position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 1px 1px 1px #e9fff961;pointer-events:none;background:linear-gradient(125deg,#ffffff05,transparent 39%,#c1ffe607 39.3%,transparent 60%)}
.reveal-cursor{position:absolute;z-index:2;pointer-events:none;opacity:0;display:none;width:98px;height:98px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #b9fff088;box-shadow:0 0 19px #8afceb33,inset 0 0 14px #8afceb33;color:#c9fff2;align-items:center;justify-content:center;font-size:15px;font-weight:300}
.reveal-instructions{display:flex;gap:10px;align-items:center;margin-top:16px;min-height:44px}
.reveal-gesture{font-size:23px;font-weight:300;color:#abf4e7}
.reveal-hint{margin:0;font-size:11px;color:#def3f2;line-height:1.5}
.reveal-hint small{display:block;font-size:10px;color:#a3bcc6}
.reveal-hint-touch{display:none}
.reveal-toggle{margin-left:auto;max-width:116px;flex-shrink:0;text-align:right;line-height:1.5;padding:7px 0 7px 10px;background:none;border:0;color:#b8e4e3;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px}
.reveal-toggle:hover{color:#fff}
.reveal-result{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reveal-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;min-height:49px;padding:13px 16px;border:1px solid #a5ffee61;border-radius:8px;background:#8bece719;color:#cefff5;font-size:13px;font-weight:650;transition:background .2s,border-color .2s}
.reveal-cta>span{font-size:22px;line-height:1}
.reveal-cta:hover{background:#8bece730;border-color:#a5ffeea1}
.reveal-footnote{font-size:10px;line-height:1.5;color:#9eb9c2;text-align:center;margin:12px 0 0}
.reveal-toggle:focus-visible,.reveal-cta:focus-visible{outline:2px solid #c5fff4;outline-offset:5px}
.is-revealed .reveal-fog{opacity:0;pointer-events:none}
.is-revealed .reveal-gesture{color:#e2fff5}
@media(hover:hover) and (pointer:fine){.reveal-ready:not(.is-revealed) .reveal-fog{cursor:none}.reveal-cursor{display:flex}.is-wiping .reveal-cursor{opacity:1}}
@media(hover:none),(pointer:coarse){.reveal-hint-mouse{display:none}.reveal-hint-touch{display:inline}}
@media(max-width:1100px) and (min-width:761px){.reveal-stage{padding:22px 18px 16px}.reveal-evidence{padding:16px}.reveal-topline{font-size:7px;letter-spacing:1px}.reveal-instructions{gap:7px}.reveal-toggle{font-size:10px;max-width:101px;padding-left:5px}}
@media(max-width:760px){.reveal-stage{max-width:520px;margin:36px auto 0;padding:23px 21px 17px}.reveal-stage h2{font-size:32px;margin-top:20px}.reveal-intro{font-size:12px;margin-bottom:20px}.reveal-surface{touch-action:pan-y}}
@media(max-width:410px){.reveal-stage{padding:20px 16px 16px}.reveal-topline{font-size:7px;letter-spacing:1px;gap:6px}.reveal-stage h2{font-size:30px}.reveal-evidence{padding:15px}.reveal-message{padding:12px}.reveal-message p{font-size:14px}.reveal-message p+p{font-size:12px}.reveal-clues p{gap:8px}.reveal-clues{gap:11px}.reveal-toggle{max-width:104px;padding-left:4px}.reveal-instructions{gap:7px}.reveal-gesture{font-size:21px}}
@media(max-width:350px){.reveal-stage{padding-inline:13px}.reveal-topline{font-size:6px;letter-spacing:.8px}.reveal-stage h2{font-size:27px}.reveal-evidence{padding:13px}.reveal-instructions{flex-wrap:wrap;gap:6px}.reveal-hint{flex:1}.reveal-toggle{max-width:none;flex-basis:100%;text-align:left;padding-left:26px;min-height:44px}.reveal-cta{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reveal-fog,.reveal-cta,.reveal-invite{transition:none}.reveal-cursor{box-shadow:none}}