: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-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(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)}
.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}.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}}