/* Chat-only scene. Landing, Search and Match keep their approved styles. */
.chat-screen[hidden],.transport-error[hidden],.chat-ended[hidden],.chat-emoji-picker[hidden]{display:none}
.chat-screen{position:fixed;inset:0;bottom:auto;margin:0 auto;width:min(100%,580px);height:min(var(--chat-height,100dvh),100dvh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;z-index:20;isolation:isolate;overflow:hidden;container-type:inline-size;background:radial-gradient(ellipse at 50% 85%,#14303430,transparent 65%),#040e14;color:#f3f0e8;padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(16px,env(safe-area-inset-left,0px));font:500 16px/1.45 Nunito,Arial,sans-serif}
.chat-symbols{position:absolute;width:0;height:0;overflow:hidden}
.chat-header{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0 9px;border-bottom:1px solid #e4d3af20;background:linear-gradient(#040e14 75%,#040e14da)}
.chat-brand{width:max-content;max-width:75%}.chat-brand-top{display:flex;align-items:center;gap:2px}
.chat-wordmark{position:relative;display:block;width:clamp(138px,39cqw,210px);font:400 clamp(35px,9.8cqw,52px)/1.2 Lilita,Arial,sans-serif;letter-spacing:.01em;color:#f3efff;text-shadow:0 1px 0 #cdc2e1,0 2px 0 #847590,0 3px 0 #4d435c}
.chat-mascot{position:relative;display:block;width:45px;aspect-ratio:1;background-size:432.353% auto;background-position:49.8525% 12.1783%;mask-image:radial-gradient(ellipse,#000 52%,transparent 74%);flex-shrink:0}
.chat-tagline{position:relative;display:block;margin-top:0;width:max-content;font:400 clamp(10px,2.75cqw,14px)/1.35 Lilita,Arial,sans-serif;letter-spacing:.015em;color:#d4cfe0}

.chat-sound{align-self:start;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#b9c2c066;cursor:pointer}
.chat-sound svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.chat-sound[aria-pressed="false"]{color:#b9c2c033}.chat-sound[aria-pressed="false"]::after{content:"";position:absolute;width:22px;height:1px;background:#a7aaa6;transform:rotate(-45deg)}
.chat-connection{grid-column:1/-1;display:flex;gap:10px;align-items:center;justify-content:space-between;min-width:0}
.chat-peer{position:relative;margin:0;min-width:0;color:#d2d3d1;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:19px}
.chat-peer::before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#13d477;box-shadow:0 0 10px #13d47725}
.chat-screen[data-ended="true"] .chat-peer::before{background:#7c8789;box-shadow:none}
.chat-elapsed{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;width:9.5ch;min-height:28px;color:#ffda7a;font:600 clamp(16px,4.35cqw,21px)/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.04em;transition:color 180ms ease}
.chat-elapsed[data-urgent="true"]{color:#ff6c76}
.chat-decor{position:absolute;z-index:-1;inset:110px 0 175px;overflow:hidden;pointer-events:none}
.chat-decor::before{content:"";position:absolute;left:0;top:55%;width:100%;aspect-ratio:3/2;transform:translateY(-50%);background:center/100% auto no-repeat;opacity:.6;mask-image:linear-gradient(transparent,#000 14%,#000 78%,transparent)}
.chat-screen[data-scene-ready="true"] .chat-decor::before{background-image:url('/assets/chat-connection-v1.webp')}
.chat-time-warning{color:#ffb7b9}
.chat-stage{position:relative;min-height:0;isolation:isolate}.chat-messages{height:100%;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;padding:16px 2px 20px;display:flex;flex-direction:column;gap:19px;scrollbar-width:thin;scrollbar-color:#bba16640 transparent;min-height:0}
.chat-intro{display:flex;gap:8px;align-items:center;align-self:center;flex-shrink:0;width:83%;margin:0 0 1px;padding:10px 12px;border:1px solid #c7d3de1a;border-radius:20px;background:linear-gradient(120deg,#111d25cc,#0c161ee6);box-shadow:inset 0 1px 0 #ffffff04;color:#f0eee8;font-size:13px;line-height:1.4}.chat-intro .chat-mascot{width:36px}.chat-intro p{margin:0}.chat-intro small{display:block;color:#939da6;font-size:11px;margin-top:3px}
.chat-message{position:relative;display:flex;align-items:flex-end;align-self:flex-start;gap:8px;max-width:91%;flex-shrink:0;transform-origin:center;overflow-wrap:anywhere}.chat-message.mine{align-self:flex-end;flex-direction:row-reverse}
.chat-avatar{position:relative;display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1.5px solid #f0c461c7;border-radius:50%;background:radial-gradient(ellipse at 50% 70%,#8c622c50,#080e13 70%);box-shadow:0 0 11px #e8b04530}.chat-avatar .chat-mascot{width:42px;height:42px}.mine .chat-avatar{border-color:#aab0bb55;background:#0a1016;box-shadow:none}.mine .chat-avatar .chat-mascot{filter:grayscale(.94) brightness(.9)}
.chat-bubble{position:relative;min-width:70px;padding:10px 12px 7px;border:1px solid #d7e6ff07;border-radius:16px 16px 16px 3px;background:linear-gradient(120deg,#1a2732,#17212b);box-shadow:0 3px 6px #0002;white-space:pre-wrap;max-width:100%}.chat-bubble p{margin:0;unicode-bidi:plaintext;font-size:15px;line-height:1.45}
.mine .chat-bubble{background:linear-gradient(120deg,#806323dd,#58481fe6);border-color:#eec357bd;border-radius:16px 16px 3px 16px;box-shadow:inset 0 0 12px #ffdb710a,0 0 10px #b99b3010}
.chat-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px;color:#aab5bd;font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums}.mine .chat-meta{color:#e6d7b1b8}.chat-delivery{font-size:10px}.chat-message[data-delivery="failed"] .chat-delivery{color:#ffd0bc}
.chat-system{align-self:center;flex-shrink:0;max-width:93%;margin:3px 0;color:#c1c8cb;text-align:center;font-size:11px;line-height:1.45}.chat-system strong{display:block;color:#ffdd90;font:400 17px/1.3 Lilita,Arial,sans-serif}.chat-system small{font-size:11px}
.chat-footer{position:relative;z-index:5;padding:7px 0 14px;background:linear-gradient(#040e1400,#040e14 24%)}
.chat-actions{display:grid;grid-template-columns:1fr 1.16fr 1fr;gap:6px;margin-bottom:14px;align-items:stretch}.chat-actions button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:6px 4px;border-radius:21px;cursor:pointer;touch-action:manipulation}.chat-actions strong{font:400 10px/1.1 Lilita,Arial,sans-serif;letter-spacing:.025em}
.chat-reaction{border:1px solid #c3d4e922;background:linear-gradient(145deg,#101b23,#081219);color:#eeeef0;box-shadow:inset 0 0 0 2px #ffffff03}.chat-reaction>span{font-size:24px;line-height:1}.chat-reaction:active{transform:scale(.96)}
.chat-flush{position:relative;background:linear-gradient(140deg,#ffe58a,#ffd349 68%,#ffbe26);color:#1a160e;border:1px solid #ffe789;box-shadow:0 0 13px #ffc84475,0 0 32px #d786202b,inset 0 1px 0 #ffffd6}.chat-flush svg{width:29px;height:32px;flex-shrink:0}.chat-flush strong{font-size:16px}.chat-flush small{display:block;font-size:8px;line-height:1.3;margin-top:3px;white-space:nowrap}.chat-flush::before{content:"";position:absolute;inset:-7px 4px;border:1px solid #f6c45388;border-inline-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-9deg);pointer-events:none}.chat-flush:active,.chat-flush[data-pressed="true"]{transform:scale(.95)}
.chat-flush:disabled{cursor:default}.chat-flush[data-used="true"]{background:linear-gradient(140deg,#6f603a,#3c3625);border-color:#9b824e;color:#eadbb5;box-shadow:none}.chat-flush[data-used="true"]::before{display:none}.chat-reaction:disabled{opacity:.42;cursor:default}
.chat-compose{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 47px;gap:8px;align-items:end}.chat-compose[hidden]{display:none}.chat-input{width:100%;height:47px;min-height:47px;max-height:112px;resize:none;border:1px solid #bcc9df29;border-radius:20px;background:#09151fee;color:#faf6ee;font:500 16px/1.4 Nunito,Arial,sans-serif;padding:12px 12px 11px 42px;box-shadow:inset 0 2px 5px #0003}
.chat-emoji{position:absolute;left:1px;bottom:1px;width:41px;height:45px;display:grid;place-items:center;color:#eeeef5;background:transparent;border:0;border-radius:18px;cursor:pointer}.chat-emoji svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.chat-send{display:grid;place-items:center;width:47px;height:47px;border:1px solid #ffe393;border-radius:50%;background:linear-gradient(130deg,#ffdd72,#ffc931);color:#161a1b;cursor:pointer;touch-action:manipulation;box-shadow:0 2px 10px #ffce3822}.chat-send svg{width:25px;height:25px}.chat-send:active{transform:scale(.94)}
.chat-emoji-picker{position:absolute;z-index:6;bottom:128px;left:0;display:flex;gap:2px;max-width:100%;padding:6px;border:1px solid #f3dba332;border-radius:16px;background:#10202df5;box-shadow:0 8px 30px #0008}.chat-emoji-picker button{width:41px;height:42px;border:0;border-radius:9px;font-size:23px;background:transparent;cursor:pointer}.chat-emoji-picker button:hover{background:#ffffff10}
.chat-end{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:53px;border:1.5px solid #f3cc72;border-radius:999px;background:linear-gradient(110deg,#111416a8,#08121a);color:#ffdc83;padding:7px 12px;cursor:pointer;touch-action:manipulation;box-shadow:0 0 12px #d3a6440d}.chat-end svg{width:30px;height:33px}.chat-end strong{display:block;font:400 19px/1.05 Lilita,Arial,sans-serif;letter-spacing:.03em;text-align:left}.chat-end small{display:block;font-size:10px;line-height:1.4;color:#d3d0c7;text-align:left;margin-top:2px}
.chat-send:disabled,.chat-input:disabled,.chat-end:disabled{opacity:.4;cursor:default}.chat-screen :focus-visible,.transport-error :focus-visible{outline:2px solid #ffe6a7;outline-offset:3px}
.chat-feedback{min-height:12px;margin:4px 2px;color:#f4b99c;font-size:11px;line-height:1.2}.chat-ended{padding:12px 0;display:grid;justify-items:center;gap:10px;text-align:center}.chat-ended p{margin:0;color:#e7dfcf}.chat-retry,.transport-retry{border:1px solid #ffe298;border-radius:15px;min-height:48px;padding:12px 17px;background:linear-gradient(#ffda73,#ffc347);color:#271e0d;font:400 16px Lilita,Arial,sans-serif;cursor:pointer;touch-action:manipulation}.chat-retry{min-width:165px}
.chat-screen[data-ended="true"] :is(.chat-actions,.chat-end,.chat-emoji-picker){display:none}
.flush-shade{position:absolute;inset:0;background:#01060c;opacity:0;pointer-events:none;z-index:2}.flush-vortex{position:absolute;z-index:4;left:50%;top:78%;width:170px;height:85px;transform:translate(-50%,-50%) scale(.2);opacity:0;pointer-events:none;filter:drop-shadow(0 0 12px #2cbacf60)}
.flush-water{width:100%;aspect-ratio:1;transform:scaleY(.42);transform-origin:50% 25%}.flush-water svg{width:100%;height:100%}.flush-caption{position:absolute;z-index:6;left:4%;right:4%;top:50%;opacity:0;text-align:center;pointer-events:none;font:400 26px/1.1 Lilita,Arial,sans-serif;color:#ffe198;text-shadow:0 2px 8px #000}.flush-caption small{display:block;font:500 12px/1.5 Nunito,Arial,sans-serif;color:#f3eddb;margin-top:5px}
.flush-survivor{position:absolute;z-index:7;bottom:-8px;left:calc(50% - 34px);width:68px;opacity:0;pointer-events:none}.flush-survivor .chat-mascot{width:68px}
.chat-screen[data-flushing="true"] .chat-messages{overflow-y:hidden;touch-action:none}.chat-screen[data-flushing="true"] .flush-shade{opacity:.18}.chat-screen[data-flushing="true"] .chat-message{z-index:3}
.chat-screen[data-flushing="true"] .chat-system:last-child{opacity:0}
.chat-screen[data-compact="true"] .chat-header{padding-block:3px}.chat-screen[data-compact="true"] :is(.chat-brand,.chat-wall-note,.chat-sound){display:none}.chat-screen[data-compact="true"] .chat-connection{min-height:28px}.chat-screen[data-compact="true"] .chat-end{min-height:40px}.chat-screen[data-compact="true"] .chat-end strong{font-size:16px}.chat-screen[data-compact="true"] .chat-end small{display:none}.chat-screen[data-compact="true"] .chat-actions{margin-bottom:5px}.chat-screen[data-compact="true"] .chat-actions button{min-height:40px}.chat-screen[data-compact="true"] .chat-footer{padding-top:3px;padding-bottom:6px}.chat-screen[data-compact="true"] .chat-feedback{min-height:0;margin:2px}
.transport-error{position:fixed;z-index:15;left:50%;bottom:max(9dvh,env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(90%,370px);padding:22px;border:1px solid #f5dba52b;border-radius:22px;background:#0c1626f7;box-shadow:0 18px 60px #0009;text-align:center}.transport-error p{margin:0 0 16px;font-size:16px;line-height:1.5}
.transport-retry{min-height:52px}
[data-app-state="search_failed"] .search-copy{visibility:hidden}[data-app-state="search_failed"] :is(.earth,.globe-stage){animation-play-state:paused!important}[data-app-state="chat"] .landing *,[data-app-state="chat"] .landing *::before,[data-app-state="chat"] .landing *::after{animation:none!important}
@media(min-width:600px){.chat-screen{border-inline:1px solid #e4d3af12;padding-inline:24px}.chat-header{padding-top:18px}.chat-actions button{min-height:58px}.chat-actions strong{font-size:13px}.chat-flush strong{font-size:20px}.chat-flush small{font-size:10px}.chat-messages{gap:22px}.chat-bubble p{font-size:17px}.chat-peer{font-size:15px}}
@media(max-height:690px){.chat-header{padding-top:5px;gap:6px}.chat-wordmark{width:126px;font-size:32px}.chat-brand-top>.chat-mascot{width:34px}.chat-tagline{width:157px}.chat-wall-note{font-size:12px}.chat-footer{padding-bottom:7px}.chat-actions{margin-bottom:8px}.chat-actions button{min-height:43px}.chat-end{min-height:45px}.chat-intro{padding:7px 10px}.chat-messages{gap:13px;padding-top:12px}.chat-emoji-picker{bottom:112px}}
@media(max-height:490px){.chat-header{padding-block:3px}.chat-brand{display:none}.chat-wall-note,.chat-sound{display:none}.chat-connection{min-height:28px}.chat-end{min-height:40px}.chat-end strong{font-size:16px}.chat-end small{display:none}.chat-actions{margin-bottom:5px}.chat-actions button{min-height:40px}.chat-actions svg{height:27px}.chat-input,.chat-send{height:44px;min-height:44px}.chat-feedback{min-height:0;margin:2px}.chat-footer{padding-top:3px}.chat-intro{margin-bottom:0}.chat-decor{inset:30px 0 155px}}
@media(prefers-reduced-motion:reduce){.chat-screen button:active{transform:none}.chat-flush[data-pressed="true"]{transform:none}}