/* Advanced AI difficulty selector */
.ai-level-panel{margin:14px 0 18px;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:0 14px 40px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.ai-level-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.ai-level-head>div{display:flex;flex-direction:column;gap:2px}.ai-level-kicker{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#8190ad;font-weight:850}.ai-level-head strong{font-size:.88rem;color:#eef3ff}.ai-level-chip{font-size:.62rem;font-weight:900;letter-spacing:.08em;padding:6px 9px;border-radius:999px;background:rgba(113,135,255,.13);border:1px solid rgba(113,135,255,.22);color:#aebcff}.ai-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ai-level{position:relative;display:flex;align-items:center;gap:9px;min-width:0;text-align:left;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(5,10,20,.42);color:#dbe5f5;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.ai-level:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18)}.ai-level.active{border-color:rgba(120,155,255,.55);background:linear-gradient(145deg,rgba(105,130,255,.17),rgba(80,190,230,.07));box-shadow:0 8px 24px rgba(80,120,255,.12)}.ai-level-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 12px currentColor}.ai-level-dot.easy{color:#63e6a8;background:#63e6a8}.ai-level-dot.medium{color:#ffd166;background:#ffd166}.ai-level-dot.hard{color:#ff6b81;background:#ff6b81}.ai-level-copy{display:flex;flex-direction:column;min-width:0;line-height:1.1}.ai-level-copy b{font-size:.72rem;letter-spacing:.07em}.ai-level-copy small{font-size:.65rem;color:#aeb9cd;margin-top:3px}.ai-level-copy em{font-size:.57rem;color:#687790;font-style:normal;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-level-check{margin-left:auto;opacity:0;color:#9eb0ff;font-weight:950}.ai-level.active .ai-level-check{opacity:1}@media(max-width:600px){.ai-levels{grid-template-columns:1fr}.ai-level{min-height:58px}.ai-level-copy em{white-space:normal}.ai-level-panel{padding:12px}}
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef2ff;background:#050812;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,#1b2c58 0,#0b1122 34%,#05070d 72%,#03050a 100%);color:#eef2ff}.glass{background:rgba(12,18,35,.76);border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(20px)}button,input,textarea,select{font:inherit}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:rgba(6,10,20,.78)}.brand{font-size:1.45rem;font-weight:950;color:#fff;text-decoration:none;letter-spacing:.06em}.navlinks{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.navlinks a,.navlinks button{color:#b8c3d8;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}.navlinks a:hover,.navlinks button:hover{color:#fff}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:54px 0 80px}.hero{text-align:center;padding:65px 15px}.eyebrow{font-size:.72rem;letter-spacing:.2em;color:#8fa7ff;font-weight:850;text-transform:uppercase}.hero h1,.title{font-size:clamp(2.6rem,7vw,5.8rem);line-height:1;margin:12px 0;font-weight:950;letter-spacing:-.06em}.hero p{color:#aab6cb;font-size:1.08rem}.searchbox{max-width:760px;margin:30px auto 12px;display:flex;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:4px 18px}.searchbox input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:1.05rem;padding:16px}.searchbox span{font-size:1.5rem;color:#94a3b8}.quickrow,.grid{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.chip,.btn{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 15px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:.2s ease}.btn:hover,.chip:hover{transform:translateY(-1px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.2)}.btn.primary{background:linear-gradient(135deg,#7187ff,#63d6ff);border-color:transparent;color:#06101e;font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:stretch}.card{padding:22px;border-radius:20px;color:#fff;text-decoration:none}.card p,.muted{color:#94a3b8}.icon{font-size:2rem}.form{max-width:600px;margin:40px auto;padding:30px;border-radius:22px}.input,input,textarea{font:inherit}.input{width:100%;padding:13px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:#fff;outline:0;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:rgba(120,164,255,.65);box-shadow:0 0 0 3px rgba(100,140,255,.09)}.btn{margin-top:12px}.secondary{background:rgba(255,255,255,.08)}.error{color:#fb7185}.footer{text-align:center;color:#64748b;padding:30px}.homecards{margin-top:15px}.chat-page{width:min(1480px,calc(100% - 30px));margin:0 auto;padding:20px 0 40px}.chat-app{height:calc(100vh - 112px);min-height:650px;display:grid;grid-template-columns:330px minmax(0,1fr) 250px;overflow:hidden;border-radius:24px}.chat-sidebar{border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;min-width:0;background:rgba(6,11,24,.5)}.sidebar-top{padding:22px 20px 15px;display:flex;justify-content:space-between;align-items:flex-start}.sidebar-top h2{margin:4px 0 0;font-size:1.35rem}.live-pill{font-size:.72rem;padding:5px 9px;border:1px solid rgba(88,240,171,.18);background:rgba(88,240,171,.07);border-radius:999px;color:#8cf1c1}.live-pill span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5df0aa;margin-right:5px;box-shadow:0 0 10px #5df0aa}.people-search{padding:0 16px 14px}.search-label,.info-label{font-size:.68rem;letter-spacing:.13em;color:#73809a;text-transform:uppercase;font-weight:800;margin-bottom:7px}.search-row{display:grid;grid-template-columns:1fr auto;gap:7px}.search-row .btn{margin:0;padding:10px 12px}.people-result{padding:0 16px}.sidebar-scroll{overflow:auto;padding:2px 12px 18px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:18px 8px 8px;color:#8e9bb1;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850}.section-count{min-width:22px;text-align:center;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.07);font-size:.65rem}.list{display:flex;flex-direction:column;gap:5px}.person-row,.conversation{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.025);color:#fff;text-align:left}.person-row:hover,.conversation:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.07)}.person-main{display:flex;align-items:center;gap:9px;min-width:0}.person-main>div:last-child{min-width:0}.person-main strong,.conversation strong{font-size:.85rem}.person-main .muted,.conversation .muted{font-size:.68rem}.mini-btn{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;border-radius:9px;padding:6px 8px;font-size:.7rem;cursor:pointer}.mini-btn.accept{background:rgba(75,230,160,.1);color:#8af2c4}.mini-btn.decline{color:#aab5c9}.message-mini{color:#9ec5ff}.row.compact{gap:4px}.list-empty{padding:9px 8px;color:#64748b;font-size:.76rem}.avatar{position:relative;flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#687dff,#56c9e9);color:#06101e;font-weight:900}.avatar.sm{width:31px;height:31px;font-size:.72rem}.avatar.lg{width:44px;height:44px;font-size:.9rem}.chat-main{min-width:0;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(12,19,37,.42),rgba(4,8,17,.52))}.chat-header{height:78px;flex:0 0 auto;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.chat-header-empty{display:flex;align-items:center;gap:12px;color:#cbd5e1}.chat-header-empty strong{display:block}.chat-header-empty span{display:block;font-size:.75rem;color:#697892;margin-top:2px}.header-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(120,145,255,.1);border:1px solid rgba(120,145,255,.15);color:#9db0ff}.chat-peer{display:flex;align-items:center;gap:11px}.peer-copy strong{display:block;font-size:.98rem}.peer-copy span{display:block;color:#7f8ca3;font-size:.7rem;margin-top:2px}.online-dot{position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#57e6a5;border:2px solid #0c1323}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#58e4a3;margin-right:5px}.header-actions{display:flex;gap:7px}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#cbd5e1;cursor:pointer;display:grid;place-items:center}.icon-btn:hover{background:rgba(255,255,255,.1);color:#fff}.message-tools{margin:10px 18px 0;display:flex;gap:7px;align-items:center}.message-tools .input{padding:9px 12px}.messages{flex:1;min-height:0;overflow:auto;padding:25px 32px 18px;scroll-behavior:smooth}.chat-empty{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7f8ca4}.chat-empty h3{color:#dbe5f5;margin:14px 0 5px}.chat-empty p{max-width:460px;margin:0 0 6px;font-size:.82rem}.chat-empty span{font-size:.72rem;color:#59677e}.empty-orb{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(113,135,255,.16),rgba(99,214,255,.1));border:1px solid rgba(137,160,255,.16);font-size:1.6rem}.message-date-divider{display:flex;align-items:center;justify-content:center;margin:14px 0 10px;position:relative;top:auto;z-index:1;pointer-events:none;clear:both}.message-date-divider span{padding:5px 10px;border-radius:999px;background:rgba(24,34,55,.88);border:1px solid rgba(255,255,255,.08);color:#8f9bb0;font-size:.62rem;box-shadow:0 4px 14px rgba(0,0,0,.14);backdrop-filter:blur(8px)}.message-row{display:flex;gap:8px;margin:5px 0;align-items:flex-end}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:.55rem;color:#6f7d96;background:rgba(255,255,255,.045);flex:0 0 auto}.mine .message-avatar{order:2;background:rgba(105,130,255,.12);color:#9eb0ff}.bubble-wrap{max-width:min(72%,620px)}.bubble{padding:10px 13px;border-radius:17px;word-break:break-word;box-shadow:0 8px 22px rgba(0,0,0,.12);font-size:.9rem;line-height:1.45}.bubble-them{background:#182237;border:1px solid rgba(255,255,255,.07);border-bottom-left-radius:5px}.bubble-me{background:linear-gradient(135deg,#657cff,#56bfe8);color:#06101d;border-bottom-right-radius:5px;font-weight:520}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:.6rem;margin-top:4px;opacity:.65}.sent-mark{font-weight:900}.chat-loading{height:100%;display:flex;align-items:center;justify-content:center;gap:5px}.chat-loading span{width:7px;height:7px;border-radius:50%;background:#7890ff;animation:bounce 1s infinite}.chat-loading span:nth-child(2){animation-delay:.15s}.chat-loading span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.composer-wrap{padding:10px 18px 15px;border-top:1px solid rgba(255,255,255,.07);position:relative}.composer{display:flex;gap:8px;align-items:flex-end;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(5,10,20,.7)}.chat-input{flex:1;resize:none;max-height:110px;min-height:40px;border:0;outline:0;background:transparent;color:#fff;padding:10px 4px;line-height:1.35}.chat-input::placeholder{color:#66748c}.send-btn{width:42px;height:42px;border:0;border-radius:13px;background:linear-gradient(135deg,#7187ff,#63d6ff);color:#06101e;font-weight:950;cursor:pointer}.send-btn:disabled{opacity:.35;cursor:not-allowed}.composer .icon-btn{margin-bottom:2px}.composer-hint{text-align:center;color:#536078;font-size:.63rem;margin-top:7px}.emoji-tray{position:absolute;bottom:78px;left:18px;width:min(390px,calc(100vw - 36px));padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0d1424;box-shadow:0 20px 55px rgba(0,0,0,.48);z-index:80}.emoji-tray-head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 9px;color:#eef3ff}.emoji-tray-head strong{font-size:.86rem}.emoji-tray-head span{font-size:.68rem;color:#77849d}emoji-picker{display:block;width:100%;height:350px;--background:#0d1424;--border-color:rgba(255,255,255,.08);--border-radius:12px;--button-hover-background:rgba(255,255,255,.08);--button-active-background:rgba(255,255,255,.12);--indicator-color:#7187ff;--input-border-color:rgba(255,255,255,.12);--input-font-color:#eef3ff;--input-placeholder-color:#7b879d;--category-font-color:#dce4f7;--outline-color:#7187ff;--emoji-size:1.45rem;--emoji-padding:.45rem}.emoji-tray[hidden]{display:none}.emoji-tray.open{display:block}
@media (hover:none) and (pointer:coarse){.snake-controls{display:flex}.snake-touch-help{display:inline}.snake-desktop-help{display:none}.snake-control{min-width:58px;min-height:54px;font-size:1.08rem}.snake-board-wrap{width:min(620px,94vw)}.pong-mobile-controls .btn{min-height:50px}}
@media (hover:hover) and (pointer:fine){.snake-controls{display:none}.snake-touch-help{display:none}.snake-desktop-help{display:inline}}
.game-stage{scroll-margin-top:18px}
@media(max-width:700px){.emoji-tray{left:10px;width:calc(100vw - 20px);bottom:74px}emoji-picker{height:330px}}.chat-profile{border-left:1px solid rgba(255,255,255,.08);padding:22px 18px;background:rgba(6,11,24,.38)}.profile-card{text-align:center;padding:12px 5px 22px;border-bottom:1px solid rgba(255,255,255,.07)}.profile-avatar{width:70px;height:70px;border-radius:22px;margin:0 auto 12px;display:grid;place-items:center;background:linear-gradient(135deg,#7187ff,#63d6ff);color:#07111e;font-size:1.55rem;font-weight:950;box-shadow:0 15px 35px rgba(90,130,255,.2)}.profile-name{font-size:1rem;font-weight:850}.profile-id{font-size:.7rem;color:#75829a;margin-top:3px}.secure-badge{display:inline-block;margin-top:12px;padding:5px 9px;border-radius:999px;background:rgba(85,225,163,.08);border:1px solid rgba(85,225,163,.13);color:#8cebc2;font-size:.62rem}.profile-info{padding:20px 3px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.75rem;color:#78859b}.info-row b{color:#dce5f4;font-weight:700}.profile-action{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#aab7cb;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);padding:11px 12px;border-radius:12px;font-size:.75rem}.profile-action:hover{background:rgba(255,255,255,.07);color:#fff}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.book{border-radius:18px}@media(max-width:1050px){.chat-app{grid-template-columns:290px minmax(0,1fr)}.chat-profile{display:none}}@media(max-width:760px){.nav{padding:13px 16px}.navlinks{gap:10px;font-size:.86rem}.chat-page{width:100%;padding:0}.chat-app{height:calc(100vh - 66px);min-height:600px;border-radius:0;grid-template-columns:1fr}.chat-sidebar{display:none}.chat-main{min-height:0}.messages{padding:20px 14px}.bubble-wrap{max-width:82%}.chat-header{padding:12px 14px}.composer-wrap{padding:8px 10px 11px}.composer-hint{font-size:.58rem}.page{width:min(100% - 20px,1180px);padding-top:25px}.hero{padding:35px 5px}.search-row{grid-template-columns:1fr auto}.message-tools{margin:8px 10px 0}}
/* ZUNO 10X ARCADE + CHAT POLISH */
.emoji-tray[hidden]{display:none!important}.emoji-tray{z-index:50}.emoji-tray.open{animation:emojiIn .16s ease-out}.composer .icon-btn.active{background:linear-gradient(135deg,rgba(113,135,255,.3),rgba(99,214,255,.18));border-color:rgba(120,170,255,.35);color:#fff;box-shadow:0 0 20px rgba(99,150,255,.16)}
@keyframes emojiIn{from{opacity:0;transform:translateY(7px) scale(.96)}to{opacity:1;transform:none}}
.game-controls{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:14px;align-items:center;padding:14px;margin:18px 0 20px;border-radius:18px}.game-search-wrap{position:relative}.game-search-wrap>span{position:absolute;left:13px;top:12px;color:#8290aa}.game-search-wrap .input{padding-left:34px}.game-filters{display:flex;gap:6px;flex-wrap:wrap}.game-filter{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#8f9bb1;padding:8px 11px;border-radius:10px;cursor:pointer;font-size:.72rem}.game-filter:hover,.game-filter.active{background:linear-gradient(135deg,rgba(105,130,255,.22),rgba(99,214,255,.12));border-color:rgba(120,160,255,.3);color:#fff}.game-stats{display:flex;gap:12px;color:#68758d;font-size:.68rem;white-space:nowrap}.game-stats b{color:#dce7fb}.advanced-game-card{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.advanced-game-card:before{content:"";position:absolute;inset:-80px auto auto -50px;width:140px;height:140px;background:radial-gradient(circle,rgba(103,130,255,.17),transparent 68%);pointer-events:none}.advanced-game-card:hover{transform:translateY(-4px);border-color:rgba(118,160,255,.22);box-shadow:0 22px 50px rgba(0,0,0,.22)}.game-card-top{display:flex;align-items:center;justify-content:space-between}.game-actions{display:flex;gap:8px;flex-wrap:wrap}.game-actions .btn{flex:1;min-width:90px}.friend-picker-list{display:flex;flex-direction:column;gap:7px;margin-top:15px;max-height:55vh;overflow:auto}.friend-picker-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#fff;text-align:left;cursor:pointer}.friend-picker-row:hover{background:rgba(105,130,255,.1);border-color:rgba(110,155,255,.25)}.friend-picker-row span:nth-child(2){min-width:0}.friend-picker-row small{display:block;color:#728099;font-size:.66rem;margin-top:2px}.friend-picker-row strong{font-size:.7rem;color:#9fc5ff}.invite-success{text-align:center;padding:18px 5px}.success-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#4de1a4,#5fc8ff);color:#06121e;font-size:1.7rem;font-weight:900;box-shadow:0 15px 35px rgba(74,220,180,.2)}.roomcode{font-size:1.8rem;letter-spacing:.2em;font-weight:900;text-align:center;padding:15px;margin:12px 0;border-radius:15px;background:linear-gradient(135deg,rgba(105,130,255,.16),rgba(99,214,255,.1));border:1px solid rgba(120,160,255,.2)}
#playArea{position:relative;min-height:220px}.game-result-overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:25px;background:rgba(3,7,17,.72);backdrop-filter:blur(10px);animation:resultIn .22s ease-out}.game-stage{position:relative;overflow:hidden}.game-result-card{width:min(430px,92%);text-align:center;padding:34px 26px;border-radius:28px;background:linear-gradient(145deg,rgba(18,28,54,.97),rgba(7,13,27,.98));border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.45)}.result-burst{font-size:3.1rem;line-height:1;margin-bottom:12px;filter:drop-shadow(0 8px 20px rgba(100,160,255,.25))}.game-result-card h2{font-size:2.1rem;margin:7px 0;background:linear-gradient(90deg,#fff,#8edbff);-webkit-background-clip:text;background-clip:text;color:transparent}.game-result-card p{color:#93a1ba}.result-actions{display:flex;justify-content:center;gap:8px;margin-top:20px;flex-wrap:wrap}.game-result-overlay.win .game-result-card{border-color:rgba(83,231,169,.28);box-shadow:0 30px 100px rgba(50,210,150,.12)}.game-result-overlay.lose .game-result-card{border-color:rgba(255,102,139,.28);box-shadow:0 30px 100px rgba(255,70,120,.1)}.game-result-overlay.draw .game-result-card{border-color:rgba(124,157,255,.28)}@keyframes resultIn{from{opacity:0}.to{opacity:1}}.game-scoreboard{display:flex;align-items:center;justify-content:center;gap:28px;margin:8px auto 16px}.game-scoreboard div:not(.score-vs){display:flex;flex-direction:column;align-items:center;min-width:80px;padding:12px 20px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.game-scoreboard span{font-size:.62rem;letter-spacing:.14em;color:#75839d}.game-scoreboard b{font-size:2rem;margin-top:3px}.score-vs{color:#66748c;font-weight:900}.game-choice{min-width:135px}.round-result{font-size:.9rem;color:#dbe5f6;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
@media(max-width:900px){.game-controls{grid-template-columns:1fr}.game-stats{justify-content:space-between}.game-filters{overflow:auto;flex-wrap:nowrap}.game-filter{white-space:nowrap}.game-scoreboard{gap:10px}.game-choice{min-width:100px}}@media(max-width:600px){.game-title-row{align-items:flex-start;flex-direction:column}.game-actions .btn{min-width:0}.game-result-card h2{font-size:1.7rem}.emoji-tray{left:8px;right:8px;justify-content:center;flex-wrap:wrap;bottom:74px}.game-stats{font-size:.61rem}.friend-picker-row{grid-template-columns:auto 1fr}.friend-picker-row strong{grid-column:2}}

/* ZUNO FINAL POLISH — responsive layout, game boards, mobile navigation */
.nav-left{display:flex;align-items:center;gap:10px}.nav-back{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#dbe5f5;font-size:1.1rem;cursor:pointer}.nav-back:hover{background:rgba(255,255,255,.1);color:#fff}
.mobile-chat-actions,.mobile-only{display:none}
.chat-app{position:relative}.chat-sidebar{min-height:0}.sidebar-scroll{min-height:0}.chat-main{min-height:0}
/* Game library */
.games15{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-card{padding:20px;border-radius:20px;min-width:0}.game-card h3{margin:14px 0 6px;font-size:1.05rem}.game-card p{margin:0 0 16px;color:#8491a8;font-size:.78rem;min-height:36px}.game-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(113,135,255,.18),rgba(99,214,255,.1));border:1px solid rgba(140,160,255,.14);font-size:1.55rem}.game-tag{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#8fa7ff;background:rgba(113,135,255,.08);padding:5px 8px;border-radius:999px}.game-stage{margin-top:22px;border-radius:24px;padding:0;min-height:560px}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.stage-title{display:flex;align-items:center;gap:12px;min-width:0}.stage-title h2{margin:3px 0 0;font-size:1.3rem}.stage-back{margin:0}.stage-actions{flex-wrap:wrap}.game-stage>#playArea{min-height:470px;padding:28px;display:grid;place-items:center;position:relative;overflow:auto}.game-stage>#playArea>*{max-width:100%}
/* Tic Tac Toe */
.tic{display:grid!important;grid-template-columns:repeat(3,clamp(72px,14vw,118px));grid-template-rows:repeat(3,clamp(72px,14vw,118px));gap:10px;margin:18px auto}.tic button{width:auto!important;height:auto!important;min-width:0;border:1px solid rgba(150,170,255,.18);border-radius:20px;background:linear-gradient(145deg,rgba(30,43,76,.92),rgba(10,17,33,.95));color:#fff;font-size:clamp(2rem,6vw,3.3rem);font-weight:900;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 35px rgba(0,0,0,.18);transition:.16s ease}.tic button:hover{transform:translateY(-2px);border-color:rgba(126,169,255,.5);background:linear-gradient(145deg,rgba(49,66,112,.95),rgba(12,20,39,.98))}.tic button:not(:empty){text-shadow:0 0 24px rgba(120,170,255,.4)}
/* Connect Four */
.connect{display:grid!important;grid-template-columns:repeat(7,clamp(34px,7vw,68px));grid-template-rows:repeat(6,clamp(34px,7vw,68px));gap:8px;padding:16px;border-radius:24px;background:linear-gradient(145deg,#142a61,#0b1737);border:1px solid rgba(110,150,255,.22);box-shadow:0 25px 60px rgba(0,0,0,.3);margin:18px auto}.connect .disc{width:auto!important;height:auto!important;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#25334e 0 15%,#0b1221 48%,#050913 100%);box-shadow:inset 0 3px 6px rgba(255,255,255,.08),0 4px 8px rgba(0,0,0,.25);cursor:pointer;min-width:0}.connect .disc:hover{outline:3px solid rgba(122,170,255,.22);transform:scale(1.04)}.connect .disc.X{background:radial-gradient(circle at 35% 30%,#ff8a8a 0 12%,#ff4f68 35%,#c51e43 70%,#7d122d 100%);box-shadow:0 0 18px rgba(255,72,104,.28),inset 0 3px 6px rgba(255,255,255,.18)}.connect .disc.O{background:radial-gradient(circle at 35% 30%,#8de7ff 0 12%,#53cfff 35%,#2875e6 70%,#1744a0 100%);box-shadow:0 0 18px rgba(67,183,255,.28),inset 0 3px 6px rgba(255,255,255,.18)}
.fourgrid{display:grid;grid-template-columns:repeat(4,clamp(64px,12vw,105px));gap:9px;margin:18px auto}.fourgrid button{aspect-ratio:1;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-size:2rem;font-weight:900;cursor:pointer}.fourgrid button:hover{background:rgba(115,140,255,.16)}
.memory{display:grid;grid-template-columns:repeat(4,minmax(55px,90px));gap:10px}.memory-card{aspect-ratio:1;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#182544,#0b1222);color:#fff;font-size:1.7rem;cursor:pointer}.memory-card.open{background:linear-gradient(135deg,rgba(104,129,255,.3),rgba(90,205,240,.18))}.snakegrid{display:grid;grid-template-columns:repeat(20,14px);grid-template-rows:repeat(10,14px);gap:2px;padding:10px;background:#08101e;border-radius:15px}.snakegrid i{width:14px;height:14px;background:rgba(255,255,255,.025);border-radius:3px}.snakegrid i.sbody{background:#62dcaa}.snakegrid i.head{background:#b4ffd9;box-shadow:0 0 10px #62dcaa}.snakegrid i.food{background:#ff6b8a;box-shadow:0 0 10px #ff6b8a}.pong{width:min(700px,100%);height:auto;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#070c18}.reaction{width:min(420px,90vw);height:180px;border:0;border-radius:26px;font-size:2rem;font-weight:950;color:#fff;cursor:pointer}.reaction.waiting{background:linear-gradient(135deg,#6b3e7c,#2b315e)}.reaction.go{background:linear-gradient(135deg,#31d18c,#1c9fdb);box-shadow:0 0 60px rgba(50,220,160,.25)}.letters{display:flex;flex-wrap:wrap;gap:7px;max-width:760px;justify-content:center}.simon{display:grid;grid-template-columns:repeat(2,100px);gap:12px}.simon button{width:100px;height:100px;border:0;border-radius:22px;opacity:.8;cursor:pointer;touch-action:manipulation;transition:filter .12s ease,box-shadow .12s ease,transform .12s ease}.simon button.user-lit{transform:scale(1.05)}.simon button.lit{opacity:1;filter:brightness(1.55);box-shadow:0 0 35px currentColor}.simon .red{background:#e34e67}.simon .blue{background:#4e87ff}.simon .green{background:#43d69c}.simon .yellow{background:#e6c84f}.game-result-overlay{border-radius:24px}.game-result-card{max-height:90%;overflow:auto}
/* Mobile: never crop the application; use a drawer for people/friends */
@media(max-width:1050px){.games15{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-app{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:760px){
  body{overflow-x:hidden}.nav{padding:10px 12px;gap:8px}.navlinks{gap:8px;max-width:75vw;overflow-x:auto;flex-wrap:nowrap}.navlinks a,.navlinks button{font-size:.75rem;white-space:nowrap}.nav-back{width:34px;height:34px}.brand{font-size:1.2rem}
  .chat-page{padding:0;width:100%}.chat-app{height:calc(100dvh - 56px);min-height:0;width:100%;border-radius:0;display:block;overflow:hidden}.chat-sidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(88vw,340px);height:100dvh;z-index:100;background:#08101f;border-right:1px solid rgba(255,255,255,.12);box-shadow:20px 0 70px rgba(0,0,0,.45);padding-top:8px}.chat-sidebar.mobile-open{display:flex}.chat-main{height:100%;width:100%}.chat-profile{display:none}.chat-header{height:68px;padding:10px 12px}.chat-header-empty span{display:none}.chat-header-empty strong{font-size:.88rem}.mobile-chat-actions,.mobile-only{display:flex}.chat-peer{min-width:0}.peer-copy{min-width:0}.peer-copy strong,.peer-copy span{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages{padding:14px 10px 12px}.bubble-wrap{max-width:82vw}.bubble{font-size:.88rem}.composer-wrap{padding:8px 8px max(10px,env(safe-area-inset-bottom))}.emoji-tray{left:8px;right:8px;bottom:76px;justify-content:center;flex-wrap:wrap}.composer-hint{font-size:.55rem}.message-tools{margin:7px 8px 0}.message-tools .input{min-width:0}.chat-header .icon-btn{width:34px;height:34px}.chat-header-empty{gap:8px}.header-icon{width:34px;height:34px}.chat-empty{min-height:260px;padding:25px 12px}
  .page{width:calc(100% - 20px);padding:28px 0 55px}.hero{padding:35px 5px}.hero h1,.title{font-size:clamp(2.4rem,15vw,4.5rem)}
  .game-title-row{gap:12px}.game-controls{padding:11px}.games15{grid-template-columns:1fr;gap:12px}.game-card{padding:16px}.game-actions{display:grid;grid-template-columns:1fr 1fr}.game-stage{min-height:0;border-radius:18px}.stage-head{align-items:flex-start;padding:13px;flex-direction:column}.stage-title{width:100%}.stage-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.stage-actions .btn{margin-top:0}.game-stage>#playArea{padding:16px 8px;min-height:430px;width:100%;overflow:auto}.tic{grid-template-columns:repeat(3,min(27vw,95px));grid-template-rows:repeat(3,min(27vw,95px));gap:7px}.tic button{border-radius:15px}.connect{grid-template-columns:repeat(7,min(10vw,54px));grid-template-rows:repeat(6,min(10vw,54px));gap:5px;padding:10px;border-radius:18px}.fourgrid{grid-template-columns:repeat(4,min(20vw,76px));gap:6px}.memory{grid-template-columns:repeat(4,min(20vw,78px));gap:6px}.snakegrid{transform-origin:center;transform:scale(.78);margin:-20px}.pong{min-width:0}.reaction{height:150px}.game-result-card{width:min(92vw,430px);padding:26px 18px}.game-result-card h2{font-size:1.8rem}.simon{grid-template-columns:repeat(2,min(30vw,100px))}.simon button{width:min(30vw,100px);height:min(30vw,100px)}
}
@media(max-width:430px){.navlinks a:nth-child(3),.navlinks a:nth-child(4){display:none}.game-actions{grid-template-columns:1fr}.stage-actions{grid-template-columns:1fr}.bubble-wrap{max-width:88vw}.composer{gap:5px;padding:6px}.send-btn{width:40px;height:40px}.composer .icon-btn{width:40px;height:40px}.chat-input{font-size:.9rem}.game-result-card h2{font-size:1.55rem}}
.sidebar-top-actions{display:flex;align-items:center;gap:7px}
.success{color:#7ce8b9}
@media(max-width:760px){.sidebar-top-actions .mobile-only{display:grid}.sidebar-top{padding-top:14px}}

/* ZUNO FINAL social controls + scientific calculator */
.friend-actions{display:flex;gap:6px;align-items:center}.mini-btn.danger{border-color:rgba(255,90,120,.28)}
.message-delete{display:none;border:0;background:transparent;color:inherit;opacity:.55;margin-left:7px;cursor:pointer;font-size:13px;padding:0}.bubble:hover .message-delete{display:inline-block}.message-delete:hover{opacity:1}
.calc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.scientific-calc{max-width:760px;margin:0 auto;padding:20px;border-radius:28px}.calc-display-wrap{padding:20px 18px 14px;border-radius:20px;background:rgba(0,0,0,.2);min-height:120px;display:flex;flex-direction:column;justify-content:flex-end}.calc-expression{min-height:24px;color:var(--muted);text-align:right;font-size:14px}.calc-display{font-size:42px;font-weight:800;text-align:right;word-break:break-all;line-height:1.1}.calc-memory{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0}.calc-memory button{border:1px solid var(--line);background:rgba(255,255,255,.05);color:inherit;border-radius:12px;padding:10px;cursor:pointer}.scientific-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.scientific-grid .calc-key{min-height:58px;border-radius:16px;font-size:18px}.scientific-grid .fn,.scientific-grid .mode,.scientific-grid .const{background:rgba(130,100,255,.12)}.scientific-grid .eq{grid-column:span 2}.scientific-grid .cmd{background:rgba(255,80,100,.12)}
@media(max-width:700px){.calc-head{align-items:flex-start;flex-direction:column}.scientific-calc{padding:12px}.calc-display{font-size:32px}.scientific-grid{gap:7px}.scientific-grid .calc-key{min-height:52px;font-size:16px}.calc-memory{gap:5px}.calc-memory button{padding:8px 4px;font-size:12px}}

/* ============================================================
   ZUNO FINAL MEDIA / VIEW-ONCE EXPERIENCE
   ============================================================ */
.composer{gap:8px!important}
.media-preview-overlay,.media-viewer-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(5,8,18,.82);backdrop-filter:blur(18px)}
.media-preview-card,.media-viewer-card{width:min(720px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(180deg,rgba(25,31,55,.98),rgba(10,14,28,.98));box-shadow:0 30px 100px rgba(0,0,0,.45)}
.media-preview-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.media-preview-body{display:flex;align-items:center;justify-content:center;min-height:220px;padding:18px;background:rgba(0,0,0,.18)}
.media-preview-body img,.media-preview-body video{display:block;max-width:100%;max-height:52vh;border-radius:16px;object-fit:contain}
.view-once-toggle{display:flex;align-items:center;gap:9px;margin:0 18px;padding:14px;border-radius:14px;background:rgba(255,255,255,.06);cursor:pointer}
.view-once-toggle small{margin-left:auto;color:var(--muted,#9ca3b8)}
.media-preview-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 18px}
.media-bubble{display:flex;align-items:center;gap:10px;width:min(270px,100%);padding:13px 15px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.055);color:inherit;text-align:left;cursor:pointer}
.media-bubble span{font-weight:700}.media-bubble small{display:block;color:var(--muted,#9ca3b8);font-size:11px}.media-bubble.view-once{background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(59,130,246,.12));border-color:rgba(167,139,250,.3)}
.media-bubble.opened{cursor:default;opacity:.72}.media-viewer-card{position:relative;width:min(1000px,100%);padding:14px;text-align:center}.media-viewer-card img,.media-viewer-card video{max-width:100%;max-height:78vh;border-radius:16px;object-fit:contain}.viewer-close{position:absolute;right:18px;top:18px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:24px;cursor:pointer}.viewer-caption{padding:10px;color:var(--muted,#9ca3b8)}
.message-row .bubble-text{word-break:break-word}.message-row .bubble{max-width:min(72vw,560px)}
@media (max-width:700px){.media-preview-overlay,.media-viewer-overlay{padding:8px}.media-preview-card{border-radius:18px}.view-once-toggle{flex-wrap:wrap}.view-once-toggle small{width:100%;margin-left:28px}.media-preview-body{min-height:160px}.media-preview-body img,.media-preview-body video{max-height:48vh}.message-row .bubble{max-width:82vw}.composer-hint{font-size:10px!important}.media-bubble{max-width:70vw}}

/* ZUNO FINAL message/media controls */
.message-delete{display:inline-grid!important;place-items:center;border:0;background:transparent;color:inherit;opacity:.55;margin-left:4px;cursor:pointer;font-size:16px;padding:0 3px;line-height:1}
.message-delete:hover{opacity:1;transform:scale(1.08)}
.viewer-actions{display:flex;justify-content:center;gap:10px;padding:8px 0 2px}
.viewer-actions .btn{margin:0}
@media(max-width:700px){.message-delete{opacity:.8;font-size:18px}.viewer-actions .btn{width:100%}}

/* ZUNO FINAL DELETE MENU FIX */
.message-action-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;background:rgba(2,6,18,.72);backdrop-filter:blur(10px)}
.message-action-card{width:min(430px,100%);padding:14px;border-radius:22px;background:linear-gradient(145deg,#121d35,#080e1d);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.55)}
.message-action-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px;color:#fff}
.message-action-btn{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:#fff;border-radius:15px;padding:14px;margin-top:8px;cursor:pointer}
.message-action-btn:hover{background:rgba(255,255,255,.09)}
.message-action-btn.danger{border-color:rgba(255,100,130,.18)}
.message-action-btn span{display:flex;flex-direction:column;gap:2px}
.message-action-btn small{color:#8996ad;font-size:.68rem}
.message-action-cancel{width:100%;margin-top:10px;padding:12px;border:0;border-radius:13px;background:rgba(255,255,255,.06);color:#cbd5e1;cursor:pointer}

/* ============================================================
   ZUNO ANTI-STRESS — isolated feature styling
   ============================================================ */
.as-page{padding-top:34px}.as-hero{text-align:center;padding:25px 0 28px}.as-hero h1{margin-bottom:8px}.as-question{max-width:920px;margin:28px auto 0;padding:24px;border-radius:24px;background:rgba(12,18,35,.48);border:1px solid rgba(255,255,255,.07)}.as-question h2{margin:0 0 18px;font-size:1.15rem}.mood-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.mood-card,.dontknow{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#e8eefb;border-radius:14px;padding:12px 8px;cursor:pointer;transition:.2s}.mood-card:hover,.dontknow:hover{transform:translateY(-2px);background:rgba(255,255,255,.09)}.dontknow{width:100%;margin-top:12px;font-weight:800}.as-recommend{margin-top:14px;padding:15px;border-radius:16px;display:flex;align-items:center;gap:12px;text-align:left}.as-recommend span{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#8fa7ff}.as-recommend strong{flex:1}.as-grid{margin-top:16px}.as-card{border:1px solid rgba(255,255,255,.08);cursor:pointer;text-align:left}.as-card b{display:block;margin-top:15px;color:#b9c6ff}.as-overlay{position:fixed;inset:0;z-index:10000;background:rgba(2,5,14,.84);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:18px}.as-modal{width:min(1180px,100%);max-height:94vh;overflow:auto;border-radius:26px;background:linear-gradient(180deg,rgba(15,22,42,.98),rgba(5,9,19,.98));border:1px solid rgba(255,255,255,.11);box-shadow:0 35px 120px rgba(0,0,0,.55)}.as-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:rgba(10,15,29,.9);backdrop-filter:blur(15px);z-index:2}.as-modal-head h2{margin:3px 0 0;font-size:1.45rem}.as-modal-body{padding:20px}.as-intro{color:#9eabc0;margin-bottom:14px}.as-controls{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.as-controls .btn{margin:0}.as-canvas-wrap{height:min(62vh,600px);min-height:330px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(90,105,255,.08),rgba(0,0,0,.25));border:1px solid rgba(255,255,255,.08)}.as-canvas-wrap canvas{width:100%;height:100%;display:block;touch-action:none}.as-mode-row,.as-world-tabs,.as-game-tabs,.reset-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.as-mode-row .chip,.as-world-tabs .chip,.as-game-tabs .chip,.reset-options .chip{margin:0}.as-world{height:min(62vh,560px);min-height:330px;border-radius:20px;display:grid;place-items:center;overflow:hidden;position:relative;background:#09121c}.as-world:before,.as-world:after{content:"";position:absolute;inset:0}.as-world:before{background:radial-gradient(circle at 50% 30%,rgba(170,220,255,.2),transparent 32%),linear-gradient(180deg,rgba(10,20,35,.1),rgba(1,5,10,.7));animation:asDrift 12s ease-in-out infinite alternate}.as-world:after{background:repeating-linear-gradient(120deg,transparent 0 36px,rgba(255,255,255,.025) 38px 40px);animation:asRain 8s linear infinite}.as-world.rain{background:linear-gradient(180deg,#18253c,#070d18)}.as-world.beach{background:linear-gradient(180deg,#111536 0 48%,#071521 49% 100%)}.as-world.cabin{background:radial-gradient(circle at 50% 58%,#8d4c25 0 7%,transparent 8%),linear-gradient(180deg,#101529,#080b12)}.as-world.aurora{background:radial-gradient(ellipse at 50% 30%,rgba(76,255,200,.4),transparent 30%),linear-gradient(180deg,#11142f,#050811)}.as-world-content{position:relative;z-index:1;text-align:center;padding:30px}.as-world-icon{font-size:4rem;filter:drop-shadow(0 12px 35px rgba(0,0,0,.5))}.as-world-content h3{font-size:2rem;margin:8px}.as-world-content p{color:#aeb9cb}.as-destroy-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.as-destroy-actions .btn{margin:0}.as-destroy-stage{min-height:110px;display:grid;place-items:center;text-align:center;padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.1);color:#cbd5e1;word-break:break-word;transition:.6s}.as-destroy-stage.burn{animation:asBurn .7s}.as-destroy-stage.smash{animation:asSmash .7s}.as-destroy-stage.throw{animation:asThrow .7s}.as-destroy-stage.dissolve{animation:asDissolve .7s}.as-destroy-stage.space{animation:asSpace .7s}.as-destroy-stage.shred{animation:asShred .7s}.as-destroy-stage.gone{color:#8cf1c1;border-color:rgba(88,240,171,.25)}.as-mini-stage{min-height:430px;border-radius:20px;background:rgba(0,0,0,.16);padding:16px;position:relative;overflow:hidden}.as-mini-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.as-mini-note{color:#6f7d95;font-size:.72rem;margin-bottom:12px}.star-field,.rush-field{height:350px;position:relative;border-radius:16px;background:radial-gradient(circle at 50% 40%,rgba(120,130,255,.08),transparent 55%)}.star,.rush-bubble{position:absolute;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer;filter:drop-shadow(0 0 12px rgba(150,160,255,.45))}.as-mini-result{position:absolute;inset:0;display:grid;place-items:center;font-size:1.4rem}.as-color-target{text-align:center;font-size:1.4rem;padding:20px}.as-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:500px;margin:auto}.as-color{padding:24px;border:0;border-radius:18px;color:#fff;font-weight:900;cursor:pointer}.as-color.red{background:#b83a55}.as-color.blue{background:#3b67c4}.as-color.green{background:#318a65}.as-color.purple{background:#7548b6}.circle-pad,.ocean-pad{height:350px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle,rgba(100,160,255,.14),rgba(5,10,22,.7));position:relative;touch-action:none}.circle-dot{width:18px;height:18px;border-radius:50%;background:#b7c4ff;box-shadow:0 0 25px #8495ff}.ocean-pad{background:linear-gradient(180deg,#102c45,#06131f);overflow:hidden}.ocean-wave{width:150%;height:150px;border-radius:50%;border:2px solid rgba(130,210,255,.22);animation:asWave 5s linear infinite}.ocean-pad p{position:absolute;color:#b6c4d7}.memory-garden{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:520px;margin:20px auto}.memory-card{height:85px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.045);color:#fff;font-size:1.5rem;cursor:pointer}.memory-card.open,.memory-card.matched{background:rgba(120,145,255,.16)}.sound-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sound-card{border:1px solid rgba(255,255,255,.08);border-radius:17px;padding:16px;background:rgba(255,255,255,.045);color:#fff;text-align:left;cursor:pointer}.sound-card input{display:block;width:100%;margin-top:14px}.breath{text-align:center;min-height:430px;display:grid;place-items:center;align-content:center;gap:12px}.breath-orb{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(140,160,255,.7) 12%,rgba(100,110,255,.18) 48%,transparent 70%);box-shadow:0 0 80px rgba(125,140,255,.35);transition:transform 2s ease}.breath-orb.breathing{animation:asBreathe 4s ease-in-out infinite}.sanctuary-scene{min-height:240px;border-radius:20px;padding:20px;display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;background:linear-gradient(180deg,#0d1c2c,#08120e);border:1px solid rgba(255,255,255,.08)}.sanctuary-scene span{font-size:3rem;filter:drop-shadow(0 10px 15px rgba(0,0,0,.35))}.sanctuary-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.sanctuary-actions .btn{margin:0}.daily-card{text-align:center;padding:35px}.daily-orb{font-size:5rem}.daily-card h3{font-size:2rem;margin:8px}.daily-card .btn{margin-top:14px}.as-modal:fullscreen{max-height:100vh;height:100vh;border-radius:0}.as-modal:fullscreen .as-modal-body{height:calc(100vh - 78px)}
@keyframes asDrift{to{transform:scale(1.08) translateY(-10px)}}@keyframes asRain{to{transform:translateY(80px)}}@keyframes asBurn{50%{filter:brightness(2);transform:scale(.95);opacity:.2}}@keyframes asSmash{50%{transform:scale(1.15) rotate(3deg)}}@keyframes asThrow{to{transform:translate(70vw,-40vh) rotate(540deg);opacity:0}}@keyframes asDissolve{to{filter:blur(15px);opacity:0}}@keyframes asSpace{to{transform:translate(70vw,-55vh) scale(.1);opacity:0}}@keyframes asShred{to{transform:skewX(20deg) scaleY(.05);opacity:0}}@keyframes asWave{to{transform:translateX(-25%) rotate(5deg)}}@keyframes asBreathe{0%,100%{transform:scale(.78)}50%{transform:scale(1.12)}}
@media(max-width:900px){.mood-grid{grid-template-columns:repeat(4,1fr)}.sound-grid{grid-template-columns:repeat(2,1fr)}.sanctuary-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.as-overlay{padding:0}.as-modal{max-height:100dvh;height:100dvh;border-radius:0}.as-modal-head{padding:14px}.as-modal-body{padding:14px}.mood-grid{grid-template-columns:repeat(2,1fr)}.as-question{padding:16px}.as-destroy-actions{grid-template-columns:1fr 1fr}.sound-grid{grid-template-columns:1fr 1fr}.memory-garden{gap:6px}.memory-card{height:68px}.as-canvas-wrap{min-height:300px}.as-world{min-height:300px}.as-controls{justify-content:stretch}.as-controls .btn{flex:1}.daily-card{padding:22px}.as-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.as-overlay *,.as-overlay *::before,.as-overlay *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}


/* ============================================================
   ZUNO SOUNDSCAPE — real uploaded audio + responsive mixer
   ============================================================ */
.soundscape-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:end;margin-bottom:18px}.sound-master{padding:15px 17px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.045)}.sound-master-row,.sound-volume{display:flex;align-items:center;justify-content:space-between;gap:10px}.sound-master-row{margin-bottom:10px;color:#b8c4d8}.sound-master-row strong,.sound-volume strong{color:#fff;font-variant-numeric:tabular-nums}.sound-master input,.sound-volume input{width:100%;accent-color:#9eaeff}.sound-grid.soundscape-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.soundscape-grid .sound-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-width:0}.sound-toggle{width:100%;min-height:112px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;text-align:left;padding:17px;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}.sound-toggle:hover{background:rgba(255,255,255,.035)}.sound-toggle[aria-pressed="true"]{background:rgba(130,150,255,.10)}.sound-icon{grid-row:1 / span 2;font-size:2rem}.sound-name{font-weight:850;font-size:1.05rem}.sound-status{font-size:.78rem;color:#8f9db4}.sound-volume{display:grid;grid-template-columns:auto 1fr auto;padding:12px 15px;color:#8f9db4;font-size:.75rem}.sound-volume input{grid-column:1 / -1}.soundscape-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.soundscape-status{min-height:1.2em;margin:10px 2px 0}.sound-card input[type="range"]{cursor:pointer;touch-action:manipulation}
@media(max-width:900px){.soundscape-top{grid-template-columns:1fr}.sound-grid.soundscape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sound-grid.soundscape-grid{grid-template-columns:1fr}.sound-toggle{min-height:92px}.soundscape-actions{display:grid;grid-template-columns:1fr 1fr}.soundscape-actions .btn:first-child{grid-column:1 / -1}.sound-master{padding:14px}.sound-volume{grid-template-columns:1fr auto}}

/* ZUNO chat typing + read receipt polish */
.typing-indicator{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600}
.typing-indicator i{width:4px;height:4px;border-radius:50%;background:currentColor;display:inline-block;animation:zunoTyping 1s infinite ease-in-out}
.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}
.typing-indicator b{margin-left:4px;font-weight:600}
@keyframes zunoTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
.message-read-mark{font-weight:700;letter-spacing:-2px;white-space:nowrap}

/* ============================================================
   ZUNO NATIVE-STYLE MOBILE CHAT KEYBOARD FIX
   Prevents iOS input auto-zoom and makes the chat viewport follow
   the actual visual viewport when the software keyboard opens.
   ============================================================ */
html.zuno-chat-mode,
body.zuno-chat-mode{
  overflow:hidden!important;
  overscroll-behavior:none;
  -webkit-text-size-adjust:100%;
}
body.zuno-chat-mode{min-height:0;height:100%;}
body.zuno-chat-mode .chat-page{
  height:calc(var(--zuno-vv-height,100dvh) - var(--zuno-nav-height,66px));
  min-height:0!important;
  padding:0;
  overflow:hidden;
}
body.zuno-chat-mode .chat-app{
  height:100%;
  min-height:0!important;
  max-height:100%;
  border-radius:0;
}
body.zuno-chat-mode .chat-main{min-height:0;height:100%;}
body.zuno-chat-mode .messages{
  min-height:0;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
body.zuno-chat-mode .composer-wrap{
  flex:0 0 auto;
  padding-bottom:max(10px,env(safe-area-inset-bottom));
  background:rgba(5,10,20,.92);
}
body.zuno-chat-mode .chat-input{
  font-size:16px!important;
  line-height:1.35;
  -webkit-appearance:none;
}
@media(max-width:760px){
  body.zuno-chat-mode .chat-page{width:100%;}
  body.zuno-chat-mode .chat-header{height:64px;}
  body.zuno-chat-mode .messages{padding:14px 12px 12px;}
  body.zuno-chat-mode .composer-wrap{padding-left:8px;padding-right:8px;}
  body.zuno-chat-mode .composer-hint{display:none;}
  body.zuno-chat-mode .composer{padding:6px;border-radius:18px;}
  body.zuno-chat-mode .chat-input{min-height:42px;max-height:112px;padding:9px 5px;}
}
@media(max-width:430px){
  body.zuno-chat-mode .chat-input{font-size:16px!important;}
}


/* ZUNO FINAL NATIVE CHAT KEYBOARD BEHAVIOR — iOS/iPadOS/Android */
html.zuno-chat-mode, body.zuno-chat-mode {
  width:100%;
  max-width:100%;
  overflow:hidden !important;
  overscroll-behavior:none !important;
  -webkit-overflow-scrolling:auto;
}
body.zuno-chat-mode > #app {
  width:100%;
  height:100%;
  overflow:hidden;
}
body.zuno-chat-mode > #app > .nav,
body.zuno-chat-mode > #app > .footer {
  display:none !important;
}
body.zuno-chat-mode .chat-page {
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  width:100vw !important;
  height:var(--zuno-vv-height,100dvh) !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  transform:none !important;
  z-index:100 !important;
}
body.zuno-chat-mode .chat-app {
  width:100%;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0;
  border-radius:0;
  overflow:hidden;
}
body.zuno-chat-mode .chat-main {
  height:100%;
  min-height:0 !important;
  overflow:hidden;
}
body.zuno-chat-mode .messages {
  flex:1 1 auto;
  scroll-behavior:auto;
  min-height:0 !important;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}
body.zuno-chat-mode .composer-wrap {
  flex:0 0 auto !important;
  position:relative !important;
  bottom:auto !important;
  margin:0 !important;
  padding-bottom:max(10px, env(safe-area-inset-bottom)) !important;
  background:rgba(5,10,20,.96);
}
body.zuno-chat-mode .composer {
  width:100%;
}
body.zuno-chat-mode .chat-input,
body.zuno-chat-mode .chat-input:focus {
  font-size:16px !important;
  transform:none !important;
  zoom:1 !important;
  -webkit-text-size-adjust:100%;
}
body.zuno-chat-mode .chat-input {
  touch-action:manipulation;
}
@media (max-width:760px) {
  body.zuno-chat-mode .chat-header { height:64px; flex-basis:64px; }
  body.zuno-chat-mode .messages { padding:12px 10px 10px; }
  body.zuno-chat-mode .composer-wrap { padding:7px 8px max(8px,env(safe-area-inset-bottom)) !important; }
  body.zuno-chat-mode .composer { min-height:56px; padding:5px; border-radius:20px; }
  body.zuno-chat-mode .chat-input { min-height:44px; max-height:120px; padding:10px 5px; }
  body.zuno-chat-mode .send-btn { flex:0 0 44px; width:44px; height:44px; }
}


/* ZUNO age/access gate */
html.zuno-age-lock,
body.zuno-age-lock {
  overflow:hidden !important;
  height:100% !important;
}
.zuno-age-gate {
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(3,7,18,.92);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  opacity:1;
  visibility:visible;
  transition:opacity .2s ease, visibility .2s ease;
}
.zuno-age-gate.is-hidden {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.zuno-age-card {
  width:min(460px,100%);
  padding:30px 26px 24px;
  border:1px solid rgba(130,160,220,.24);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(22,31,54,.98),rgba(9,15,30,.98));
  box-shadow:0 24px 80px rgba(0,0,0,.55);
  text-align:center;
}
.zuno-age-logo {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:76px;
  height:40px;
  padding:0 14px;
  border-radius:13px;
  background:linear-gradient(135deg,#6386ff,#56c8ec);
  color:#07101f;
  font-weight:900;
  letter-spacing:.08em;
  margin-bottom:20px;
}
.zuno-age-eyebrow {
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  color:#8fa5d0;
  margin-bottom:8px;
}
.zuno-age-card h1 {
  margin:0 0 12px;
  font-size:30px;
  line-height:1.15;
  color:#fff;
}
.zuno-age-card p {
  margin:0 auto;
  color:#b7c3dc;
  line-height:1.55;
  font-size:15px;
}
.zuno-age-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:24px;
}
.zuno-age-btn {
  min-height:52px;
  border:0;
  border-radius:15px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.zuno-age-yes {
  color:#06111d;
  background:linear-gradient(135deg,#6b8dff,#57c9ed);
}
.zuno-age-no {
  color:#e8edf8;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
}
.zuno-age-btn:active { transform:scale(.98); }
.zuno-age-note {
  margin-top:16px !important;
  font-size:12px !important;
  color:#7887a6 !important;
}
@media (max-width:520px) {
  .zuno-age-gate { padding:18px; }
  .zuno-age-card { padding:26px 20px 20px; border-radius:22px; }
  .zuno-age-card h1 { font-size:27px; }
  .zuno-age-actions { grid-template-columns:1fr; }
}

/* ZUNO accurate presence */
.online-dot.offline{opacity:.28;background:transparent!important;border:2px solid currentColor!important;box-shadow:none!important}.offline-status{opacity:.62}.chat-peer .online-dot{transition:opacity .18s ease,background .18s ease}

/* ZUNO VOICE MESSAGES — max 2 minutes per recording */
.voice-record-btn{flex:0 0 auto;position:relative;transition:transform .15s ease,background .15s ease,border-color .15s ease}.voice-record-btn.recording{background:rgba(248,113,113,.16);border-color:rgba(248,113,113,.55);animation:zunoVoicePulse 1.1s ease-in-out infinite}.voice-record-btn:disabled{opacity:.45;cursor:not-allowed}.voice-bubble{display:flex;align-items:center;gap:10px;width:min(300px,100%);padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:linear-gradient(135deg,rgba(113,135,255,.14),rgba(99,214,255,.08));color:#eef2ff;text-align:left;cursor:pointer}.voice-bubble:hover{background:linear-gradient(135deg,rgba(113,135,255,.2),rgba(99,214,255,.12))}.voice-bubble:disabled{opacity:.7;cursor:wait}.voice-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:rgba(113,135,255,.16);font-size:18px}.voice-copy{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1}.voice-copy strong{font-size:.82rem}.voice-copy small{font-size:.68rem;color:#9ca9bf}.voice-play{font-size:18px;flex:0 0 auto}.voice-bubble.playing .voice-play{filter:drop-shadow(0 0 7px rgba(99,214,255,.5))}.voice-preview-body{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;text-align:center}.voice-preview-body audio{width:min(520px,100%)}.voice-preview-body small{max-width:520px;color:#9ca3b8}.voice-recording-badge{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:rgba(113,135,255,.14);border:1px solid rgba(113,135,255,.24);font-size:30px;animation:zunoVoicePulse 1.1s ease-in-out infinite}@keyframes zunoVoicePulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(248,113,113,.08)}50%{transform:scale(1.04);box-shadow:0 0 0 8px rgba(248,113,113,0)}}
@media(max-width:700px){.voice-bubble{max-width:76vw}.voice-preview-body{padding:22px 14px}.voice-preview-body audio{width:100%}.composer .voice-record-btn{width:40px;height:40px;padding:0;font-size:16px}}

/* ZUNO VOICE BUTTON VISIBILITY HOTFIX */
.composer .voice-record-btn{display:grid!important;visibility:visible!important;opacity:1;}
.composer .voice-record-btn:disabled{opacity:.5;}


/* ============================================================
   ZUNO CHAT STORAGE-PROTECTION + DISAPPEARING MESSAGES UI
   ============================================================ */
.chat-policy-banner{display:flex;align-items:flex-start;gap:12px;margin:10px 14px 0;padding:12px 14px;border:1px solid rgba(113,135,255,.18);border-radius:15px;background:linear-gradient(135deg,rgba(17,30,60,.72),rgba(10,18,35,.76));box-shadow:0 12px 35px rgba(0,0,0,.14)}
.policy-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:linear-gradient(135deg,rgba(113,135,255,.22),rgba(99,214,255,.12));font-size:18px}
.policy-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.policy-copy strong{font-size:.8rem;color:#f0f4ff}.policy-copy span{font-size:.67rem;line-height:1.45;color:#8e9bb1}.policy-copy b{color:#b8c7ff}.policy-local{color:#9db0d0!important;margin-top:2px}
.view-once-forced{display:flex;align-items:flex-start;gap:10px;margin:14px 0;padding:13px 14px;border-radius:14px;border:1px solid rgba(167,139,250,.25);background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(59,130,246,.08));color:#f5f3ff}.view-once-forced>span{font-size:20px;line-height:1}.view-once-forced div{display:flex;flex-direction:column;gap:2px}.view-once-forced strong{font-size:.82rem}.view-once-forced small{color:#a7aec1;font-size:.68rem;line-height:1.4}
.voice-bubble.listen-once{background:linear-gradient(135deg,rgba(236,72,153,.16),rgba(139,92,246,.12));border-color:rgba(236,72,153,.25)}.voice-bubble.listen-once .voice-icon{background:rgba(236,72,153,.14)}
.chat-settings-overlay{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;background:rgba(2,6,18,.76);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.chat-settings-card{width:min(520px,100%);max-height:min(90vh,720px);overflow:auto;padding:18px;border-radius:24px;background:linear-gradient(145deg,#121d35,#080e1d);border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 100px rgba(0,0,0,.6)}
.chat-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:3px 3px 14px}.chat-settings-head h3{margin:4px 0 0;font-size:1.25rem}.chat-lock-card{display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:17px;border:1px solid rgba(113,135,255,.22);background:rgba(113,135,255,.08)}.chat-lock-icon{font-size:24px}.chat-lock-card strong{display:block;font-size:.85rem}.chat-lock-card small{display:block;color:#9ba8bd;font-size:.7rem;line-height:1.5;margin-top:4px}.chat-local-title{margin:18px 2px 4px;font-size:.8rem;font-weight:850;color:#e8edfb}.chat-local-copy{color:#8f9db5;font-size:.7rem;line-height:1.5;margin:0 2px 10px}.chat-local-options{display:grid;gap:8px}.chat-local-option{display:flex;align-items:center;gap:11px;width:100%;padding:13px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#fff;text-align:left;cursor:pointer}.chat-local-option:hover{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.14)}.chat-local-option.active{border-color:rgba(113,135,255,.45);background:rgba(113,135,255,.12)}.chat-local-option>span{font-size:17px;color:#8ea4ff}.chat-local-option div{display:flex;flex-direction:column;gap:2px}.chat-local-option strong{font-size:.8rem}.chat-local-option small{font-size:.67rem;color:#8d9ab1}
.zuno-toast-host{position:fixed;right:18px;top:86px;z-index:10030;display:grid;gap:8px;pointer-events:none}.zuno-toast{max-width:min(360px,calc(100vw - 36px));padding:12px 15px;border-radius:14px;border:1px solid rgba(113,135,255,.22);background:rgba(12,20,38,.96);box-shadow:0 20px 60px rgba(0,0,0,.45);color:#eef3ff;font-size:.75rem;backdrop-filter:blur(14px);animation:zunoToastIn .2s ease-out}.zuno-toast-host:empty{display:none}@keyframes zunoToastIn{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
.chat-menu-btn{font-weight:900;letter-spacing:1px}.chat-policy-banner+.messages{padding-top:14px}
@media(max-width:700px){.chat-policy-banner{margin:7px 8px 0;padding:10px 11px}.policy-copy span{font-size:.62rem}.policy-icon{width:30px;height:30px;font-size:16px}.chat-settings-overlay{padding:10px;align-items:end}.chat-settings-card{width:100%;border-radius:22px 22px 16px 16px;max-height:88dvh}.zuno-toast-host{right:10px;left:10px;top:74px}.zuno-toast{max-width:none}.view-once-forced{margin:10px 0}}

/* ============================================================
   ZUNO IMPORTANT MESSAGE + LIVE VOICE CALL UI
   ============================================================ */
.chat-policy-banner{align-items:center;gap:9px;padding:7px 9px;margin:7px 14px 0;border-radius:12px;min-height:42px}
.chat-policy-banner .policy-icon{width:27px;height:27px;border-radius:9px;font-size:14px}
.chat-policy-banner .policy-copy{gap:0;flex:1;min-width:0}
.chat-policy-banner .policy-copy strong{font-size:.68rem;line-height:1.2}
.chat-policy-banner .policy-copy span{font-size:.58rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-policy-banner.expanded{align-items:flex-start;padding:9px 10px}
.chat-policy-banner.expanded .policy-copy span{white-space:normal;overflow:visible;text-overflow:clip}
.policy-info-btn{width:26px;height:26px;flex:0 0 auto;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#b9c8ff;font-weight:900;cursor:pointer;display:grid;place-items:center}
.policy-info-btn:hover{background:rgba(255,255,255,.1);color:#fff}

.zuno-call-overlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px;background:rgba(2,6,18,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.zuno-call-overlay[hidden]{display:none}
.zuno-call-card{width:min(390px,calc(100vw - 28px));padding:28px 22px 22px;border-radius:30px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(99,214,255,.14),transparent 42%),linear-gradient(145deg,#111d36,#070c18);border:1px solid rgba(255,255,255,.13);box-shadow:0 40px 120px rgba(0,0,0,.62)}
.zuno-call-avatar{width:82px;height:82px;margin:0 auto 14px;border-radius:27px;display:grid;place-items:center;background:linear-gradient(135deg,#7187ff,#63d6ff);color:#06101e;font-size:2rem;font-weight:950;box-shadow:0 18px 45px rgba(99,166,255,.24)}
.zuno-call-eyebrow{font-size:.61rem;letter-spacing:.18em;color:#8ea6ff;font-weight:900}
.zuno-call-card h3{margin:6px 0 3px;font-size:1.35rem}
.zuno-call-status{font-size:.75rem;color:#91a0b8;min-height:22px}
.zuno-call-timer{font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:850;letter-spacing:.05em;margin:10px 0 18px;color:#eef4ff}
.zuno-call-actions{display:flex;justify-content:center;gap:18px}
.zuno-call-btn{width:78px;height:78px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.055);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:20px}
.zuno-call-btn span{font-size:.62rem;color:#9ca9bf}
.zuno-call-btn.accept{background:rgba(75,230,160,.13);border-color:rgba(75,230,160,.25)}
.zuno-call-btn.decline,.zuno-call-btn.hangup{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.25)}
.zuno-call-btn.mute{background:rgba(113,135,255,.12);border-color:rgba(113,135,255,.25)}
.zuno-call-btn.mute.muted{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.25)}
.zuno-call-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.1)}
#zunoRemoteAudio{display:none}
/* Phone-to-ear mode: keep the audio call alive while the visual call surface goes black.
   A browser cannot power off the physical display, so this is the closest safe web UI behavior. */
.zuno-call-overlay.zuno-proximity-near{background:#000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;place-items:stretch!important;padding:0!important;touch-action:none!important}
.zuno-call-overlay.zuno-proximity-near .zuno-call-card{display:none!important}
.zuno-call-overlay.zuno-proximity-near::after{content:'';position:absolute;inset:0;background:#000;pointer-events:none}

@media(max-width:700px){
  .chat-policy-banner{margin:6px 8px 0;padding:6px 8px;min-height:38px}
  .chat-policy-banner .policy-copy span{font-size:.55rem}
  .chat-policy-banner .policy-icon{width:25px;height:25px;font-size:13px}
  .policy-info-btn{width:24px;height:24px}
  .zuno-call-card{padding:24px 18px 20px;border-radius:26px}
  .zuno-call-avatar{width:74px;height:74px;border-radius:24px}
  .zuno-call-btn{width:72px;height:72px;border-radius:22px}
}

/* ZUNO social controls restored */
.social-actions-card{max-width:430px}
.social-action-note{margin:0 0 12px}
.social-menu-divider{height:1px;background:rgba(255,255,255,.08);margin:12px 0}
.social-action-btn{width:100%;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:inherit;border-radius:14px;padding:13px 14px;margin:8px 0;text-align:left;cursor:pointer;font:inherit}
.social-action-btn:hover{background:rgba(255,255,255,.08)}
.social-action-btn.danger{color:#ff8f9b;border-color:rgba(255,80,100,.16)}
'
/* ZUNO Arcade v2: responsive game feedback + touch-first controls */
.game-stage,#playArea,.game-stage button,.game-stage input,.game-stage select{touch-action:manipulation}
.game-stage{overflow:hidden;isolation:isolate}
.game-stage>#playArea{min-height:clamp(430px,58vh,700px);padding:clamp(14px,3vw,32px);overflow:auto;overscroll-behavior:contain}
.game-result-overlay{position:fixed!important;inset:0!important;z-index:100000!important;display:grid!important;place-items:center!important;padding:clamp(14px,4vw,34px)!important;background:radial-gradient(circle at 50% 35%,rgba(93,119,255,.22),rgba(2,5,14,.9) 55%,rgba(2,4,10,.97));backdrop-filter:blur(14px);overflow:hidden!important;border-radius:inherit!important}
.game-result-overlay.lose{background:radial-gradient(circle at 50% 40%,rgba(255,74,104,.15),rgba(2,5,14,.92) 55%,rgba(2,4,10,.98))}
.game-result-overlay.draw{background:radial-gradient(circle at 50% 40%,rgba(180,190,210,.12),rgba(2,5,14,.94) 58%,rgba(2,4,10,.98))}
.game-result-card{position:relative;z-index:5;width:min(92vw,520px);padding:clamp(24px,5vw,42px);text-align:center;border-radius:30px;background:linear-gradient(180deg,rgba(20,29,55,.98),rgba(7,12,24,.98));border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 70px rgba(99,126,255,.13);animation:resultPop .48s cubic-bezier(.2,.85,.25,1.2) both}
.game-result-card h2{margin:7px 0 6px;font-size:clamp(2.2rem,7vw,4rem);line-height:.95;letter-spacing:-.06em;font-weight:1000}.game-result-card p{margin:0 auto 18px;color:#aebbd1;max-width:430px}.result-burst{font-size:clamp(3.4rem,10vw,5.4rem);line-height:1;margin-bottom:8px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.45));animation:resultBounce .9s ease both}.game-result-overlay.win .game-result-card h2{color:#f8fbff;text-shadow:0 0 30px rgba(110,235,190,.35)}.game-result-overlay.lose .game-result-card h2{color:#fff1f4;text-shadow:0 0 30px rgba(255,80,110,.35)}.result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.result-actions .btn{margin:0;min-width:140px;min-height:46px}
.confetti{position:absolute;z-index:2;left:var(--x);top:-12%;width:10px;height:18px;border-radius:3px;background:linear-gradient(135deg,#fff,rgba(125,160,255,.95));opacity:0;transform:rotate(var(--r));animation:confettiFall var(--d) cubic-bezier(.1,.7,.2,1) calc(var(--i)*10ms) forwards;will-change:transform,opacity}.c1{width:7px;height:14px}.c2{border-radius:50%;width:8px;height:8px}.c3{width:12px;height:6px}.c4{transform:rotate(45deg)}.c5{width:6px;height:20px}.c6{border-radius:50%}.c7{width:11px;height:11px}.c8{width:5px;height:16px}.c9{border-radius:2px}.c10{width:9px;height:13px}.c11{width:13px;height:7px}
.loss-cross{position:absolute;z-index:2;left:var(--x);top:var(--y);color:rgba(255,86,112,.8);font-size:clamp(20px,4vw,42px);font-weight:1000;line-height:1;opacity:0;transform:rotate(var(--r)) scale(.3);animation:crossFloat var(--d) ease-out calc(var(--i)*14ms) forwards;pointer-events:none;text-shadow:0 0 20px rgba(255,55,90,.35)}
.game-dpad{display:grid!important;grid-template-columns:repeat(3,54px);grid-template-areas:'. up .' 'left down right';gap:7px;justify-content:center}.game-dpad button:nth-child(1){grid-area:up}.game-dpad button:nth-child(2){grid-area:left}.game-dpad button:nth-child(3){grid-area:down}.game-dpad button:nth-child(4){grid-area:right}
.game-dpad button{min-width:52px;min-height:52px;margin:0;font-size:1.25rem}.game-score{width:min(100%,720px);display:flex;justify-content:center;align-items:center;gap:clamp(12px,4vw,36px);flex-wrap:wrap;margin:0 auto 12px}.game-goal{text-align:center}.tic button,.connect .disc,.fourgrid button,.memory-card,.mine,.reaction,.simon button,.rps-choice,.letters .btn{min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent;user-select:none}.pong{display:block;max-width:100%;height:auto;aspect-ratio:700/360;touch-action:none}
@keyframes resultPop{0%{opacity:0;transform:translateY(18px) scale(.82)}65%{transform:translateY(-4px) scale(1.03)}100%{opacity:1;transform:none}}@keyframes resultBounce{0%{transform:scale(.5) rotate(-8deg);opacity:0}55%{transform:scale(1.15) rotate(4deg);opacity:1}100%{transform:scale(1)}}@keyframes confettiFall{0%{opacity:0;transform:translate3d(0,-10vh,0) rotate(0) scale(.7)}10%{opacity:1}100%{opacity:1;transform:translate3d(calc((var(--i) % 2) * 40px - 20px),115vh,0) rotate(720deg) scale(1)}}@keyframes crossFloat{0%{opacity:0;transform:translateY(12px) rotate(var(--r)) scale(.3)}20%{opacity:.9}100%{opacity:0;transform:translateY(-70px) rotate(calc(var(--r) + 20deg)) scale(1)}}
@media(max-width:760px){.game-result-overlay{position:fixed!important;border-radius:0!important}.game-stage>#playArea{min-height:calc(100dvh - 150px);padding:14px 8px}.game-result-card{width:min(94vw,460px);border-radius:24px}.result-actions{display:grid;grid-template-columns:1fr;width:100%}.result-actions .btn{width:100%;min-height:50px}.game-score{gap:12px}.snakegrid{width:min(94vw,420px);margin:0 auto;transform:none!important}.connect{max-width:94vw;overflow:auto}.tic{max-width:94vw}.memory{max-width:94vw}.letters{max-width:94vw}.pong{width:94vw}}
@media(max-width:430px){.game-result-card{padding:24px 15px}.game-result-card h2{font-size:2.35rem}.result-burst{font-size:3.5rem}.game-dpad{grid-template-columns:repeat(3,52px)}.game-dpad button{min-width:52px;min-height:52px}.game-stage>#playArea{padding:12px 6px}}
@media(prefers-reduced-motion:reduce){.game-result-card,.result-burst,.confetti,.loss-cross{animation:none!important}.confetti,.loss-cross{display:none}}

@media(max-width:600px){.game-result-overlay{padding:14px;border-radius:18px}.game-result-card{width:min(94vw,430px);padding:28px 18px;border-radius:22px}.game-result-card h2{font-size:clamp(1.8rem,9vw,2.4rem)}.result-burst{font-size:2.8rem}.result-actions .btn{min-height:48px;min-width:140px}.game-result-overlay.win,.game-result-overlay.lose{touch-action:auto}}

.game-stage button:disabled{cursor:not-allowed;opacity:.72}

/* ============================================================
   ZUNO GAMES — SNAKE / PONG / MEMORY ADVANCED UI
   ============================================================ */

.pong-score-block{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.pong-score-block small{font-size:.62rem;color:#71809a;letter-spacing:.08em;text-transform:uppercase}.snake-touch-help{display:none}.snake-desktop-help{display:inline}.snake-controls{display:none}
.snake-shell,.pong-shell{width:min(900px,100%);margin:0 auto;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(145deg,rgba(18,28,49,.72),rgba(5,10,20,.72));box-shadow:0 24px 70px rgba(0,0,0,.24)}
.snake-top,.pong-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.snake-top>div:first-child,.pong-head>div:first-child{display:flex;flex-direction:column}.snake-status-label,.pong-head span,.snake-score span,.memory-head span{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#71809a;font-weight:850}.snake-top strong,.pong-head strong{font-size:.9rem;color:#e9efff;margin-top:3px}.snake-score{display:flex;align-items:baseline;gap:8px}.snake-score b{font-size:1.7rem;line-height:1}.snake-score small{color:#7d8aa1}.snake-board-wrap{width:min(620px,100%);margin:0 auto;aspect-ratio:1;border-radius:22px;padding:9px;background:linear-gradient(145deg,rgba(102,125,255,.16),rgba(70,210,180,.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 20px 55px rgba(0,0,0,.28)}.snake-canvas{display:block;width:100%;height:100%;border-radius:16px;touch-action:none;background:#07101d}.snake-controls{display:none;flex-direction:column;align-items:center;gap:7px;margin:16px auto 8px}.snake-controls>div{display:flex;gap:7px}.snake-control{width:54px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.07);color:#fff;font-weight:900;cursor:pointer;touch-action:manipulation;box-shadow:0 8px 20px rgba(0,0,0,.16)}.snake-control:active{transform:scale(.94);background:rgba(115,145,255,.18)}.snake-actions,.pong-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.snake-actions .btn,.pong-actions .btn{margin:0}.snake-help,.pong-help{text-align:center;color:#6f7d94;font-size:.72rem;margin:12px 0 0}.pong-board-wrap{position:relative;width:100%;border-radius:20px;overflow:hidden;background:#070c18;border:1px solid rgba(255,255,255,.08);touch-action:none}.pong-advanced{display:block;width:100%;height:auto;aspect-ratio:1000/560;touch-action:none}.pong-touch-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:rgba(2,7,15,.65);border:1px solid rgba(255,255,255,.08);color:#9aa8bf;font-size:.65rem;pointer-events:none;white-space:nowrap}.pong-mobile-controls{display:flex;justify-content:center;gap:8px;margin:12px 0}.pong-mobile-controls .btn{margin:0;min-width:110px;touch-action:manipulation}.memory-head{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:720px;margin:0 auto 14px}.memory-head>div{padding:11px 13px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center}.memory-head strong,.memory-head b{margin-top:3px;font-size:.9rem}.memory-advanced{display:grid;grid-template-columns:repeat(4,minmax(65px,100px));justify-content:center;gap:10px;perspective:900px}.memory-advanced .memory-card{position:relative;width:100%;aspect-ratio:1;padding:0;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:transparent;cursor:pointer;transform-style:preserve-3d;transition:box-shadow .25s ease,border-color .25s ease;touch-action:manipulation;isolation:isolate}.memory-advanced .memory-card{overflow:hidden}.memory-advanced .memory-card .memory-face{position:absolute;inset:0;display:grid;place-items:center;z-index:2;border-radius:inherit;font-size:clamp(1.35rem,3vw,2rem);font-weight:900;line-height:1;transition:opacity .2s ease,transform .2s ease}.memory-advanced .memory-cover{background:linear-gradient(145deg,#17284a,#0b1325);color:#8190aa;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);opacity:1;transform:scale(1)}.memory-advanced .memory-picture{background:linear-gradient(145deg,rgba(104,132,255,.24),rgba(78,220,181,.13));opacity:0;transform:scale(.82);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.memory-advanced .memory-card.is-open .memory-cover{opacity:0;transform:scale(.82)}.memory-advanced .memory-card.is-open .memory-picture{opacity:1;transform:scale(1)}.memory-advanced .memory-card.is-matched{border-color:rgba(95,235,175,.45);box-shadow:0 0 28px rgba(95,235,175,.16)}.memory-advanced .memory-card.is-matched .memory-picture{box-shadow:inset 0 0 0 1px rgba(95,235,175,.16)}.memory-advanced .memory-card:disabled{cursor:default}.memory-help{text-align:center;color:#6f7d94;font-size:.72rem;margin:12px 0 0}
@media(max-width:700px){.snake-shell,.pong-shell{padding:12px;border-radius:18px}.snake-board-wrap{border-radius:18px;padding:6px}.snake-control{width:50px;height:46px}.pong-touch-hint{font-size:.58rem;bottom:7px}.memory-advanced{grid-template-columns:repeat(4,minmax(56px,19vw));gap:7px}.memory-advanced .memory-card{border-radius:14px}.memory-advanced .memory-card .memory-face{border-radius:14px}.memory-advanced .memory-card .memory-face{font-size:1.35rem}.memory-head{gap:6px}.memory-head>div{padding:9px 5px}.memory-head strong,.memory-head b{font-size:.78rem}.snake-score b{font-size:1.4rem}}
@media(max-width:430px){.snake-top,.pong-head{gap:8px}.snake-top strong,.pong-head strong{font-size:.78rem}.snake-score small{font-size:.62rem}.pong-touch-hint{display:none}.pong-mobile-controls .btn{flex:1;min-width:0}.memory-advanced{grid-template-columns:repeat(3,minmax(70px,27vw))}}

/* FINAL INPUT RULES: Snake uses on-screen arrows on touch devices, WASD on desktop/laptop. */
@media (hover:none) and (pointer:coarse){.snake-controls{display:flex!important}.snake-touch-help{display:inline!important}.snake-desktop-help{display:none!important}}
@media (hover:hover) and (pointer:fine){.snake-controls{display:none!important}.snake-touch-help{display:none!important}.snake-desktop-help{display:inline!important}}


/* ZUNO Snake v8: deterministic device controls + polished 2D arena */
.snake-2d .snake-board-wrap{width:min(680px,100%);aspect-ratio:1;margin:0 auto;padding:8px;border-radius:28px;background:linear-gradient(145deg,rgba(95,231,255,.18),rgba(89,112,255,.10),rgba(255,91,143,.10));box-shadow:0 28px 80px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.08)}
.snake-2d .snake-canvas-2d{border-radius:22px;background:#07101d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.snake-2d .snake-score{display:flex;gap:10px;align-items:stretch}
.snake-2d .snake-score>div{display:flex;flex-direction:column;align-items:center;min-width:62px;padding:7px 9px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.035)}
.snake-2d .snake-score b{font-size:1.18rem;margin-top:3px}
.snake-2d .snake-control{width:68px;height:58px;border-radius:17px;font-size:1.35rem;background:linear-gradient(145deg,rgba(35,52,83,.95),rgba(11,20,36,.95));border-color:rgba(130,160,255,.18);box-shadow:0 10px 25px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)}
.snake-2d .snake-control:active{transform:translateY(2px) scale(.96)}
.snake-2d .snake-controls{margin:18px auto 10px}
@media (max-width:900px), (hover:none) and (pointer:coarse){.snake-2d .snake-controls{display:flex!important}.snake-2d .snake-touch-help{display:inline!important}.snake-2d .snake-desktop-help{display:none!important}}
@media (min-width:901px) and (hover:hover) and (pointer:fine){.snake-2d .snake-controls{display:none!important}.snake-2d .snake-touch-help{display:none!important}.snake-2d .snake-desktop-help{display:inline!important}}
@media(max-width:600px){.snake-2d .snake-shell{padding:10px}.snake-2d .snake-score{gap:5px}.snake-2d .snake-score>div{min-width:54px;padding:6px 5px}.snake-2d .snake-score b{font-size:1rem}.snake-2d .snake-control{width:62px;height:54px}.snake-2d .snake-board-wrap{padding:5px;border-radius:22px}.snake-2d .snake-canvas-2d{border-radius:17px}}

/* FINAL SNAKE MOBILE/TABLET CONTROLS */
@media (max-width:1024px){.snake-2d .snake-controls{display:flex!important}.snake-2d .snake-touch-help{display:inline!important}.snake-2d .snake-desktop-help{display:none!important}.snake-2d .snake-control{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}}
@media (min-width:1025px){.snake-2d .snake-controls{display:none!important}.snake-2d .snake-touch-help{display:none!important}.snake-2d .snake-desktop-help{display:inline!important}}

/* ZUNO Snake final controls: phone/tablet arrows, desktop WASD, clear start state */
.snake-2d .snake-controls{display:none;flex-direction:column;align-items:center;gap:8px;margin:18px auto 10px;touch-action:manipulation}
.snake-2d .snake-controls>div{display:flex;gap:8px}
.snake-2d .snake-control{display:grid;place-items:center;width:68px;height:58px;border-radius:17px;font-size:1.35rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
@media (max-width:1024px){
  .snake-2d .snake-controls{display:flex!important}
  .snake-2d .snake-touch-help{display:inline!important}
  .snake-2d .snake-desktop-help{display:none!important}
}
@media (min-width:1025px){
  .snake-2d .snake-controls{display:none!important}
  .snake-2d .snake-touch-help{display:none!important}
  .snake-2d .snake-desktop-help{display:inline!important}
}
@media (max-width:600px){
  .snake-2d .snake-control{width:62px;height:54px}
  .snake-2d .snake-actions{display:grid;grid-template-columns:1fr 1fr;max-width:420px;margin:0 auto}
  .snake-2d #snakeStart{grid-column:1/-1}
  .snake-2d .snake-actions .btn{min-height:48px}
}

/* ZUNO games: stable cross-device game viewport v20260824.2 */
html:has(.game-stage), body:has(.game-stage) { overflow-x: hidden; }
.game-stage { width: 100%; max-width: 100%; box-sizing: border-box; scroll-margin-top: 12px; }
.game-stage *, .game-stage *::before, .game-stage *::after { box-sizing: border-box; }
.game-stage > #playArea { width: 100%; min-width: 0; max-width: 100%; overflow-x: hidden; overscroll-behavior: contain; }
.game-stage canvas { max-width: 100%; }
.game-stage img, .game-stage svg, .game-stage video { max-width: 100%; height: auto; }
.snake-2d { width: min(900px, 100%); max-width: 100%; margin: 0 auto; }
.snake-2d .snake-board-wrap { width: min(680px, calc(100vw - 48px), 100%); max-width: 100%; }
.snake-2d .snake-canvas-2d { width: 100%; height: auto; aspect-ratio: 1 / 1; display: block; touch-action: none !important; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
/* Finger steering replaces the old on-screen Snake arrow pad. */
.snake-2d .snake-controls { display: none !important; }
.snake-2d .snake-touch-help { display: none; }
.snake-2d .snake-desktop-help { display: inline; }
.snake-2d .snake-actions { position: relative; z-index: 2; }
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
  .snake-2d .snake-touch-help { display: inline !important; }
  .snake-2d .snake-desktop-help { display: none !important; }
  .snake-2d .snake-board-wrap { width: min(680px, calc(100vw - 28px), 100%); }
  .snake-2d .snake-canvas-2d { touch-action: none !important; }
  .game-stage { border-radius: 16px; }
  .game-stage > #playArea { padding-left: max(8px, env(safe-area-inset-left)); padding-right: max(8px, env(safe-area-inset-right)); }
}
@media (max-width: 600px) {
  .game-stage > #playArea { min-height: calc(100dvh - 132px); padding-top: 10px; padding-bottom: max(18px, env(safe-area-inset-bottom)); }
  .snake-2d .snake-shell { padding: 8px; border-radius: 18px; }
  .snake-2d .snake-board-wrap { width: min(92vw, 620px); padding: 4px; border-radius: 18px; }
  .snake-2d .snake-canvas-2d { border-radius: 14px; }
  .snake-2d .snake-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  .snake-2d .snake-actions .btn { min-width: 0; min-height: 46px; padding: 9px 7px; }
  .snake-2d .snake-help { line-height: 1.45; padding: 0 8px; }
  .games15 { grid-template-columns: 1fr; }
  .game-card { min-width: 0; }
  .game-stage { margin-top: 14px; }
  .stage-head { position: sticky; top: 0; z-index: 5; background: rgba(8,14,27,.92); backdrop-filter: blur(14px); }
}
@media (max-width: 380px) {
  .snake-2d .snake-score > div { min-width: 48px; }
  .snake-2d .snake-score b { font-size: .92rem; }
  .snake-2d .snake-actions .btn { font-size: .68rem; }
}
@media (prefers-reduced-motion: reduce) {
  .game-stage * { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}


/* =========================================================
   ZUNO 2D GAME REDESIGN — MINESWEEPER / 2048 / HANGMAN
   Responsive, touch-first, non-pixel presentation.
   ========================================================= */
.game2d-head{width:min(100%,860px);margin:0 auto 14px;text-align:center}.game-subtitle{margin:4px 0 12px}.game-help{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:#7f8ca3;font-size:.72rem;margin:12px auto}.mines-2d-wrap{width:min(94vw,680px);margin:0 auto;padding:clamp(10px,2vw,18px);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 25px 70px rgba(0,0,0,.25)}.mines-2d{display:grid;grid-template-columns:repeat(var(--ms-w),1fr);gap:clamp(3px,.8vw,7px);aspect-ratio:1}.mine-2d{position:relative;min-width:0;min-height:0;border:0;border-radius:clamp(6px,1.5vw,13px);background:linear-gradient(145deg,#243653,#101b2e);box-shadow:inset 2px 2px 4px rgba(255,255,255,.09),inset -3px -3px 6px rgba(0,0,0,.38),0 4px 8px rgba(0,0,0,.18);color:#fff;cursor:pointer;touch-action:manipulation;overflow:hidden;transition:transform .12s ease,filter .12s ease}.mine-2d:hover{filter:brightness(1.14);transform:translateY(-1px)}.mine-2d:active{transform:translateY(1px) scale(.98)}.mine-2d.is-open{background:linear-gradient(145deg,#111d30,#17253b);box-shadow:inset 0 2px 5px rgba(0,0,0,.45);cursor:default}.mine-2d.is-mine{background:radial-gradient(circle at 38% 32%,#ff8398,#a51f46 65%,#52142c)}.mine-2d.is-flagged{background:linear-gradient(145deg,#31456d,#182640)}.cell-shine{position:absolute;inset:10%;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 42%);pointer-events:none}.flag-icon{font-size:clamp(.8rem,3vw,1.45rem);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.mine-icon{font-size:clamp(.8rem,3vw,1.4rem);text-shadow:0 2px 5px rgba(0,0,0,.6)}.safe-dot{display:block;width:22%;aspect-ratio:1;margin:auto;border-radius:50%;background:rgba(120,214,255,.35);box-shadow:0 0 12px rgba(120,214,255,.22)}.mine-num{font-weight:950;font-size:clamp(.75rem,3vw,1.35rem);text-shadow:0 2px 4px rgba(0,0,0,.5)}.mine-num.n1{color:#69b8ff}.mine-num.n2{color:#67e6aa}.mine-num.n3{color:#ff829a}.mine-num.n4{color:#b19cff}.mine-num.n5,.mine-num.n6{color:#ffca6b}.board2048-2d{width:min(92vw,540px);aspect-ratio:1;margin:0 auto;padding:clamp(9px,2vw,15px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(7px,1.5vw,12px);border-radius:28px;background:linear-gradient(145deg,#26385a,#10192c);border:1px solid rgba(255,255,255,.12);box-shadow:inset 2px 2px 7px rgba(255,255,255,.06),inset -5px -5px 12px rgba(0,0,0,.35),0 25px 70px rgba(0,0,0,.3);touch-action:none}.tile-2d{position:relative;display:grid;place-items:center;border-radius:clamp(9px,2vw,17px);background:linear-gradient(145deg,#1c2a43,#111b2d);box-shadow:inset 1px 1px 3px rgba(255,255,255,.05),inset -3px -3px 7px rgba(0,0,0,.3);overflow:hidden}.tile-2d span{font-size:clamp(1rem,6vw,2.6rem);font-weight:950;letter-spacing:-.04em;text-shadow:0 2px 5px rgba(0,0,0,.28);z-index:1}.tile-2d.has{background:linear-gradient(145deg,#5272c4,#2d447f);box-shadow:inset 2px 2px 5px rgba(255,255,255,.18),inset -4px -4px 9px rgba(0,0,0,.25),0 6px 14px rgba(0,0,0,.22);animation:tilePop .14s ease-out}.tile-2d.has::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 38%);pointer-events:none}.tile-2d.t2{background:linear-gradient(145deg,#eff5ff,#c9dbf5);color:#23314a}.tile-2d.t4{background:linear-gradient(145deg,#d9f3ff,#9fc8e9);color:#23314a}.tile-2d.t8{background:linear-gradient(145deg,#ffb45f,#e96a38)}.tile-2d.t16{background:linear-gradient(145deg,#ff8b67,#d9434f)}.tile-2d.t32{background:linear-gradient(145deg,#ff648b,#a72d61)}.tile-2d.t64{background:linear-gradient(145deg,#9b72ff,#5947bc)}.tile-2d.t128{background:linear-gradient(145deg,#68d8ff,#3189cf)}.tile-2d.t256{background:linear-gradient(145deg,#5ce6b4,#278f75)}.tile-2d.t512{background:linear-gradient(145deg,#ffe16a,#d58a28);color:#241a08}.tile-2d.t1024,.tile-2d.t2048{background:linear-gradient(145deg,#fff2a2,#ffad38);color:#241a08;box-shadow:0 0 28px rgba(255,190,75,.35),inset 2px 2px 6px rgba(255,255,255,.3)}@keyframes tilePop{0%{transform:scale(.82);opacity:.4}100%{transform:scale(1);opacity:1}}.game-touch-pad{display:none;justify-content:center;align-items:center;flex-direction:column;gap:3px;margin:12px auto}.game-touch-pad>button,.game-touch-pad>div button{width:50px;height:44px;margin:2px;padding:0}.game-touch-pad>div{display:flex;gap:3px}.hangman-hud{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:6px 0 12px;color:#aebbd0;font-weight:700;font-size:.78rem}.hangman-2d{width:min(96vw,900px);margin:0 auto;display:grid;grid-template-columns:minmax(250px,.85fr) minmax(300px,1.15fr);gap:18px;align-items:stretch}.hangman-art{min-height:320px;display:grid;place-items:center;border-radius:28px;background:radial-gradient(circle at 50% 35%,rgba(111,135,255,.16),rgba(8,14,27,.7) 62%);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 25px 70px rgba(0,0,0,.22)}.hangman-svg{width:min(80%,340px);height:auto;stroke:#b7c7e8;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.hangman-svg circle{fill:rgba(113,135,255,.14)}.hangman-word-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:26px;border-radius:28px;background:linear-gradient(145deg,rgba(29,43,72,.78),rgba(10,17,31,.84));border:1px solid rgba(255,255,255,.1);box-shadow:inset 1px 1px 0 rgba(255,255,255,.05),0 25px 70px rgba(0,0,0,.22)}.hangman-word{font-size:clamp(1.6rem,5vw,3.2rem);font-weight:950;letter-spacing:.16em;text-align:center;word-break:break-word;margin-bottom:8px}.hangman-status{color:#8fa1bd;min-height:24px;margin-bottom:20px;text-align:center}.letter-good{background:rgba(66,220,157,.15)!important;border-color:rgba(66,220,157,.3)!important;color:#7cf0bd!important}.letter-bad{background:rgba(255,93,122,.12)!important;border-color:rgba(255,93,122,.25)!important;color:#ff8fa6!important}.game-stage .btn:focus-visible,.game-stage button:focus-visible{outline:2px solid rgba(115,196,255,.8);outline-offset:2px}
@media(max-width:760px){.mines-2d-wrap{width:min(96vw,560px);padding:8px;border-radius:20px}.mines-2d{gap:3px}.mine-2d{border-radius:7px}.board2048-2d{width:min(94vw,500px);border-radius:22px;gap:7px}.game-touch-pad{display:flex}.hangman-2d{grid-template-columns:1fr;width:min(96vw,600px)}.hangman-art{min-height:245px}.hangman-word-panel{padding:20px;border-radius:22px}.letters{gap:6px}.letters .btn{min-width:40px;min-height:44px;padding:8px}.game-help{font-size:.67rem}.tile-2d span{font-size:clamp(.9rem,7vw,2.1rem)}}
@media(min-width:761px){.game-touch-pad{display:none}}
@media(prefers-reduced-motion:reduce){.tile-2d.has{animation:none}.mine-2d,.tile-2d{transition:none}}
/* ZUNO Drawing Studio */

/* Drawing Studio page orientation controls */
.page-orientation{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 10px}
.page-orientation-btn{min-height:82px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:rgba(255,255,255,.035);color:inherit;cursor:pointer;padding:9px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;text-align:left;align-items:center;transition:.18s ease}
.page-orientation-btn:hover{border-color:rgba(124,58,237,.55);background:rgba(124,58,237,.08)}
.page-orientation-btn.active{border-color:#7c3aed;box-shadow:0 0 0 2px rgba(124,58,237,.18);background:rgba(124,58,237,.12)}
.page-orientation-btn strong{font-size:12px}.page-orientation-btn small{font-size:10px;opacity:.68}
.page-icon{grid-row:1 / span 2;justify-self:center;border:2px solid currentColor;border-radius:3px;opacity:.8}
.landscape-icon{width:28px;height:20px}.portrait-icon{width:20px;height:28px}

.drawing-page{max-width:1700px!important}.drawing-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px}.drawing-head-actions{display:flex;gap:10px}.drawing-app{overflow:hidden;border-radius:22px}.draw-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--border,#e5e7eb);flex-wrap:wrap}.draw-toolgroup{display:flex;gap:6px;flex-wrap:wrap}.draw-tool,.icon-btn{min-height:42px;border:1px solid var(--border,#dfe3ea);background:var(--card,#fff);color:inherit;border-radius:10px;padding:8px 11px;cursor:pointer}.draw-tool.active,.draw-tool:hover{background:var(--accent,#7c3aed);color:#fff}.draw-top-actions{display:flex;gap:6px}.draw-body{display:grid;grid-template-columns:270px minmax(0,1fr) 270px;min-height:760px}.draw-panel{padding:14px;background:rgba(255,255,255,.75);overflow:auto;max-height:78vh}.draw-panel.left{border-right:1px solid var(--border,#e5e7eb)}.draw-panel.right{border-left:1px solid var(--border,#e5e7eb)}.draw-section{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border,#e5e7eb)}.draw-section h3{margin:0 0 10px;font-size:14px}.draw-section label{display:block;font-size:12px;margin:9px 0}.draw-section output{float:right}.draw-section input[type=range]{width:100%}.draw-stage{min-width:0;display:flex;flex-direction:column;background:#111827}.canvas-toolbar{display:flex;align-items:center;gap:8px;padding:8px 10px;color:#fff;flex-wrap:wrap}.canvas-wrap{position:relative;flex:1;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#273449,#111827)}.canvas-stack{position:relative;flex:none;box-shadow:0 16px 50px rgba(0,0,0,.35)}.draw-layer,.draw-overlay{position:absolute;inset:0;display:block}.draw-overlay{pointer-events:none}.draw-hint{font-size:12px;color:#cbd5e1;padding:7px 12px;background:#0b1220}.draw-section .input{width:100%;margin-top:4px}.drawing-page .draw-section .row{flex-wrap:wrap}.color-input{width:100%;height:48px;border:0;padding:0;background:none}.color-row,.two,.harmony,.row{display:flex;gap:7px}.two>*{width:50%}.swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:8px}.swatch{height:26px;border-radius:6px;border:2px solid rgba(0,0,0,.12);cursor:pointer}.harmony{flex-wrap:wrap;margin-top:8px}.harmony .btn{font-size:11px;padding:7px}.check{display:flex!important;gap:7px;align-items:center}.check input{width:16px;height:16px}.full{width:100%}.layer-head{display:flex;justify-content:space-between;align-items:center}.layer-head>div{display:flex;gap:4px}.layer-item{display:flex;gap:4px;align-items:center;padding:7px;border-radius:9px;margin:4px 0;background:rgba(0,0,0,.03)}.layer-item.active{outline:2px solid var(--accent,#7c3aed)}.layer-item button{border:0;background:none;color:inherit;cursor:pointer}.layer-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.small{font-size:11px}.drawing-page .btn{cursor:pointer}@media(max-width:1100px){.draw-body{grid-template-columns:220px minmax(0,1fr)}.draw-panel.right{grid-column:1/-1;border-left:0;border-top:1px solid var(--border,#e5e7eb);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:none}.draw-stage{grid-column:2}.draw-panel.left{grid-column:1;grid-row:1/2}.canvas-wrap{min-height:520px}}@media(max-width:760px){.drawing-head{align-items:flex-start;flex-direction:column}.drawing-head-actions{width:100%}.drawing-head-actions>*{flex:1}.draw-body{display:flex;flex-direction:column}.draw-panel.left,.draw-panel.right{border:0;border-bottom:1px solid var(--border,#e5e7eb);max-height:none;order:2}.draw-stage{order:1;min-height:620px}.draw-panel.right{display:block}.draw-top{position:relative}.draw-toolgroup{overflow:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:3px}.draw-tool{white-space:nowrap}.canvas-wrap{min-height:480px;touch-action:none}.draw-hint{font-size:10px}.canvas-toolbar{font-size:11px}.canvas-toolbar .btn{padding:7px}.drawing-app{border-radius:16px}.draw-panel{padding:12px}.swatches{grid-template-columns:repeat(7,1fr)}}
@media(prefers-color-scheme:dark){.draw-panel{background:rgba(17,24,39,.78)}}

/* ============================================================
   ZUNO DRAWING STUDIO — PREMIUM DARK CONTROL THEME
   Fix native/light controls and white-on-white text.
   ============================================================ */
.drawing-page{
  --draw-bg:#0a1020;
  --draw-panel:#0d1527;
  --draw-panel-2:#101a2f;
  --draw-card:#121d33;
  --draw-border:rgba(148,163,184,.18);
  --draw-text:#eef4ff;
  --draw-muted:#9aa9c1;
  --draw-accent:#7c8cff;
  --draw-accent-2:#5f73ff;
  color:var(--draw-text);
}
.drawing-app{
  background:linear-gradient(180deg,#0c1426,#080e1c);
  border:1px solid rgba(148,163,184,.16);
  color:var(--draw-text);
  color-scheme:dark;
  box-shadow:0 28px 90px rgba(0,0,0,.35);
}
.drawing-page .muted{color:var(--draw-muted)!important}
.drawing-page .draw-top{
  background:rgba(10,16,31,.92);
  border-color:var(--draw-border);
}
.drawing-page .draw-tool,
.drawing-page .icon-btn,
.drawing-page .btn,
.drawing-page .draw-panel .btn{
  background:linear-gradient(145deg,#18243b,#10192c)!important;
  color:#eef4ff!important;
  border:1px solid rgba(148,163,184,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 14px rgba(0,0,0,.16);
}
.drawing-page .draw-tool:hover,
.drawing-page .draw-tool.active,
.drawing-page .btn:hover,
.drawing-page .icon-btn:hover{
  background:linear-gradient(145deg,#5267d8,#394db1)!important;
  color:#fff!important;
  border-color:rgba(142,157,255,.55)!important;
}
.drawing-page .draw-tool:active,
.drawing-page .btn:active,
.drawing-page .icon-btn:active{transform:translateY(1px)}
.drawing-page .draw-panel{
  background:linear-gradient(180deg,#0e172a,#0a1221)!important;
  color:var(--draw-text)!important;
  border-color:var(--draw-border)!important;
}
.drawing-page .draw-panel.right{background:linear-gradient(180deg,#0d1629,#09111f)!important}
.drawing-page .draw-section{border-color:var(--draw-border)!important}
.drawing-page .draw-section h3,
.drawing-page .draw-section label,
.drawing-page .draw-section output,
.drawing-page .layer-head h3{color:#e9f0ff!important}
.drawing-page .draw-section label{color:#b8c5da!important}
.drawing-page .draw-section output{color:#dbe5f7!important}
.drawing-page .draw-section .input,
.drawing-page input.input,
.drawing-page select.input,
.drawing-page textarea.input,
.drawing-page .draw-panel input[type="text"],
.drawing-page .draw-panel input[type="number"],
.drawing-page .draw-panel input[type="file"]{
  box-sizing:border-box;
  background:#101a2e!important;
  color:#edf3ff!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:10px;
}
.drawing-page select,
.drawing-page select.input{
  color-scheme:dark!important;
  color:#edf3ff!important;
  background:#101a2e!important;
  border:1px solid rgba(148,163,184,.24)!important;
  color-scheme:dark;
}
.drawing-page select option,
.drawing-page select optgroup{
  background:#101a2e!important;
  color:#edf3ff!important;
}
.drawing-page select option:checked{background:#465ac2!important;color:#fff!important}
.drawing-page input::placeholder{color:#71819b!important}
.drawing-page input[type="file"]{padding:8px;color:#cbd6e8!important}
.drawing-page input[type="file"]::file-selector-button{
  margin-right:8px;
  padding:7px 10px;
  border:1px solid rgba(148,163,184,.2);
  border-radius:8px;
  background:#18243b;
  color:#eef4ff;
  cursor:pointer;
}
.drawing-page input[type="color"]{background:#101a2e!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:10px}
.drawing-page input[type="range"]{accent-color:#7185ff}
.drawing-page .check{color:#cbd7e9!important}
.drawing-page .check input{accent-color:#7185ff}
.drawing-page .layer-item{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(148,163,184,.10);
  color:#e8effc!important;
}
.drawing-page .layer-item.active{background:rgba(100,116,255,.12)!important}
.drawing-page .layer-item button{color:#dbe5f7!important}
.drawing-page .layer-name{color:#e8effc!important}
.drawing-page .draw-stage{background:#0a1120!important}
.drawing-page .canvas-toolbar{background:#0b1425;color:#e9f0ff!important;border-bottom:1px solid rgba(148,163,184,.12)}
.drawing-page .canvas-toolbar .btn{color:#e9f0ff!important}
.drawing-page .draw-hint{background:#080f1d;color:#9fb0c8!important;border-top:1px solid rgba(148,163,184,.10)}
.drawing-page .swatch{border-color:rgba(255,255,255,.18)}
.drawing-page .harmony .btn{color:#e9f0ff!important}
.drawing-page .color-input{background:#101a2e!important}
.drawing-page .drawing-head-actions .btn{min-height:44px}
@media(max-width:760px){
  .drawing-page .draw-panel{background:linear-gradient(180deg,#0e172a,#0a1221)!important}
  .drawing-page .draw-tool{background:#121d33!important}
}

/* ZUNO Drawing Studio — final canvas interaction + paper palette */
.drawing-page .canvas-wrap{touch-action:none!important;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
.drawing-page .canvas-stack{isolation:isolate;}
.drawing-page .draw-layer{touch-action:none!important;pointer-events:none;}
.drawing-page .draw-overlay{pointer-events:none!important;}
.paper-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:8px}
.paper-swatch{height:30px;border-radius:8px;border:2px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);transition:transform .12s,border-color .12s}
.paper-swatch:hover{transform:translateY(-1px);border-color:#fff}
.paper-swatch:focus-visible{outline:2px solid #7c8cff;outline-offset:2px}
@media(max-width:760px){.paper-swatches{grid-template-columns:repeat(8,minmax(28px,1fr));overflow-x:auto;padding-bottom:2px}.paper-swatch{min-width:28px}}
/* ZUNO Drawing Studio reliability polish */
.drawing-page .canvas-stack{background:#fff;overflow:visible;will-change:transform;}
.drawing-page .draw-layer{background:transparent;}
.drawing-page #referenceOverlay{pointer-events:none!important;position:absolute;inset:0;width:100%;height:100%;}
.drawing-page .layer-up,.drawing-page .layer-down{font-size:12px!important;padding:2px 5px!important;opacity:.85;}
.drawing-page .layer-up:hover,.drawing-page .layer-down:hover{background:rgba(124,140,255,.2)!important;border-radius:5px;}
.drawing-page .paper-swatch[aria-label*="#ffffff"]{border-color:rgba(255,255,255,.55)}
@media(max-width:760px){
 .drawing-page .canvas-wrap{min-height:52vh;height:52vh;max-height:620px;}
 .drawing-page .draw-stage{min-height:0;}
 .drawing-page .canvas-stack{max-width:none;}
 .drawing-page .draw-toolgroup{scrollbar-width:none;}
 .drawing-page .draw-toolgroup::-webkit-scrollbar{display:none;}
}

/* ZUNO Drawing Studio — adaptive viewport, full-page fit and scroll guidance */
.drawing-page .draw-body{
  height:min(78dvh,900px);
  min-height:560px;
  max-height:900px;
}
.drawing-page .draw-panel{
  position:relative;
  height:100%;
  max-height:none;
  min-height:0;
  scrollbar-width:thin;
  scrollbar-color:#5f73ff rgba(148,163,184,.10);
}
.drawing-page .draw-panel::-webkit-scrollbar{width:9px}
.drawing-page .draw-panel::-webkit-scrollbar-track{background:rgba(148,163,184,.06);border-radius:10px}
.drawing-page .draw-panel::-webkit-scrollbar-thumb{background:#4f63cf;border-radius:10px;border:2px solid transparent;background-clip:padding-box}
.panel-scroll-hint{
  position:sticky;
  bottom:0;
  z-index:20;
  display:none;
  width:100%;
  box-sizing:border-box;
  margin:12px -2px -2px;
  padding:8px 10px;
  text-align:center;
  font-size:11px;
  font-weight:700;
  letter-spacing:.2px;
  color:#dbe5ff;
  background:linear-gradient(180deg,rgba(10,18,33,0),rgba(10,18,33,.94) 45%);
  pointer-events:none;
}
.panel-scroll-hint.visible{display:block}
.drawing-page .canvas-wrap{min-width:0;min-height:0;height:100%;overflow:hidden}
.drawing-page .draw-stage{min-height:0;height:100%}
@media(max-width:1100px){
 .drawing-page .draw-body{height:min(80dvh,900px);min-height:560px}
}
@media(max-width:760px){
 .drawing-page .draw-body{height:auto;min-height:0;max-height:none}
 .drawing-page .draw-stage{height:auto;min-height:0}
 .drawing-page .canvas-wrap{height:min(60dvh,620px);min-height:420px;max-height:620px}
 .drawing-page .draw-panel{height:auto;max-height:58vh;overflow:auto}
 .drawing-page .draw-panel.left,.drawing-page .draw-panel.right{min-height:0}
 .panel-scroll-hint{position:sticky;bottom:0}
}

/* ZUNO Drawing Studio — final adaptive viewport/panel polish */
.drawing-page .draw-body{
  /* Use the available visual viewport, not a fixed percentage that can leave
     unused space or cut the panels off when iPadOS browser chrome changes. */
  height:clamp(560px,calc(var(--zuno-vv-height,100dvh) - 150px),900px);
  min-height:560px;
  max-height:none;
}
.drawing-page .draw-stage{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;}
.drawing-page .canvas-toolbar{flex:0 0 auto;min-height:58px;}
.drawing-page .canvas-wrap{position:relative;flex:1 1 auto;width:100%;height:auto;min-height:220px;overflow:hidden;display:block;}
.drawing-page .canvas-stack{position:absolute;left:50%;top:50%;margin:0;flex:none;max-width:none;max-height:none;}
.drawing-page .draw-hint{flex:0 0 auto;}
.drawing-page .draw-panel{height:100%;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.panel-scroll-hint{
  position:sticky!important;
  top:8px!important;
  bottom:auto!important;
  z-index:30;
  width:max-content!important;
  max-width:calc(100% - 8px);
  margin:0 auto 10px!important;
  padding:6px 10px!important;
  border:1px solid rgba(124,140,255,.25);
  border-radius:999px;
  background:rgba(8,15,29,.92)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.2);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.panel-scroll-hint.visible{display:block}
@media(max-width:1100px){
  .drawing-page .draw-body{height:clamp(560px,calc(var(--zuno-vv-height,100dvh) - 140px),900px);}
}
@media(max-width:760px){
  .drawing-page .draw-body{height:auto;min-height:0;max-height:none;}
  .drawing-page .draw-stage{height:auto;min-height:0;}
  .drawing-page .canvas-wrap{height:min(62dvh,680px);min-height:360px;max-height:680px;}
  .drawing-page .draw-panel{height:auto;max-height:60dvh;overflow-y:auto;}
  .drawing-page .canvas-toolbar{min-height:52px;}
}

/* ZUNO Drawing Studio — device-safe fullscreen workspace + quick tools */
.draw-fs-tools,.draw-fs-hint{display:none}
.drawing-app.is-fullscreen{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;
  max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important;z-index:2147483000!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;background:linear-gradient(180deg,#08101f,#030712)!important;
}
.drawing-app.is-fullscreen .draw-top{
  flex:0 0 auto!important;min-height:52px!important;padding:7px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:none!important;position:relative!important;z-index:5!important;
}
.drawing-app.is-fullscreen .draw-top::-webkit-scrollbar{display:none}
.drawing-app.is-fullscreen .draw-body{
  flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:hidden!important;
}
.drawing-app.is-fullscreen .draw-panel{display:none!important}
.drawing-app.is-fullscreen .draw-stage{height:100%!important;min-height:0!important;width:100%!important;display:flex!important}
.drawing-app.is-fullscreen .canvas-toolbar{min-height:52px!important;padding:7px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important}
.drawing-app.is-fullscreen .canvas-wrap{flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;touch-action:none!important}
.drawing-app.is-fullscreen .draw-hint{padding:7px 12px!important;font-size:11px!important;min-height:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.drawing-app.is-fullscreen .draw-fs-tools{
  display:block;position:fixed;top:calc(env(safe-area-inset-top,0px) + 70px);left:calc(env(safe-area-inset-left,0px) + 12px);z-index:2147483002;
  width:min(290px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow:hidden;border:1px solid rgba(145,160,255,.25);border-radius:16px;
  background:rgba(7,13,26,.92);box-shadow:0 18px 55px rgba(0,0,0,.38);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.draw-fs-tools-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.draw-fs-tools-head strong{font-size:12px;letter-spacing:.04em;color:#eef3ff}
.draw-fs-tools-head .icon-btn{width:32px;height:30px;min-width:32px;margin:0}
.draw-fs-tools-body{padding:10px;display:grid;gap:9px;max-height:calc(100dvh - 155px);overflow:auto;-webkit-overflow-scrolling:touch}
.draw-fs-tools.minimized{width:48px;height:44px;border-radius:14px}
.draw-fs-tools.minimized .draw-fs-tools-head{border-bottom:0;padding:7px;justify-content:center}
.draw-fs-tools.minimized .draw-fs-tools-head strong{display:none}
.draw-fs-tools.minimized .draw-fs-tools-body{display:none}
.draw-fs-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.fs-color-label{display:grid;gap:5px;font-size:11px;color:#b9c5da}
.fs-color-label input[type=color]{width:100%;height:38px;padding:2px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0d1628}
.draw-fs-hint{
  position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 12px);transform:translateX(-50%);z-index:2147483100;
  width:max-content;max-width:min(92vw,620px);box-sizing:border-box;padding:8px 34px 8px 12px;border-radius:999px;
  color:#dfe8ff;background:rgba(7,13,26,.92);border:1px solid rgba(130,150,255,.25);box-shadow:0 8px 28px rgba(0,0,0,.28);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:11px;font-weight:600;pointer-events:auto
}
.draw-fs-hint.visible{display:block}
.draw-fs-hint button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#cbd5e1;font-size:18px;line-height:1;padding:3px 6px;cursor:pointer}
@media(max-width:760px){
 .drawing-app.is-fullscreen .draw-top{min-height:48px!important}
 .drawing-app.is-fullscreen .draw-top .draw-toolgroup{gap:5px}
 .drawing-app.is-fullscreen .draw-top .draw-tool{padding:7px 9px!important;font-size:12px!important}
 .drawing-app.is-fullscreen .canvas-toolbar{min-height:46px!important}
 .drawing-app.is-fullscreen .draw-fs-tools{top:calc(env(safe-area-inset-top,0px) + 58px);left:calc(env(safe-area-inset-left,0px) + 8px);width:min(270px,calc(100vw - 16px));}
 .draw-fs-hint{font-size:10px;line-height:1.25;padding:7px 30px 7px 10px}
}
@media(orientation:landscape) and (max-height:520px){
 .drawing-app.is-fullscreen .draw-top{min-height:42px!important;padding:4px 8px!important}
 .drawing-app.is-fullscreen .canvas-toolbar{min-height:42px!important;padding:4px 8px!important}
 .drawing-app.is-fullscreen .draw-fs-tools{top:48px;max-height:calc(100dvh - 56px)}
}


/* ZUNO global dark UI consistency — keep Chat and Voice Call controls dark even
   when browser/native form styling or another page theme tries to lighten them. */
.chat-page,.chat-app,.chat-sidebar,.chat-main,.chat-profile,
.chat-header,.messages,.composer-wrap,.composer,
.chat-settings-overlay,.chat-settings-card,
.chat-policy-banner,.chat-local-option,.emoji-tray,
.zuno-call-overlay,.zuno-call-card{
  color:#eef4ff!important;
  color-scheme:dark!important;
}
.chat-page .icon-btn,.chat-page .mini-btn,
.chat-page .chat-menu-btn,.chat-page button:not(.send-btn),
.chat-page input,.chat-page textarea,.chat-page select,
.chat-page .input,.chat-page .composer{
  color:#eef4ff!important;
}
.chat-page input,.chat-page textarea,.chat-page select,
.chat-page .input{
  background:#101a2e!important;
  border-color:rgba(148,163,184,.22)!important;
}
.chat-page input::placeholder,.chat-page textarea::placeholder{color:#71819b!important}
.chat-page select option,.chat-page select optgroup{background:#101a2e!important;color:#eef4ff!important}
.chat-page .icon-btn,.chat-page .mini-btn,.chat-page .chat-menu-btn{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.1)!important;
}
.chat-page .icon-btn:hover,.chat-page .mini-btn:hover,.chat-page .chat-menu-btn:hover{
  background:rgba(255,255,255,.1)!important;color:#fff!important;
}
.zuno-call-card button,.zuno-call-btn{color:#fff!important;color-scheme:dark!important}
.zuno-call-btn{background:rgba(255,255,255,.055)!important}
.zuno-call-btn.accept{background:rgba(75,230,160,.13)!important}
.zuno-call-btn.decline,.zuno-call-btn.hangup{background:rgba(248,113,113,.12)!important}
.zuno-call-btn.mute{background:rgba(113,135,255,.12)!important}

/* Drawing entry note: visible immediately, compact, non-blocking. */
.drawing-page .draw-fs-hint.visible{display:flex!important;align-items:center;justify-content:center;gap:5px}
.drawing-page .draw-fs-hint.visible button{pointer-events:auto}

/* Drawing Studio mobile touch + selection action controls */
.drawing-page .selection-actions{position:absolute;z-index:80;left:50%;top:10px;transform:translateX(-50%);display:flex;gap:6px;align-items:center;padding:6px;border-radius:12px;background:rgba(15,23,42,.94);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.28);pointer-events:auto;}
.drawing-page .selection-actions[hidden]{display:none!important;}
.drawing-page .selection-actions .btn{min-height:34px;padding:6px 10px;white-space:nowrap;}
.drawing-page .canvas-wrap{touch-action:none;-webkit-user-select:none;user-select:none;}
.drawing-page .draw-fs-tools .draw-fs-row{flex-wrap:wrap;}
@media(max-width:700px){.drawing-page .selection-actions{top:6px;max-width:calc(100% - 16px);overflow:auto}.drawing-page .selection-actions .btn{font-size:12px}.drawing-page .draw-fs-tools{max-width:min(92vw,360px);}.drawing-page .draw-fs-tools .draw-fs-row{gap:5px}.drawing-page .draw-fs-tools .btn{font-size:12px;padding:6px 8px;}}

.drawing-page .draw-picker-hint{position:absolute;left:50%;top:12px;transform:translate(-50%,-8px);z-index:120;background:rgba(15,23,42,.96);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.drawing-page .draw-picker-hint.visible{opacity:1;transform:translate(-50%,0)}
.drawing-page .selection-actions{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:700px){.drawing-page .draw-picker-hint{max-width:calc(100% - 24px);white-space:normal;text-align:center}}


/* ZUNO account security — logged device manager */
.zuno-account-security-card{grid-column:1/-1}
.security-option-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.security-option-row>div{display:flex;align-items:center;gap:13px}.security-option-icon{font-size:29px;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(113,135,255,.12);border:1px solid rgba(113,135,255,.2)}
.device-security-overlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px;background:rgba(2,6,18,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.device-security-card{width:min(760px,100%);max-height:min(92vh,850px);overflow:auto;padding:20px;border-radius:25px;background:linear-gradient(145deg,#121d35,#080e1d);border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 100px rgba(0,0,0,.65)}
.device-security-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.device-security-head h2{margin:5px 0 0;font-size:1.45rem}.device-security-actions{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0 8px}.device-list{display:grid;gap:10px;margin-top:12px}.device-item{padding:15px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)}.device-item.current{border-color:rgba(113,135,255,.42);background:rgba(113,135,255,.08)}.device-item.revoked{opacity:.62}.device-top{display:flex;align-items:flex-start;gap:12px}.device-icon{font-size:26px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.06)}.device-main{flex:1;min-width:0}.device-main strong{display:block;font-size:.9rem}.device-main small{display:block;color:#8f9db5;margin-top:4px;font-size:.68rem}.device-current,.device-revoked{display:inline-block;font-size:.57rem;font-weight:850;letter-spacing:.08em;padding:3px 7px;border-radius:999px;margin-top:5px;background:rgba(113,135,255,.16);color:#b8c5ff}.device-revoked{background:rgba(255,120,120,.12);color:#ffb4b4}.device-logout{flex:none;padding:8px 11px}.btn.danger{border-color:rgba(255,100,100,.3);color:#ffb2b2;background:rgba(255,80,80,.07)}.device-meta{display:grid;gap:5px;margin:11px 0 0 54px;color:#9da9be;font-size:.69rem;line-height:1.45}.device-map{color:#b8c5ff;text-decoration:none}.device-map:hover{text-decoration:underline}.device-meta details{margin-top:3px}.device-meta summary{cursor:pointer;color:#c6cfdf}.device-loading,.device-empty{padding:25px;text-align:center;color:#8f9db5;border:1px dashed rgba(255,255,255,.1);border-radius:17px}
@media(max-width:700px){.security-option-row{align-items:flex-start;flex-direction:column}.security-option-row .btn{width:100%}.device-security-overlay{padding:8px;align-items:end}.device-security-card{max-height:91dvh;border-radius:23px 23px 14px 14px;padding:16px}.device-security-actions .btn{flex:1;min-width:180px}.device-meta{margin-left:0}.device-logout{padding:7px 9px}}

/* ZUNO nested Settings UI */
.zuno-settings-page{max-width:760px!important;padding-top:28px}
.zuno-settings-page-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.zuno-settings-back{width:42px;height:42px;min-width:42px;border-radius:14px;font-size:27px;line-height:1;padding:0!important;color:#eef4ff!important;background:rgba(10,16,30,.92)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;appearance:none;-webkit-appearance:none}
.zuno-settings-title{margin:2px 0 0;font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:-.04em}
.zuno-settings-subtitle{margin:5px 0 0;font-size:.82rem}
.zuno-settings-list{display:grid;gap:1px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);box-shadow:0 20px 60px rgba(0,0,0,.24)}
.zuno-settings-row{min-height:82px;display:flex;align-items:center;gap:14px;padding:15px 17px;background:rgba(10,16,30,.88);color:#eef4ff;text-decoration:none;transition:.18s ease}
.zuno-settings-row:hover{background:rgba(22,32,54,.96)}
.zuno-settings-row:active{transform:scale(.997)}
.zuno-settings-row-icon{width:45px;height:45px;min-width:45px;display:grid;place-items:center;border-radius:14px;background:rgba(113,135,255,.12);border:1px solid rgba(113,135,255,.18);font-size:22px}
.zuno-settings-row-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.zuno-settings-row-copy strong{font-size:.94rem;font-weight:850}
.zuno-settings-row-copy small{font-size:.7rem;color:#8f9db5;line-height:1.4}
.zuno-settings-chevron{font-size:30px;font-weight:300;color:#aebbd0;line-height:1}
.zuno-settings-card{padding:20px;border-radius:22px}
.zuno-account-line{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.82rem}
.zuno-account-line span{color:#8f9db5}.zuno-account-line strong{text-align:right;overflow-wrap:anywhere}.zuno-settings-divider{height:1px;background:rgba(255,255,255,.07);margin:18px 0}
.zuno-verified{display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:999px;background:rgba(70,220,160,.1);border:1px solid rgba(70,220,160,.2);color:#82efc1;font-size:.68rem;font-weight:800}
.close-btn{color:#ff647d!important;font-weight:900!important;background:rgba(10,16,30,.92)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;appearance:none;-webkit-appearance:none}
.close-btn:hover{color:#ff8ca0!important}
.loss-cross{color:#ff5670!important}
.zuno-call-btn.decline .call-icon,.zuno-call-btn.hangup .call-icon{color:#ff6178!important}
@media(max-width:700px){.zuno-settings-page{width:100%;padding:18px 0 40px}.zuno-settings-page-head{padding:0 16px}.zuno-settings-list{border-radius:0;border-left:0;border-right:0}.zuno-settings-row{min-height:76px;padding:14px 18px}.zuno-settings-card{margin:0 12px;padding:17px;border-radius:20px}.zuno-account-line{font-size:.78rem}}

/* ============================================================
   ZUNO // VISIONARY FRONTEND OVERHAUL
   Visual-only layer: preserves existing markup, events and logic.
   ============================================================ */
:root{
  --z-bg:#050712;
  --z-bg2:#090d1c;
  --z-surface:rgba(13,18,36,.68);
  --z-surface-strong:rgba(15,21,43,.86);
  --z-line:rgba(255,255,255,.105);
  --z-line-hot:rgba(155,174,255,.35);
  --z-text:#f7f9ff;
  --z-muted:#8f9bb4;
  --z-blue:#7b8cff;
  --z-cyan:#56e5ff;
  --z-violet:#b16cff;
  --z-pink:#ff6fb5;
  --z-green:#63efb0;
  --z-shadow:0 28px 90px rgba(0,0,0,.34);
  --z-radius:24px;
}

html{background:var(--z-bg)}
body{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(900px 600px at 5% -10%,rgba(91,112,255,.22),transparent 60%),
    radial-gradient(800px 520px at 96% 4%,rgba(0,225,255,.13),transparent 58%),
    radial-gradient(850px 650px at 50% 110%,rgba(177,108,255,.12),transparent 62%),
    linear-gradient(145deg,#03040a 0%,#070a16 44%,#04050b 100%);
}
body::before{
  content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(circle at 18% 25%,rgba(86,229,255,.07),transparent 24%),
    radial-gradient(circle at 78% 32%,rgba(177,108,255,.075),transparent 22%),
    radial-gradient(circle at 52% 78%,rgba(123,140,255,.055),transparent 24%);
  filter:blur(45px);animation:zunoAmbient 18s ease-in-out infinite alternate;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 82%);
}
@keyframes zunoAmbient{0%{transform:translate3d(-1%,0,0) scale(1)}100%{transform:translate3d(2%,-1.5%,0) scale(1.06)}}

::selection{background:rgba(123,140,255,.35);color:#fff}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(123,140,255,.55),rgba(86,229,255,.28));border:2px solid transparent;background-clip:padding-box;border-radius:999px}

button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid rgba(86,229,255,.9);outline-offset:3px;
}

/* Premium glass material */
.glass{
  position:relative;
  background:linear-gradient(145deg,rgba(20,27,52,.76),rgba(7,11,25,.62));
  border:1px solid rgba(255,255,255,.095);
  box-shadow:var(--z-shadow),inset 0 1px 0 rgba(255,255,255,.065);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
}
.glass::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 22%,transparent 72%,rgba(86,229,255,.025));
}

/* Navigation */
.nav{
  position:sticky;top:12px;width:min(1440px,calc(100% - 24px));margin:12px auto 0;
  min-height:66px;padding:10px 14px 10px 18px;border-radius:22px;
  background:rgba(7,10,22,.72);border:1px solid rgba(255,255,255,.11);
  box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);
}
.nav::after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(123,140,255,.55),rgba(86,229,255,.45),transparent);opacity:.65}
.nav-left{display:flex;align-items:center;gap:10px;min-width:0}
.nav-back{width:40px;height:40px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:#cdd6e8;cursor:pointer;transition:.2s}
.nav-back:hover{transform:translateX(-2px);background:rgba(123,140,255,.12);border-color:rgba(123,140,255,.28);color:#fff}
.brand{display:flex;align-items:center;gap:9px;font-size:1.05rem;letter-spacing:.18em;text-shadow:0 0 26px rgba(123,140,255,.4)}
.brand::before{content:"";width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--z-cyan),var(--z-violet));box-shadow:0 0 18px rgba(86,229,255,.8)}
.navlinks{gap:5px;overflow-x:auto;scrollbar-width:none;justify-content:flex-end}
.navlinks::-webkit-scrollbar{display:none}
.navlinks a,.navlinks button{position:relative;padding:9px 11px;border-radius:11px;color:#9da9c0;font-size:.78rem;font-weight:700;white-space:nowrap;transition:.2s}
.navlinks a:hover,.navlinks button:hover{color:#fff;background:rgba(255,255,255,.055)}
.navlinks a::after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--z-blue),var(--z-cyan));transform:scaleX(0);transition:.2s}
.navlinks a:hover::after{transform:scaleX(1)}

/* Page rhythm / typography */
.page{width:min(1240px,calc(100% - 32px));padding:58px 0 96px}
.hero{position:relative;padding:86px 15px 68px}
.hero::before{content:"";position:absolute;left:50%;top:28px;width:420px;height:240px;transform:translateX(-50%);background:radial-gradient(circle,rgba(123,140,255,.18),transparent 70%);filter:blur(16px);pointer-events:none}
.eyebrow{position:relative;color:#91a7ff;letter-spacing:.28em;font-size:.66rem;font-weight:900;text-shadow:0 0 22px rgba(123,140,255,.32)}
.hero h1,.title{
  position:relative;
  background:linear-gradient(110deg,#fff 8%,#cdd6ff 38%,#76ecff 67%,#c28bff 95%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 14px 50px rgba(80,120,255,.14);
}
.hero h1{font-size:clamp(4rem,11vw,8.4rem);letter-spacing:-.09em;margin:8px 0 14px}
.hero p{position:relative;color:#aeb9ce;max-width:650px;margin:0 auto;font-size:1.04rem}
.searchbox{position:relative;max-width:820px;margin:34px auto 16px;padding:5px 18px 5px 7px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06)}
.searchbox:focus-within{border-color:rgba(86,229,255,.4);box-shadow:0 20px 65px rgba(36,104,170,.2),0 0 0 4px rgba(86,229,255,.055)}
.searchbox input{padding:16px 13px;font-size:1rem}
.searchbox span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(123,140,255,.18),rgba(86,229,255,.08));color:#c9d5ff}
.quickrow{gap:9px}
.chip{border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.095);color:#c6d0e4;font-size:.78rem;font-weight:750;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.chip:hover{transform:translateY(-2px);background:rgba(123,140,255,.11);border-color:rgba(123,140,255,.3);box-shadow:0 10px 28px rgba(70,95,190,.16)}

/* Universal controls */
.btn{
  position:relative;overflow:hidden;border-radius:13px;padding:10px 15px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border-color:rgba(255,255,255,.11);color:#edf2ff;font-weight:750;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.14);
}
.btn::after{content:"";position:absolute;inset:-60% -20%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-70%);transition:.45s}
.btn:hover::after{transform:translateX(70%)}
.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2);box-shadow:0 13px 30px rgba(0,0,0,.2)}
.btn.primary{background:linear-gradient(110deg,#7c8dff,#56e5ff 55%,#9e7cff);color:#06101c;box-shadow:0 12px 34px rgba(90,126,255,.25),inset 0 1px 0 rgba(255,255,255,.45)}
.btn.primary:hover{box-shadow:0 16px 42px rgba(90,126,255,.36)}
.secondary{background:rgba(255,255,255,.045)}
.input,.textarea,select.input{
  border-radius:13px;background:rgba(4,8,19,.52);border-color:rgba(255,255,255,.105);color:#f6f8ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.input::placeholder,.textarea::placeholder{color:#68758d}
.input:focus,.textarea:focus{border-color:rgba(86,229,255,.45);box-shadow:0 0 0 4px rgba(86,229,255,.06),inset 0 1px 0 rgba(255,255,255,.04)}
.label{display:block;margin:16px 0 7px;color:#9da9c0;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}

/* Home cards */
.homecards{gap:16px}
.homecards .card{min-height:220px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow:hidden}
.card{border-radius:22px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;background:linear-gradient(145deg,rgba(18,25,49,.72),rgba(7,11,24,.62))}
.card::after{content:"";position:absolute;left:-25%;top:-70%;width:55%;height:190%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);opacity:0;transition:.4s;pointer-events:none}
.card:hover{transform:translateY(-6px);border-color:rgba(123,140,255,.3);box-shadow:0 28px 70px rgba(0,0,0,.35),0 0 0 1px rgba(123,140,255,.06) inset}
.card:hover::after{left:90%;opacity:1}
.homecards .icon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,rgba(123,140,255,.17),rgba(86,229,255,.08));border:1px solid rgba(255,255,255,.09);box-shadow:0 12px 30px rgba(65,91,190,.16);font-size:1.55rem}
.homecards h3{margin:19px 0 5px;font-size:1.08rem}
.homecards p{margin:0 0 18px;font-size:.82rem;line-height:1.65}
.homecards b{margin-top:auto;color:#9eb0ff;font-size:.78rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}
.feature{padding:22px;border-radius:20px;overflow:hidden}
.feature>span{font-size:.66rem;letter-spacing:.16em;color:#6d7c99;font-weight:900}
.feature h2{font-size:1.05rem;margin:10px 0 5px}.feature p{font-size:.78rem;color:#8e9bb2;margin:0;line-height:1.6}

/* Auth / forms */
.form{max-width:620px;margin:55px auto;padding:34px;border-radius:28px;background:linear-gradient(145deg,rgba(17,24,49,.8),rgba(7,10,22,.7))}
.form .title{font-size:clamp(2.4rem,6vw,4rem)}
.form .btn{min-height:46px}
.error{padding:9px 11px;border-radius:11px;background:rgba(255,78,115,.06);border:1px solid rgba(255,78,115,.12)}

/* Games */
.game-title-row,.calc-head{margin-bottom:20px}
.games15{gap:15px}
.game-controls{padding:14px;border-radius:22px;margin-bottom:18px;background:rgba(10,15,31,.72)}
.game-search-wrap{border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.game-filters{gap:6px;margin-top:10px}
.game-filter{border:1px solid transparent;background:rgba(255,255,255,.035);color:#8e9bb2;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:800;cursor:pointer}
.game-filter:hover{color:#fff;background:rgba(123,140,255,.09)}
.game-filter.active{color:#eaf0ff;background:linear-gradient(110deg,rgba(123,140,255,.2),rgba(86,229,255,.09));border-color:rgba(123,140,255,.28);box-shadow:0 7px 22px rgba(75,100,200,.12)}
.game-stats{border-top:1px solid rgba(255,255,255,.06);margin-top:12px;padding-top:12px;color:#68758d;font-size:.7rem}
.game-stats span{padding-right:15px}.game-stats b{color:#cdd6ff}
.game-card{position:relative;border-radius:21px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(20,28,55,.8),rgba(7,11,25,.7))!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:0 20px 55px rgba(0,0,0,.22)!important}
.game-card:hover{transform:translateY(-5px) scale(1.008)!important;border-color:rgba(86,229,255,.24)!important}
.game-icon{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,rgba(123,140,255,.18),rgba(177,108,255,.08));display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.game-tag{border-radius:999px!important;background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.08)!important}
.game-scoreboard,.game-help,.game-result-card{border-radius:20px!important;background:linear-gradient(145deg,rgba(17,24,48,.88),rgba(7,10,22,.82))!important;border-color:rgba(255,255,255,.1)!important}

/* Calculator */
.scientific-calc{max-width:620px;margin:28px auto 0;padding:17px;border-radius:28px;background:linear-gradient(145deg,rgba(18,25,50,.84),rgba(5,8,18,.82))}
.calc-display-wrap{border-radius:21px;padding:18px 19px;background:radial-gradient(circle at 85% 20%,rgba(86,229,255,.09),transparent 35%),rgba(2,5,12,.76);border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 15px 40px rgba(0,0,0,.2)}
.calc-expression{color:#6f7d98}.calc-display{font-variant-numeric:tabular-nums;font-size:clamp(2rem,7vw,3.3rem);letter-spacing:-.04em;text-shadow:0 0 30px rgba(86,229,255,.18)}
.calc-memory{gap:5px;padding:11px 0}.calc-memory button{border:0;background:transparent;color:#77849d;font-size:.7rem;padding:8px 10px;border-radius:9px;cursor:pointer}.calc-memory button:hover{color:#fff;background:rgba(255,255,255,.05)}
.calcgrid{gap:7px!important}.calc-key{min-height:55px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;color:#edf2ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 7px 16px rgba(0,0,0,.15)!important}
.calc-key:hover{transform:translateY(-2px);background:rgba(123,140,255,.12)!important;border-color:rgba(123,140,255,.24)!important}.calc-key.op{color:#9eb0ff!important}.calc-key.fn{color:#7feaff!important}.calc-key.eq{background:linear-gradient(135deg,#7b8cff,#56e5ff)!important;color:#06101b!important}

/* Tools */
.toolgrid{gap:15px!important}.toolgrid .card{min-height:190px}.converter{display:grid;gap:10px}.toolgrid h3{margin-top:0}.toolgrid h2{font-variant-numeric:tabular-nums}

/* Settings */
.zuno-settings-page-head{display:flex;align-items:center;gap:13px;margin-bottom:24px}.zuno-settings-title{margin:2px 0 0;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.05em}.zuno-settings-subtitle{margin:4px 0 0}.zuno-settings-list{display:grid;gap:10px;max-width:820px}.zuno-settings-row{position:relative;display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:13px;padding:15px;border-radius:19px;color:#fff;text-decoration:none;background:linear-gradient(145deg,rgba(18,25,50,.72),rgba(7,11,23,.62));border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 45px rgba(0,0,0,.16);transition:.22s}
.zuno-settings-row:hover{transform:translateX(4px);border-color:rgba(123,140,255,.27);background:linear-gradient(145deg,rgba(26,34,68,.78),rgba(8,12,25,.7))}.zuno-settings-row-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,rgba(123,140,255,.15),rgba(86,229,255,.07));border:1px solid rgba(255,255,255,.07)}.zuno-settings-row-copy{display:flex;flex-direction:column;gap:3px}.zuno-settings-row-copy strong{font-size:.88rem}.zuno-settings-row-copy small{font-size:.72rem;color:#78859e}.zuno-settings-chevron{color:#68758d;font-size:1.4rem}.zuno-settings-card{max-width:820px;padding:24px;border-radius:24px}.zuno-account-line{padding:13px 0;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.055)}.zuno-account-line span{color:#77849d;font-size:.78rem}.zuno-account-line strong{font-size:.82rem;text-align:right}.zuno-verified{display:inline-flex;margin-top:8px;padding:6px 10px;border-radius:999px;background:rgba(99,239,176,.08);border:1px solid rgba(99,239,176,.18);color:#7cf0ba;font-size:.7rem;font-weight:800}

/* Chat: premium desktop shell, preserving native mobile fixes */
.chat-page{padding-top:20px}.chat-app{border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 35px 100px rgba(0,0,0,.36)!important;background:rgba(5,9,20,.62)!important}
.chat-sidebar{background:linear-gradient(180deg,rgba(10,15,32,.8),rgba(5,9,19,.62))!important}.chat-main{background:radial-gradient(circle at 70% 0%,rgba(123,140,255,.07),transparent 34%),linear-gradient(180deg,rgba(12,18,37,.5),rgba(3,7,15,.7))!important}
.chat-header{background:rgba(7,11,23,.48);backdrop-filter:blur(16px)}.messages{scrollbar-color:rgba(123,140,255,.35) transparent}
.person-row,.conversation{background:rgba(255,255,255,.022);border-color:rgba(255,255,255,.035)}.person-row:hover,.conversation:hover{background:rgba(123,140,255,.07);border-color:rgba(123,140,255,.16)}
.avatar{box-shadow:0 8px 22px rgba(65,91,190,.2),inset 0 1px 0 rgba(255,255,255,.3)}
.message-row{animation:zunoMessageIn .22s ease both}.message-bubble{box-shadow:0 10px 28px rgba(0,0,0,.13)!important;border:1px solid rgba(255,255,255,.06)}
@keyframes zunoMessageIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.composer{background:linear-gradient(145deg,rgba(22,29,55,.78),rgba(7,11,23,.72))!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 14px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important}

/* Drawing */
.drawing-app{border-radius:26px!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 30px 90px rgba(0,0,0,.34)!important;background:rgba(5,9,19,.72)!important;overflow:hidden}
.drawing-head,.canvas-toolbar{background:rgba(8,12,25,.68)!important;border-color:rgba(255,255,255,.075)!important;backdrop-filter:blur(18px)}
.draw-tool,.page-orientation-btn{border-radius:12px!important;border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.04)!important}.draw-tool:hover,.page-orientation-btn:hover{background:rgba(123,140,255,.1)!important;border-color:rgba(123,140,255,.24)!important}
.canvas-wrap{background:radial-gradient(circle at 50% 20%,rgba(123,140,255,.08),transparent 40%),#05070e!important}

/* Anti-stress */
.as-page,.as-overlay{background:radial-gradient(circle at 50% 0%,rgba(123,140,255,.1),transparent 40%),rgba(3,5,12,.92)!important}
.as-card,.as-modal{border-radius:26px!important;border-color:rgba(255,255,255,.1)!important;background:linear-gradient(145deg,rgba(18,25,49,.86),rgba(5,9,19,.82))!important;box-shadow:0 30px 90px rgba(0,0,0,.4)!important}
.as-game-tabs button,.as-world-tabs button{border-radius:999px!important}.as-controls .btn{border-radius:13px!important}
.breath-orb{box-shadow:0 0 100px rgba(125,140,255,.38),0 0 24px rgba(86,229,255,.14)}

/* Age gate */
.zuno-age-gate{background:radial-gradient(circle at 50% 30%,rgba(123,140,255,.2),transparent 35%),rgba(2,4,10,.84)!important;backdrop-filter:blur(22px)!important}
.zuno-age-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12)!important;border-radius:32px!important;background:linear-gradient(145deg,rgba(19,27,55,.9),rgba(6,10,22,.86))!important;box-shadow:0 35px 120px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08)!important}
.zuno-age-card::before{content:"";position:absolute;left:50%;top:-90px;width:260px;height:200px;transform:translateX(-50%);background:radial-gradient(circle,rgba(86,229,255,.22),transparent 68%);filter:blur(10px);pointer-events:none}.zuno-age-logo{letter-spacing:.22em;text-shadow:0 0 35px rgba(123,140,255,.55)}
.zuno-age-btn{border-radius:14px!important;transition:.2s!important}.zuno-age-yes{background:linear-gradient(110deg,#7b8cff,#56e5ff)!important;color:#06101b!important;box-shadow:0 14px 34px rgba(86,140,255,.22)!important}.zuno-age-no{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.1)!important}.zuno-age-btn:hover{transform:translateY(-2px)!important}

.footer{padding:42px 20px 55px;color:#59657d;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}

/* Keep visual effects restrained on touch/low-power contexts */
@media(max-width:900px){
  .nav{top:6px;margin-top:6px;width:calc(100% - 12px);border-radius:18px}.navlinks a,.navlinks button{padding:8px 9px}.page{padding-top:38px}.feature-grid{grid-template-columns:1fr}.hero{padding-top:62px}.hero h1{font-size:clamp(3.7rem,18vw,6rem)}
}
@media(max-width:760px){
  .nav{position:sticky}.nav-left{flex:0 0 auto}.navlinks{justify-content:flex-start;max-width:62vw}.brand{font-size:.92rem}.nav-back{width:36px;height:36px}
  .page{width:min(100% - 22px,1240px);padding-bottom:70px}.homecards{grid-template-columns:1fr!important}.homecards .card{min-height:190px}.feature-grid{grid-template-columns:1fr}.form{padding:24px;border-radius:23px;margin-top:25px}.game-title-row,.calc-head{align-items:flex-start}.scientific-calc{border-radius:22px;padding:11px}.calc-key{min-height:50px!important}
  .zuno-settings-row{grid-template-columns:42px 1fr 18px;padding:13px}.zuno-settings-row-icon{width:42px;height:42px}.zuno-settings-card{padding:18px}.chat-app{box-shadow:none!important}
}
@media(max-width:520px){
  .hero{padding:48px 6px}.hero p{font-size:.94rem}.quickrow{justify-content:flex-start}.chip{font-size:.7rem;padding:8px 11px}.navlinks{max-width:55vw}.brand{letter-spacing:.13em}.nav-back{display:none}
  .game-stats{display:flex;flex-wrap:wrap;gap:5px}.game-stats span{padding-right:6px}.zuno-settings-page-head{align-items:flex-start}.zuno-settings-back{margin-top:4px}
}
@media(prefers-reduced-motion:reduce){
  body::before{animation:none}.card,.btn,.nav-back,.zuno-settings-row{transition:none}.message-row{animation:none}.btn::after{display:none}
}
@media(prefers-reduced-transparency:reduce){
  .glass,.nav,.chat-header,.composer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(10,15,30,.96)!important}
}

/* ZUNO AVATAR SELECTOR — built-in 20-avatar identity system */
.zuno-avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#7187ff,#63d6ff);border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 22px rgba(65,91,190,.22),inset 0 1px 0 rgba(255,255,255,.32);vertical-align:middle}
.zuno-avatar.sm{width:31px;height:31px;font-size:.72rem}.zuno-avatar.lg{width:44px;height:44px;font-size:.9rem}.zuno-avatar.xl{width:76px;height:76px;border-radius:24px;font-size:1.35rem;box-shadow:0 16px 38px rgba(65,91,190,.25),inset 0 1px 0 rgba(255,255,255,.35)}
.zuno-avatar img{width:100%;height:100%;display:block;object-fit:cover}.zuno-avatar-fallback{color:#06101e;font-weight:950}
.profile-avatar>.zuno-avatar{width:70px;height:70px;border-radius:22px}.chat-peer>.zuno-avatar{margin-right:0}.chat-profile .profile-avatar{overflow:visible}
.zuno-avatar-settings-card{margin-bottom:16px!important}.zuno-avatar-settings-head{display:flex;align-items:center;gap:18px;padding-bottom:18px}.zuno-avatar-settings-head h3{margin:4px 0 5px;font-size:1.08rem}.zuno-avatar-settings-head .muted{margin:0;max-width:620px;font-size:.75rem}
.zuno-avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.zuno-avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:7px 6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:#b8c4d8;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.zuno-avatar-option:hover{transform:translateY(-3px);border-color:rgba(130,164,255,.35);background:linear-gradient(145deg,rgba(113,135,255,.13),rgba(99,214,255,.045));box-shadow:0 12px 30px rgba(0,0,0,.2)}.zuno-avatar-option.selected{border-color:rgba(125,160,255,.75);background:linear-gradient(145deg,rgba(113,135,255,.2),rgba(99,214,255,.08));box-shadow:0 0 0 2px rgba(125,160,255,.11),0 14px 34px rgba(70,100,220,.18)}.zuno-avatar-option img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:13px;display:block}.zuno-avatar-option span{font-size:.62rem;font-weight:800;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.zuno-avatar-option i{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#7187ff;color:#fff;font-style:normal;font-size:.72rem;font-weight:950;opacity:0;transform:scale(.75);transition:.16s ease;box-shadow:0 5px 15px rgba(70,100,220,.35)}.zuno-avatar-option.selected i{opacity:1;transform:scale(1)}.zuno-avatar-option:disabled{cursor:wait;opacity:.7;transform:none}.zuno-avatar-msg{min-height:20px;margin:11px 2px 0;font-size:.72rem}.person-result .person-main{flex:1}.person-result{display:flex;align-items:center;gap:12px}
.zuno-call-avatar{overflow:hidden}.zuno-call-avatar img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:760px){.zuno-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.zuno-avatar-settings-head{align-items:flex-start}.zuno-avatar-option{border-radius:15px;padding:6px 4px}.zuno-avatar-option span{font-size:.56rem}.zuno-avatar-settings-head .zuno-avatar.xl{width:64px;height:64px;border-radius:20px}}
@media(max-width:430px){.zuno-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zuno-avatar-settings-head{gap:12px}.zuno-avatar-settings-head .zuno-avatar.xl{width:58px;height:58px;border-radius:18px}}

/* ZUNO MONETIZATION — premium launch system */
.zuno-nav-premium{color:#f8d87b!important;font-weight:900!important;text-shadow:0 0 18px rgba(255,210,90,.16)}
.zuno-premium-page{max-width:1180px!important;padding-top:34px}
.zuno-premium-hero{position:relative;overflow:hidden;padding:34px;border-radius:30px!important;border:1px solid rgba(255,255,255,.1)!important;background:linear-gradient(145deg,rgba(20,27,58,.84),rgba(6,10,22,.78))!important;box-shadow:0 30px 100px rgba(0,0,0,.28)!important}
.zuno-premium-glow{position:absolute;width:420px;height:280px;right:-100px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,90,.16),transparent 68%);filter:blur(10px);pointer-events:none}
.zuno-premium-heading{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.zuno-premium-heading .title{margin:6px 0 8px}.zuno-premium-heading .muted{max-width:720px;font-size:.9rem;line-height:1.65}
.zuno-premium-status{padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font-size:.68rem;font-weight:900;letter-spacing:.1em;white-space:nowrap}.zuno-premium-status.is-active{color:#8bf4bd;border-color:rgba(99,239,176,.25);background:rgba(99,239,176,.07)}
.zuno-plan-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:18px;margin-top:18px;align-items:stretch}.zuno-plan-card{position:relative;padding:26px;border-radius:26px!important;border:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(145deg,rgba(17,24,48,.8),rgba(6,10,21,.72))!important;box-shadow:0 22px 70px rgba(0,0,0,.2)!important}.zuno-plan-card.featured{border-color:rgba(255,215,103,.3)!important;box-shadow:0 28px 90px rgba(0,0,0,.28),0 0 0 1px rgba(255,215,103,.05) inset!important}.zuno-plan-card.current{border-color:rgba(99,239,176,.34)!important}
.zuno-plan-top{display:flex;justify-content:space-between;align-items:center}.zuno-plan-pill{font-size:.61rem;font-weight:950;letter-spacing:.12em;color:#9eabc2}.zuno-plan-icon{font-size:1.45rem}.zuno-plan-card h2{font-size:1.35rem;margin:20px 0 3px}.zuno-price{display:flex;align-items:baseline;gap:7px;margin:12px 0}.zuno-price strong{font-size:clamp(2.3rem,5vw,3.5rem);letter-spacing:-.06em}.zuno-price span{color:#8996ad;font-size:.8rem}.zuno-annual-note{font-size:.7rem;color:#8f9db5;margin:-5px 0 16px}.zuno-annual-note b{color:#c9d4e7}.zuno-best-value{position:absolute;top:-1px;right:24px;padding:7px 10px;border-radius:0 0 11px 11px;background:linear-gradient(100deg,#ffd978,#ffb85c);color:#1a1307;font-size:.58rem;font-weight:950;letter-spacing:.08em}
.zuno-feature-list{list-style:none;margin:20px 0;padding:0;display:grid;gap:9px}.zuno-feature-list li{display:flex;gap:11px;align-items:flex-start;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045)}.zuno-feature-list li>span{font-size:1rem;line-height:1.2}.zuno-feature-list li div{display:flex;flex-direction:column;gap:2px}.zuno-feature-list strong{font-size:.74rem}.zuno-feature-list small{font-size:.64rem;color:#7f8ba3;line-height:1.35}.zuno-buy-btn{width:100%;margin-top:8px;min-height:48px}.zuno-manage-card{margin-top:18px;padding:20px 22px;border-radius:22px!important;display:flex;align-items:center;justify-content:space-between;gap:18px}.zuno-manage-card h3{margin:4px 0}.zuno-manage-card p{margin:3px 0;font-size:.72rem}.zuno-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.zuno-trust-grid>div{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:20px}.zuno-trust-grid span{font-size:1.25rem}.zuno-trust-grid strong{font-size:.76rem}.zuno-trust-grid p{font-size:.64rem;line-height:1.5;color:#78859d;margin:5px 0 0}.zuno-premium-result{min-height:65vh;display:grid;place-items:center}.zuno-premium-result-card{width:min(680px,100%);padding:44px;text-align:center;border-radius:30px!important}.zuno-result-icon{width:68px;height:68px;margin:0 auto 20px;border-radius:22px;display:grid;place-items:center;background:rgba(99,239,176,.1);border:1px solid rgba(99,239,176,.25);color:#83f1bb;font-size:2rem;font-weight:900}.zuno-result-icon.muted-icon{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#b9c4d7}.zuno-result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}
@media(max-width:800px){.zuno-plan-grid{grid-template-columns:1fr}.zuno-trust-grid{grid-template-columns:1fr}.zuno-premium-heading{flex-direction:column}.zuno-premium-hero{padding:24px}.zuno-plan-card{padding:22px}.zuno-manage-card{align-items:flex-start;flex-direction:column}.zuno-manage-card .btn{width:100%}}

/* ZUNO PLUS HOME PROMOTION */
.zuno-home-premium{position:relative;overflow:hidden;margin:18px 0 22px;padding:30px;border-radius:30px!important;border:1px solid rgba(255,215,103,.2)!important;background:radial-gradient(circle at 85% 20%,rgba(255,211,105,.13),transparent 34%),linear-gradient(135deg,rgba(25,30,63,.92),rgba(9,13,28,.9))!important;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;box-shadow:0 28px 80px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06)!important}
.zuno-home-premium:before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 20%,rgba(255,220,120,.08),transparent 60%);transform:translateX(-100%);animation:zunoPlusShine 7s ease-in-out infinite;pointer-events:none}
.zuno-home-premium-copy{position:relative;z-index:1}.zuno-premium-mini-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(255,213,104,.1);border:1px solid rgba(255,213,104,.2);color:#f7d77c;font-size:.62rem;font-weight:950;letter-spacing:.12em}.zuno-home-premium h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.055em;margin:14px 0 7px}.zuno-home-premium p{max-width:650px;color:#9ba8bf;line-height:1.65;margin:0;font-size:.84rem}.zuno-home-premium-price{display:flex;align-items:baseline;gap:7px;margin:18px 0 15px}.zuno-home-premium-price strong{font-size:2rem;letter-spacing:-.05em;color:#fff}.zuno-home-premium-price span{color:#8795ad;font-size:.72rem}.zuno-home-premium-price em{font-style:normal;color:#d5c17c;font-size:.67rem;margin-left:5px}.zuno-home-premium-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.zuno-home-premium-actions span{font-size:.61rem;color:#6f7d95}.zuno-home-premium-features{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.zuno-home-premium-features div{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.025);border-radius:17px}.zuno-home-premium-features b{font-size:1.1rem}.zuno-home-premium-features span{font-size:.68rem;font-weight:800;color:#b8c4d7}@keyframes zunoPlusShine{0%,55%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
@media(max-width:800px){.zuno-home-premium{grid-template-columns:1fr;padding:24px}.zuno-home-premium-features{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.zuno-home-premium-features{grid-template-columns:1fr}.zuno-home-premium-price{flex-wrap:wrap}.zuno-home-premium-actions .btn{width:100%}}


/* ZUNO PLUS — 15 exclusive Chat Space themes */
.chat-theme-modal{width:min(860px,calc(100vw - 28px));max-height:min(88vh,780px);overflow:auto;padding:22px;border-radius:26px;background:rgba(8,13,27,.97);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 100px rgba(0,0,0,.55);backdrop-filter:blur(22px)}
.chat-theme-modal .chat-settings-head{margin-bottom:16px}.chat-theme-modal .chat-settings-head h3{margin:5px 0 3px}.chat-theme-modal .chat-settings-head p{margin:0;font-size:.7rem}
.zuno-chat-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.zuno-chat-theme-card{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#eef2ff;cursor:pointer;transition:.18s ease;min-width:0}
.zuno-chat-theme-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}
.zuno-chat-theme-card.selected{border-color:var(--theme-a);box-shadow:0 0 0 1px var(--theme-a),0 10px 30px color-mix(in srgb,var(--theme-a) 18%,transparent)}
.zuno-chat-theme-card>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.zuno-chat-theme-card strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zuno-chat-theme-card small{font-size:.58rem;color:#7f8da5}
.zuno-chat-theme-preview{width:72px;height:52px;flex:0 0 auto;border-radius:12px;padding:7px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:linear-gradient(145deg,var(--theme-bg),color-mix(in srgb,var(--theme-bg) 70%,var(--theme-a)));border:1px solid color-mix(in srgb,var(--theme-a) 30%,transparent)}
.zuno-chat-theme-preview i,.zuno-chat-theme-preview b{display:block;height:8px;border-radius:7px}.zuno-chat-theme-preview i{width:70%;background:var(--theme-a)}.zuno-chat-theme-preview b{width:58%;margin-left:auto;background:var(--theme-b)}
.chat-settings-card .zuno-plus-chat-theme-action{position:relative}.zuno-plus-chat-theme-action span{margin-left:auto;padding:3px 6px;border-radius:999px;background:rgba(255,215,103,.1);color:#f7d77c;font-size:.52rem;font-weight:950;letter-spacing:.08em}
.chat-app[data-chat-theme]{--chat-theme-a:#6d5dfc;--chat-theme-b:#21d4fd;--chat-theme-bg:#071326;--chat-theme-panel:#0c1830;--chat-theme-me:#6d5dfc;--chat-theme-them:#18243b}
.chat-app[data-chat-theme] .chat-main{background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--chat-theme-a) 13%,transparent),transparent 32%),linear-gradient(180deg,var(--chat-theme-bg),#03060d)!important}
.chat-app[data-chat-theme] .chat-header{background:color-mix(in srgb,var(--chat-theme-panel) 82%,transparent)!important;border-bottom-color:color-mix(in srgb,var(--chat-theme-a) 18%,transparent)}
.chat-app[data-chat-theme] .messages{background:radial-gradient(circle at 15% 85%,color-mix(in srgb,var(--chat-theme-b) 6%,transparent),transparent 30%)}
.chat-app[data-chat-theme] .bubble-me{background:linear-gradient(135deg,var(--chat-theme-me),var(--chat-theme-b))!important;box-shadow:0 8px 28px color-mix(in srgb,var(--chat-theme-a) 22%,transparent)!important}
.chat-app[data-chat-theme] .bubble-them{background:var(--chat-theme-them)!important;border-color:color-mix(in srgb,var(--chat-theme-a) 18%,transparent)!important}
.chat-app[data-chat-theme] .composer-wrap{background:color-mix(in srgb,var(--chat-theme-panel) 58%,transparent);border-top-color:color-mix(in srgb,var(--chat-theme-a) 16%,transparent)}
.chat-app[data-chat-theme] .composer{background:color-mix(in srgb,var(--chat-theme-bg) 78%,transparent);border-color:color-mix(in srgb,var(--chat-theme-a) 20%,transparent)}
.chat-app[data-chat-theme] .send-btn{background:linear-gradient(135deg,var(--chat-theme-a),var(--chat-theme-b))!important}
.chat-app[data-chat-theme] .chat-policy-banner{border-color:color-mix(in srgb,var(--chat-theme-a) 18%,transparent)}
@media(max-width:800px){.zuno-chat-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.zuno-chat-theme-grid{grid-template-columns:1fr}.zuno-chat-theme-preview{width:78px}}

/* ZUNO PLUS actual post-subscription visuals */
body.zuno-plus-active.zuno-plus-theme-aurora{--accent:#7c6cff;--zuno-plus-glow:rgba(124,108,255,.20)}
body.zuno-plus-active.zuno-plus-theme-rose{--accent:#e878a7;--zuno-plus-glow:rgba(232,120,167,.18)}
body.zuno-plus-active.zuno-plus-theme-mint{--accent:#5ed6b0;--zuno-plus-glow:rgba(94,214,176,.18)}
body.zuno-plus-active .nav{box-shadow:0 10px 45px var(--zuno-plus-glow),inset 0 1px 0 rgba(255,255,255,.06)}
body.zuno-plus-active .zuno-nav-premium{color:#ffe38a!important}
body.zuno-plus-active.zuno-plus-theme-rose .zuno-nav-premium{color:#ff9fc2!important}
body.zuno-plus-active.zuno-plus-theme-mint .zuno-nav-premium{color:#8ff1cf!important}
body.zuno-plus-active .bubble-me{box-shadow:0 8px 28px var(--zuno-plus-glow),inset 0 1px 0 rgba(255,255,255,.08)}
.zuno-plus-profile-badge{position:absolute;right:-8px;bottom:-4px;padding:4px 7px;border-radius:999px;background:linear-gradient(135deg,#ffd76b,#b78cff);color:#10101a;font-size:9px;font-weight:1000;letter-spacing:.04em;border:2px solid rgba(10,14,28,.9);box-shadow:0 6px 20px rgba(0,0,0,.25)}
.zuno-plus-hub{margin-top:18px;padding:24px;border-radius:26px!important;border:1px solid rgba(255,215,103,.18)!important;background:radial-gradient(circle at 85% 10%,var(--zuno-plus-glow),transparent 36%),rgba(10,15,30,.75)!important}
.zuno-plus-hub-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 18px}.zuno-plus-hub-head h2{margin:0 0 5px}.zuno-plus-hub-head p{margin:0}.zuno-theme-picker{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.025);margin-bottom:14px}.zuno-theme-buttons{display:flex;gap:8px;flex-wrap:wrap}.zuno-theme-buttons .btn{min-width:90px}.zuno-plus-unlocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.zuno-plus-unlock{display:flex;align-items:center;gap:11px;padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02)}.zuno-plus-unlock>span{font-size:1.15rem}.zuno-plus-unlock>div{display:flex;flex-direction:column;gap:2px;flex:1}.zuno-plus-unlock strong{font-size:.73rem}.zuno-plus-unlock small{font-size:.62rem;color:#8190a8;line-height:1.4}.zuno-plus-unlock>b{color:#8bf4bd}.zuno-plus-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.zuno-plus-only-card{position:relative}.zuno-plus-only-card h3 span{font-size:.55rem;color:#f7d77c;vertical-align:middle;margin-left:4px;letter-spacing:.08em}.zuno-draw-plus-label{font-size:9px;font-weight:900;color:#d7b9ff;margin-left:auto}
@media(max-width:700px){.zuno-plus-hub-head,.zuno-theme-picker{align-items:flex-start;flex-direction:column}.zuno-plus-unlocks{grid-template-columns:1fr}.zuno-theme-buttons,.zuno-plus-links{width:100%}.zuno-theme-buttons .btn,.zuno-plus-links .btn{flex:1}}

/* ZUNO PLUS access gates */
.zuno-premium-game-card{position:relative;}
.zuno-game-plus-badge{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;background:rgba(255,196,74,.12);border:1px solid rgba(255,196,74,.4);box-shadow:0 0 12px rgba(255,196,74,.2);}


/* ============================================================
   ZUNO ULTIMATE PREMIUM GLOW + MESSAGE EDIT UI
   ============================================================ */
.zuno-premium-nav-item{position:relative;text-shadow:0 0 14px rgba(255,211,91,.22)}
.zuno-premium-star-badge,
.zuno-premium-feature-badge,
.zuno-game-plus-badge{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  color:#ffe08a!important;font-size:.62rem;font-weight:950;letter-spacing:.08em;
  border:1px solid rgba(255,211,91,.52);
  background:linear-gradient(135deg,rgba(255,208,91,.18),rgba(255,185,61,.06));
  box-shadow:0 0 8px rgba(255,210,90,.28),0 0 22px rgba(255,210,90,.12),inset 0 0 12px rgba(255,220,130,.06);
  text-shadow:0 0 10px rgba(255,220,130,.48);
  border-radius:999px;padding:3px 7px;line-height:1;
}
.zuno-premium-feature-badge.inline{vertical-align:middle;margin-left:6px;padding:4px 8px;font-size:.58rem}
.zuno-premium-feature-card{position:relative;overflow:hidden;border-color:rgba(255,211,91,.24)!important;box-shadow:0 0 0 1px rgba(255,211,91,.05),0 18px 55px rgba(0,0,0,.18),0 0 28px rgba(255,210,90,.06)!important}
.zuno-premium-feature-card::after{
  content:"";position:absolute;inset:-35%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,210,90,.11),transparent 58%);
  animation:zunoPremiumFeaturePulse 2.8s ease-in-out infinite;
}
.zuno-premium-feature-card>*{position:relative;z-index:1}
.zuno-premium-feature-card .zuno-premium-feature-badge{position:absolute;right:12px;top:12px;z-index:2}
.zuno-premium-feature-section{border-color:rgba(255,211,91,.28)!important;box-shadow:0 0 24px rgba(255,210,90,.08)}
.zuno-game-plus-badge{animation:zunoPremiumBadgeGlow 2s ease-in-out infinite}
.zuno-premium-game-card{border-color:rgba(255,211,91,.18)!important;box-shadow:0 0 24px rgba(255,210,90,.045)}
.zuno-theme-star{font-style:normal;display:inline-flex;align-items:center;padding:2px 5px;border-radius:999px;color:#ffe08a;font-size:.55rem;background:rgba(255,211,91,.1);border:1px solid rgba(255,211,91,.35);box-shadow:0 0 10px rgba(255,210,90,.2)}
.zuno-chat-theme-card.selected{border-color:rgba(255,211,91,.8)!important;box-shadow:0 0 0 1px rgba(255,211,91,.28),0 0 26px rgba(255,210,90,.28)!important}
.zuno-chat-theme-card.selected .zuno-theme-star{box-shadow:0 0 16px rgba(255,210,90,.45)}
.zuno-plus-unlock{position:relative;border-color:rgba(255,211,91,.22)!important;box-shadow:0 0 18px rgba(255,210,90,.06)}
.zuno-plus-unlock::before{content:"⭐";position:absolute;right:12px;top:10px;color:#ffe08a;text-shadow:0 0 12px rgba(255,210,90,.6)}
.zuno-plus-unlock>b{color:#ffe08a!important;text-shadow:0 0 12px rgba(255,210,90,.5)}
.zuno-premium-page .zuno-feature-list li{position:relative}
.zuno-premium-page .zuno-feature-list li::before{content:"⭐";position:absolute;left:-8px;top:8px;color:#ffe08a;font-size:.65rem;text-shadow:0 0 10px rgba(255,210,90,.55)}
.message-action-btn.premium-action{border-color:rgba(255,211,91,.3)!important;box-shadow:0 0 18px rgba(255,210,90,.06)}
.message-edit-card{width:min(560px,calc(100vw - 28px));padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(9,14,28,.97);box-shadow:0 28px 100px rgba(0,0,0,.5),0 0 35px rgba(109,93,252,.14)}
.message-edit-card .message-action-head{align-items:flex-start}
.message-edit-card .message-action-head small{display:block;margin-top:4px}
.message-edit-input{width:100%;resize:vertical;min-height:120px;margin-top:14px;line-height:1.5}
.message-edit-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.message-edit-footer .row{gap:8px}
@keyframes zunoPremiumBadgeGlow{0%,100%{filter:brightness(1);box-shadow:0 0 8px rgba(255,210,90,.22)}50%{filter:brightness(1.16);box-shadow:0 0 18px rgba(255,210,90,.45)}}
@keyframes zunoPremiumFeaturePulse{0%,100%{transform:scale(.94);opacity:.45}50%{transform:scale(1.04);opacity:.8}}
@media(max-width:700px){
  .zuno-premium-star-badge{font-size:.52rem;padding:3px 5px}
  .message-edit-footer{align-items:stretch;flex-direction:column}
  .message-edit-footer .row{width:100%}
  .message-edit-footer .btn{flex:1}
}

.zuno-premium-mini-feature{position:relative}.zuno-premium-mini-feature b{color:#ffe08a;text-shadow:0 0 12px rgba(255,210,90,.45)}
\n\n/* ZUNO: large, crisp QR for the official Razorpay subscription URL. */\n.zuno-qr-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;}\n.zuno-qr-backdrop{position:absolute;inset:0;background:rgba(2,5,14,.82);backdrop-filter:blur(14px);}\n.zuno-qr-dialog{position:relative;z-index:1;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:30px 30px 24px;border:1px solid rgba(255,215,103,.24);border-radius:30px;background:linear-gradient(145deg,rgba(17,24,48,.98),rgba(5,9,20,.99));box-shadow:0 35px 120px rgba(0,0,0,.55),0 0 55px rgba(255,210,90,.08);text-align:center;}\n.zuno-qr-close{position:absolute;right:16px;top:12px;width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.06);color:#dfe7f7;font-size:26px;line-height:1;cursor:pointer;}\n.zuno-qr-dialog h2{margin:7px 0 3px;font-size:1.55rem;letter-spacing:-.03em;}\n.zuno-qr-price{margin:0 0 17px;font-size:1.25rem;font-weight:950;color:#fff}.zuno-qr-price span{font-size:.7rem;color:#8f9db5;font-weight:700;margin-left:4px;}\n.zuno-qr-box{width:min(430px,78vw);height:min(430px,78vw);margin:0 auto 16px;padding:14px;border-radius:22px;background:#fff;display:grid;place-items:center;box-shadow:0 18px 55px rgba(0,0,0,.3);}\n.zuno-qr-image{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;}\n.zuno-qr-title{display:block;font-size:.86rem;color:#fff;margin-top:4px}.zuno-qr-help{max-width:430px;margin:7px auto 17px;color:#8e9bb2;font-size:.68rem;line-height:1.55;}\n.zuno-qr-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.zuno-qr-actions .btn{min-width:190px;}\n.zuno-qr-secure{margin-top:15px;color:#69768e;font-size:.58rem;word-break:break-all;}\n@media(max-width:600px){.zuno-qr-modal{padding:10px}.zuno-qr-dialog{width:calc(100vw - 20px);padding:25px 16px 18px;border-radius:24px}.zuno-qr-box{width:min(330px,82vw);height:min(330px,82vw);padding:11px}.zuno-qr-actions .btn{width:100%;}.zuno-qr-secure{font-size:.52rem}}\n