:root{--primary: #7c5cff;--primary-2: #9b7bff;--primary-soft: #efeaff;--pink: #ff6b9d;--yellow: #ffd43b;--mint: #20c997;--sky: #4dabf7;--danger: #fa5252;--ink: #2b2250;--ink-2: #5b5480;--muted: #8f89ad;--line: #ece7fb;--bg: #f7f3ff;--card: #ffffff;--radius: 22px;--radius-sm: 14px;--shadow: 0 6px 24px rgba(88, 60, 200, .08), 0 1px 3px rgba(88, 60, 200, .06);--shadow-lg: 0 18px 50px rgba(88, 60, 200, .18);--font-head: "Baloo 2", "Nunito", system-ui, sans-serif;--font: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--topbar: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:16px;color:var(--ink);background:radial-gradient(circle at 10% 0%,#ffe8f3 0,transparent 35%),radial-gradient(circle at 95% 10%,#e3f2ff 0,transparent 35%),radial-gradient(circle at 50% 100%,#fff6d6 0,transparent 40%),var(--bg);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,h4{font-family:var(--font-head);margin:0;line-height:1.15}p{line-height:1.55}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;padding:11px 20px;font-weight:800;font-size:15px;transition:transform .12s,box-shadow .2s,background .2s;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff;box-shadow:0 6px 16px #7c5cff59}.btn-primary:hover:not(:disabled){box-shadow:0 8px 22px #7c5cff73}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-ghost{background:transparent;color:var(--ink-2);border:2px solid var(--line)}.btn-danger{background:#fff0f0;color:var(--danger)}.btn-sm{padding:7px 14px;font-size:13.5px}.btn-lg{padding:14px 26px;font-size:17px}.btn-block{width:100%}.icon-btn{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:0;background:#fff;font-size:19px;box-shadow:var(--shadow);flex:none}.icon-btn.sm{width:32px;height:32px;font-size:14px;box-shadow:none;background:transparent}.icon-btn .dot{position:absolute;top:-3px;right:-3px;background:var(--pink);color:#fff;font-size:11px;font-weight:800;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border:2px solid #fff}.input{width:100%;border:2px solid var(--line);background:#fff;border-radius:var(--radius-sm);padding:12px 14px;font:inherit;color:var(--ink);outline:none;transition:border .15s,box-shadow .15s}.input:focus{border-color:var(--primary-2);box-shadow:0 0 0 4px #7c5cff1f}textarea.input{resize:vertical}.field{display:flex;flex-direction:column;gap:6px}.field>span,.label{font-weight:800;font-size:14px;color:var(--ink-2)}.input-wrap{position:relative}.input-wrap .eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:20px}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2);background:var(--primary-soft);padding:12px;border-radius:var(--radius-sm)}.check input{width:20px;height:20px;accent-color:var(--primary);flex:none;margin-top:2px}.hint{font-size:13px;color:var(--muted);margin:6px 0 0}.err{color:var(--danger);font-size:13px;font-weight:700}.muted{color:var(--muted)}.center{text-align:center;display:flex;justify-content:center}p.center{display:block}.stack{display:flex;flex-direction:column;gap:14px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.row-end{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;flex-wrap:wrap}.row-center{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}.chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:800;font-size:13px;border:0}.chip-ok{background:#e6fcf5;color:#0ca678}.chip-admin{background:var(--ink);color:#fff}.age-badge{display:inline-flex;align-items:center;gap:4px;color:#fff;font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px;text-shadow:0 1px 1px rgba(0,0,0,.15)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.avatar{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;flex:none;line-height:1}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-ring{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--primary-2)}.avatar-link{display:inline-flex}.spinner-wrap{display:grid;place-items:center;padding:40px}.spinner-full{display:grid;place-items:center;min-height:100vh}.bouncer{display:flex;gap:8px}.bouncer span{width:14px;height:14px;border-radius:50%;background:var(--primary);animation:bounce .9s infinite ease-in-out}.bouncer span:nth-child(2){background:var(--pink);animation-delay:.15s}.bouncer span:nth-child(3){background:var(--yellow);animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.toasts{position:fixed;z-index:1000;left:50%;transform:translate(-50%);top:16px;display:flex;flex-direction:column;gap:8px;width:min(92vw,420px);pointer-events:none}.toast{display:flex;gap:10px;align-items:center;background:#fff;border-radius:16px;padding:13px 16px;box-shadow:var(--shadow-lg);font-weight:700;animation:toastIn .3s cubic-bezier(.2,1.4,.5,1);border-left:6px solid var(--mint)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--sky)}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px) scale(.95)}}.empty{text-align:center;padding:40px 20px}.empty-emoji{font-size:64px;animation:float 3s ease-in-out infinite}.empty h3{font-size:22px;margin-top:8px}.empty p{color:var(--muted)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b225073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:grid;place-items:center;padding:16px;animation:fade .2s}.modal{background:#fff;border-radius:26px;width:min(100%,520px);max-height:calc(100vh - 32px);overflow:auto;box-shadow:var(--shadow-lg);animation:pop .25s cubic-bezier(.2,1.3,.5,1)}.modal-wide{width:min(100%,860px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 0;position:sticky;top:0;background:#fff;z-index:1}.modal-head h3{font-size:22px}.modal-head .icon-btn{box-shadow:none;background:var(--bg);width:36px;height:36px;font-size:15px}.modal-body{padding:14px 20px 22px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.92) translateY(10px)}}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:100;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:800;font-size:24px;color:var(--ink)}.brand img{width:38px;height:38px;animation:spin-slow 12s linear infinite}.brand span{background:linear-gradient(90deg,var(--primary),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes spin-slow{to{transform:rotate(360deg)}}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-avatar{display:none}.sidebar{position:fixed;top:calc(var(--topbar) + 16px);left:max(16px,calc((100vw - 1260px)/2));width:250px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - var(--topbar) - 32px);overflow-y:auto;padding-bottom:10px}.side-profile{display:flex;gap:14px;align-items:center;background:#fff;padding:16px;border-radius:var(--radius);box-shadow:var(--shadow)}.side-profile>div{display:flex;flex-direction:column;gap:3px;min-width:0}.side-profile b{font-family:var(--font-head);font-size:19px}.side-profile small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.side-profile .age-badge{align-self:flex-start}.points-pill{background:linear-gradient(135deg,#ffe066,#ffc078);border-radius:999px;text-align:center;padding:10px;font-weight:800;font-size:16px;color:#7a4b00;box-shadow:var(--shadow)}.sidebar nav{display:flex;flex-direction:column;gap:4px;background:#fff;padding:10px;border-radius:var(--radius);box-shadow:var(--shadow)}.side-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;font-weight:800;color:var(--ink-2);transition:background .15s}.side-link:hover{background:var(--bg)}.side-link.active{background:var(--primary-soft);color:var(--primary)}.side-emoji{font-size:22px;width:28px;text-align:center}.side-link .count{margin-left:auto;background:var(--pink);color:#fff;font-size:12px;border-radius:999px;padding:2px 8px}.safety-card{background:linear-gradient(135deg,#e6fcf5,#e7f5ff);border-radius:var(--radius);padding:14px 16px;font-size:13.5px;color:#0b7285}.safety-card p{margin:6px 0 0}.main{padding:22px 16px 40px;margin-left:max(282px,calc((100vw - 1260px)/2 + 266px));max-width:980px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.feed-col{display:flex;flex-direction:column;gap:18px;min-width:0}.right-col{position:sticky;top:calc(var(--topbar) + 16px);display:flex;flex-direction:column;gap:16px}.narrow{max-width:680px;display:flex;flex-direction:column;gap:16px}.narrow.wide-ok{max-width:920px}.page-title{font-size:34px}.section-title{font-size:20px;margin-top:8px}.back{align-self:flex-start;border:0;background:none;font-weight:800;color:var(--ink-2);padding:4px 0;font-size:15px}.bottom-nav{display:none}.hero{--g: var(--primary);position:relative;overflow:hidden;border-radius:28px;padding:24px;color:#fff;background:linear-gradient(135deg,var(--g),#ff8cc6 120%);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;box-shadow:var(--shadow-lg)}.hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#ffffff24;right:-60px;top:-80px}.hero:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:#ffffff1a;left:40%;bottom:-70px}.hero>*{position:relative;z-index:1}.hero-hi{margin:0;opacity:.9;font-weight:700}.hero h1{font-size:34px;margin:2px 0 6px}.hero-msg{margin:0 0 10px;opacity:.95;max-width:420px}.hero .age-badge{background:#ffffff40!important}.hero-stats{display:flex;gap:10px;align-self:flex-end}.hero-stats>*{background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;padding:10px 14px;text-align:center;min-width:78px;display:flex;flex-direction:column;color:#fff}.hero-stats b{font-size:18px;font-family:var(--font-head)}.hero-stats small{opacity:.9;font-weight:700}.hero-games{background:linear-gradient(135deg,#20c997,#4dabf7 60%,#9775fa)}.announce{--c: var(--pink);display:flex;gap:14px;align-items:center;background:#fff;border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow);border-left:7px solid var(--c)}.announce-emoji{font-size:30px}.announce p{margin:2px 0 0;color:var(--ink-2);font-size:14px}.quick-compose{display:flex;align-items:center;gap:12px;padding:14px 16px;border:0;text-align:left;font-weight:700;color:var(--muted);font-size:15.5px}.quick-compose span:nth-child(2){flex:1;background:var(--bg);border-radius:999px;padding:12px 16px}.qc-icons{font-size:20px;letter-spacing:4px}.post{padding:16px 18px;display:flex;flex-direction:column;gap:12px;animation:pop .3s ease-out}.post-pending{opacity:.85;outline:2px dashed #ffd8a8;outline-offset:-2px}.post-head{display:flex;align-items:center;gap:12px}.post-meta{flex:1;display:flex;flex-direction:column;min-width:0}.post-name{font-weight:800;color:var(--ink);font-size:16px}.post-mood{font-size:18px}.post-meta small{color:var(--muted);font-size:13px}.post-text{white-space:pre-wrap;word-wrap:break-word;font-size:16.5px;line-height:1.55;cursor:pointer}.post-text-big{min-height:180px;display:grid;place-items:center;text-align:center;padding:26px;border-radius:18px;font-family:var(--font-head);font-size:25px;font-weight:700;color:#2b2250}.post-image{border-radius:18px;overflow:hidden;cursor:pointer;background:var(--bg)}.post-image img{width:100%;max-height:560px;object-fit:cover}.pending-note{background:#fff4e6;color:#d9480f;border-radius:14px;padding:10px 14px;font-size:14px;font-weight:700}.post-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-top:2px dashed var(--line);padding-top:10px}.reactions{display:flex;gap:4px;flex-wrap:wrap}.react{border:0;background:var(--bg);border-radius:999px;padding:6px 10px;font-size:18px;display:inline-flex;align-items:center;gap:4px;transition:transform .15s,background .15s}.react small{font-size:13px;font-weight:800;color:var(--ink-2)}.react:hover{transform:scale(1.1)}.react.on{background:#ffe3ef;box-shadow:inset 0 0 0 2px #ffb3cf}.react.pop{animation:popReact .45s}@keyframes popReact{40%{transform:scale(1.5) rotate(-10deg)}}.comment-link{font-weight:800;color:var(--ink-2);background:var(--bg);padding:7px 14px;border-radius:999px}.menu-wrap{position:relative}.menu-wrap .icon-btn{box-shadow:none;background:transparent}.menu{position:absolute;right:0;top:44px;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);padding:6px;z-index:50;min-width:200px;animation:pop .15s}.menu button{display:block;width:100%;text-align:left;border:0;background:none;padding:10px 12px;border-radius:10px;font-weight:700}.menu button:hover{background:var(--bg)}.content-card{--c: var(--sky);padding:18px 20px;border-top:6px solid var(--c);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 10%,#fff),#fff 60%);display:flex;flex-direction:column;gap:8px}.content-top{display:flex;align-items:center;gap:10px}.content-emoji{font-size:30px}.content-cat{background:var(--c);color:#fff;font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px}.content-pin{margin-left:auto}.content-card h3{font-size:21px}.content-card p{margin:0;color:var(--ink-2)}.content-img{border-radius:16px}.content-card .btn{align-self:flex-start}.feed-end{text-align:center;color:var(--muted);font-weight:700}.side-card{padding:16px;display:flex;flex-direction:column;gap:10px}.side-card h4{font-size:17px}.mini-user{display:flex;align-items:center;gap:10px}.mini-name{flex:1;display:flex;flex-direction:column;min-width:0;color:var(--ink)}.mini-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-name small{color:var(--muted)}.see-all{font-weight:800;font-size:14px}.game-promo{flex-direction:row;align-items:center;background:linear-gradient(135deg,#fff3bf,#ffe8cc);color:var(--ink)}.game-promo small{display:block;color:var(--ink-2)}.promo-emoji{font-size:40px;animation:float 3s infinite}.badge-row{display:flex;flex-wrap:wrap;gap:6px}.badge-chip{font-size:26px;background:var(--bg);border-radius:12px;width:44px;height:44px;display:grid;place-items:center}.rank{width:28px;text-align:center;font-weight:800}.composer{display:flex;flex-direction:column;gap:12px}.composer-head{display:flex;gap:12px;align-items:center}.composer-head>div{display:flex;flex-direction:column;gap:6px}.seg{display:inline-flex;background:var(--bg);border-radius:999px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{border:0;background:none;padding:6px 12px;border-radius:999px;font-weight:800;font-size:13px;color:var(--ink-2)}.seg button.on{background:#fff;color:var(--primary);box-shadow:var(--shadow)}.composer-text{border-radius:18px;background:var(--bg);transition:background .3s}.composer-text textarea{width:100%;border:0;background:transparent;resize:none;font:inherit;font-size:17px;padding:14px;outline:none;color:var(--ink)}.composer-text.big textarea{font-family:var(--font-head);font-size:24px;font-weight:700;text-align:center;padding:34px 16px}.composer-preview{position:relative;border-radius:18px;overflow:hidden}.composer-preview img{width:100%;max-height:300px;object-fit:cover}.composer-preview .icon-btn{position:absolute;top:8px;right:8px}.swatches,.moods{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--line)}.swatch.on{box-shadow:0 0 0 3px var(--primary)}.mood{border:0;background:var(--bg);width:40px;height:40px;border-radius:12px;font-size:21px;transition:transform .12s}.mood.on{background:var(--primary-soft);transform:scale(1.15);box-shadow:inset 0 0 0 2px var(--primary-2)}.composer-foot{display:flex;align-items:center;gap:10px}.counter{margin-left:auto;color:var(--muted);font-size:13px;font-weight:700}.auth-scene{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(160deg,#a18cd1,#fbc2eb,#fad0c4);position:relative;overflow:hidden}.floaters span{position:absolute;font-size:42px;opacity:.8;left:calc(var(--i) * 10% + 2%);top:calc(var(--i) * 37% % 100%);animation:drift calc(7s + var(--i) * .7s) ease-in-out infinite alternate}@keyframes drift{0%{transform:translateY(0) rotate(-8deg)}to{transform:translateY(-40px) rotate(8deg)}}.auth-card{position:relative;background:#fffffff5;border-radius:30px;padding:30px 26px;width:min(100%,440px);box-shadow:0 30px 80px #5028a04d;display:flex;flex-direction:column;gap:16px}.auth-logo{text-align:center}.auth-logo img{width:78px;height:78px;margin:0 auto 6px;animation:float 3s infinite}.auth-logo h1{font-size:34px;background:linear-gradient(90deg,var(--primary),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-logo p{margin:4px 0 0;color:var(--ink-2)}.auth-switch{text-align:center;margin:0;font-weight:700;color:var(--ink-2)}.auth-switch a{font-weight:800}.steps{display:flex;gap:6px}.steps span{flex:1;height:8px;border-radius:999px;background:var(--line);transition:background .3s}.steps span.on{background:linear-gradient(90deg,var(--primary),var(--pink))}.step-title{font-size:27px;text-align:center}.date-row{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:8px}.age-hello{background:#e6fcf5;color:#087f5b;padding:12px 14px;border-radius:14px}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.emoji-grid button{border:0;background:var(--bg);border-radius:12px;font-size:24px;aspect-ratio:1;transition:transform .12s}.emoji-grid button.on{background:var(--primary-soft);box-shadow:inset 0 0 0 3px var(--primary-2);transform:scale(1.08)}.color-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.color-row button{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--line)}.color-row button.on{box-shadow:0 0 0 3px var(--ink)}.tabs{display:flex;gap:6px;background:#fff;padding:6px;border-radius:999px;box-shadow:var(--shadow);overflow-x:auto;scrollbar-width:none}.tabs button{flex:1;border:0;background:none;padding:10px 14px;border-radius:999px;font-weight:800;color:var(--ink-2);white-space:nowrap}.tabs button.on{background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#fff}.user-row{display:flex;align-items:center;gap:14px;padding:14px 16px}.user-row-info{flex:1;display:flex;flex-direction:column;gap:3px;color:var(--ink);min-width:0}.user-row-info small{color:var(--muted)}.user-row-info .age-badge{align-self:flex-start}.user-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.search{font-size:17px;padding:14px 18px;border-radius:999px}.dropzone{padding:26px 20px;text-align:center;border:3px dashed #d0c4ff;display:flex;flex-direction:column;align-items:center;gap:6px;transition:background .2s}.dropzone.drag{background:var(--primary-soft)}.dz-emoji{font-size:46px}.dropzone p{margin:0;font-size:14px}.dz-row{display:flex;gap:10px;width:100%;max-width:520px;margin-top:8px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.g-item{position:relative;border:0;padding:0;border-radius:18px;overflow:hidden;aspect-ratio:1;background:var(--line);box-shadow:var(--shadow);transition:transform .2s}.g-item:hover{transform:translateY(-3px) rotate(-1deg)}.g-item img{width:100%;height:100%;object-fit:cover}.g-tag,.g-status{position:absolute;left:8px;top:8px;background:#ffffffeb;border-radius:999px;font-size:12px;font-weight:800;padding:4px 9px}.g-status{top:auto;bottom:8px;background:#fff4e6;color:#d9480f}.g-status.rejected{background:#fff0f0;color:var(--danger)}.lightbox{position:relative;display:grid;place-items:center;background:#1f1840;border-radius:18px;overflow:hidden}.lightbox img{max-height:65vh;object-fit:contain}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#ffffffd9;width:44px;height:44px;border-radius:50%;font-size:28px;line-height:1}.lb-nav.left{left:10px}.lb-nav.right{right:10px}.lb-actions{margin-top:14px;display:flex;flex-direction:column;gap:6px}.profile-card{overflow:hidden}.cover{height:150px;position:relative;overflow:hidden}.cover-emoji{position:absolute;right:24px;bottom:-20px;font-size:120px;opacity:.35;transform:rotate(-12deg)}.profile-main{padding:0 22px 20px;position:relative}.profile-avatar{margin-top:-58px;position:relative;display:inline-block}.avatar-edit{position:absolute;right:-2px;bottom:-2px;width:38px;height:38px;border-radius:50%;border:3px solid #fff;background:var(--yellow);font-size:17px}.profile-actions{position:absolute;right:18px;top:14px;display:flex;gap:8px;align-items:center}.profile-name{font-size:30px;margin-top:10px}.profile-sub{color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-weight:700}.profile-bio{margin:10px 0 0}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.profile-stats>div{background:var(--bg);border-radius:16px;padding:10px 6px;text-align:center;display:flex;flex-direction:column}.profile-stats b{font-family:var(--font-head);font-size:20px}.profile-stats small{color:var(--muted);font-weight:700}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.badge-card{padding:16px 12px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}.badge-card span{font-size:44px}.badge-card small{color:var(--muted);font-size:12.5px}.badge-card.locked{opacity:.55;filter:grayscale(.8)}.form-card{padding:20px;display:flex;flex-direction:column;gap:14px}.form-card h3{font-size:21px}.form-card .btn{align-self:flex-start}.comments{padding:18px;display:flex;flex-direction:column;gap:12px}.comment{display:flex;gap:10px;align-items:flex-start}.bubble{flex:1;background:var(--bg);border-radius:4px 18px 18px;padding:10px 14px;min-width:0}.bubble-head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.bubble-head a{color:var(--ink)}.bubble-head small{color:var(--muted);font-size:12px}.bubble p{margin:3px 0 0;word-wrap:break-word}.quick-replies{display:flex;gap:6px;flex-wrap:wrap}.comment-form{display:flex;gap:8px;align-items:center}.comment-form .input{border-radius:999px}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.reason{display:flex;align-items:center;gap:8px;text-align:left;border:2px solid var(--line);background:#fff;padding:10px;border-radius:14px;font-weight:700;font-size:14px}.reason span{font-size:20px}.reason.on{border-color:var(--danger);background:#fff5f5}.notif-list{overflow:hidden}.notif{display:flex;gap:14px;align-items:center;padding:14px 18px;color:var(--ink);border-bottom:1px solid var(--line)}.notif:last-child{border-bottom:0}.notif.new{background:#faf8ff}.notif p{margin:0;font-weight:700}.notif small{color:var(--muted)}.notif>div{flex:1}.notif-emoji{font-size:26px;width:46px;height:46px;display:grid;place-items:center;background:var(--bg);border-radius:14px;flex:none}.unread-dot{width:10px;height:10px;border-radius:50%;background:var(--pink)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.game-card{--c: var(--primary);position:relative;overflow:hidden;background:#fff;border-radius:24px;padding:20px;color:var(--ink);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;transition:transform .2s,box-shadow .2s;border-bottom:6px solid var(--c)}.game-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:var(--c);opacity:.12;right:-50px;top:-60px}.game-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:var(--shadow-lg)}.game-emoji{font-size:50px;width:74px;height:74px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 18%,#fff);border-radius:22px}.game-emoji.sm{font-size:30px;width:52px;height:52px;border-radius:16px}.game-skill{color:var(--c);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;filter:brightness(.85)}.game-card h3{font-size:22px}.game-card p{margin:0;color:var(--ink-2);font-size:14.5px;flex:1}.game-foot{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13.5px;color:var(--ink-2);flex-wrap:wrap}.game-foot .play{margin-left:auto;background:var(--c);color:#fff;font-weight:800;padding:6px 14px;border-radius:999px}.hero-link{color:#fff}.game-stage{--c: var(--primary);padding:20px;border-top:6px solid var(--c);min-height:420px}.game-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.game-head small{color:var(--muted);font-weight:700}.game-intro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0}.intro-emoji{font-size:90px;animation:float 3s infinite}.game-intro p{margin:0;font-size:17px;color:var(--ink-2)}.hud{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.hud>div{background:var(--bg);border-radius:14px;padding:6px 14px;text-align:center;min-width:74px}.hud small{display:block;color:var(--muted);font-size:12px;font-weight:700}.hud b{font-family:var(--font-head);font-size:19px}.timebar{height:10px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:16px}.timebar span{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--yellow),var(--pink));transition:width 1s linear}.memory-grid{display:grid;gap:10px;max-width:520px;margin:0 auto;perspective:800px}.mem-card{border:0;padding:0;background:none;aspect-ratio:1}.mem-inner{position:relative;display:block;width:100%;height:100%;transition:transform .4s;transform-style:preserve-3d}.mem-card.shown .mem-inner{transform:rotateY(180deg)}.mem-front,.mem-back{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:16px;backface-visibility:hidden;font-size:clamp(26px,7vw,42px)}.mem-front{background:linear-gradient(135deg,var(--primary-2),var(--pink));color:#fff;box-shadow:var(--shadow)}.mem-back{background:#fff;transform:rotateY(180deg);box-shadow:inset 0 0 0 3px var(--line)}.mem-card.matched .mem-back{background:#e6fcf5;box-shadow:inset 0 0 0 3px #63e6be;animation:popReact .4s}.math-q{font-family:var(--font-head);font-size:clamp(40px,10vw,64px);text-align:center;margin:14px 0 22px;transition:color .2s}.math-q.ok,.stroop-word.ok{animation:popReact .3s}.math-q.no,.stroop-word.no{animation:shake .3s}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:0 auto}.answer{border:0;background:var(--primary-soft);color:var(--primary);font-family:var(--font-head);font-size:32px;font-weight:800;padding:18px;border-radius:20px;transition:transform .1s}.answer:active{transform:scale(.95)}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.word-hint{text-align:center;font-size:18px;font-weight:700;color:var(--ink-2)}.word-slots{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:18px 0}.word-slots.shake{animation:shake .4s}.slot{width:clamp(34px,9vw,50px);height:clamp(42px,11vw,58px);border-bottom:4px solid var(--primary-2);display:grid;place-items:center;font-family:var(--font-head);font-size:clamp(22px,6vw,32px);font-weight:800;background:var(--bg);border-radius:10px 10px 4px 4px}.word-slots.solved .slot{background:#e6fcf5;border-color:var(--mint)}.tiles{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.tile{width:clamp(42px,11vw,56px);height:clamp(42px,11vw,56px);border:0;border-radius:14px;background:linear-gradient(135deg,#ffd43b,#ffa94d);color:#6b3e00;font-family:var(--font-head);font-size:clamp(22px,6vw,30px);font-weight:800;box-shadow:0 4px #e8590c;transition:transform .1s}.tile:active{transform:translateY(3px);box-shadow:0 1px #e8590c}.tile.used{opacity:.25;transform:scale(.85)}.quiz-card{text-align:center;padding:10px 6px 18px;display:flex;flex-direction:column;align-items:center;gap:10px}.quiz-card h2{font-size:clamp(22px,5vw,28px)}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-opt{display:flex;align-items:center;gap:10px;text-align:left;border:2px solid var(--line);background:#fff;padding:14px;border-radius:18px;font-weight:800;font-size:16px;transition:transform .1s}.quiz-opt:hover:not(:disabled){border-color:var(--primary-2);transform:translateY(-2px)}.opt-letter{flex:none;width:32px;height:32px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.quiz-opt.right{border-color:var(--mint);background:#e6fcf5}.quiz-opt.wrong{border-color:var(--danger);background:#fff5f5;animation:shake .3s}.quiz-opt.dim{opacity:.5}.quiz-opt:disabled{cursor:default}.quiz-feedback{margin-top:16px;padding:16px;border-radius:18px;text-align:center;animation:pop .25s}.quiz-feedback.ok{background:#e6fcf5;color:#087f5b}.quiz-feedback.no{background:#fff4e6;color:#d9480f}.quiz-feedback b{font-size:20px;font-family:var(--font-head)}.quiz-feedback p{color:var(--ink-2);margin:6px 0 12px}.stroop-word{font-family:var(--font-head);font-size:clamp(46px,12vw,76px);font-weight:800;text-align:center;margin:14px 0 24px;letter-spacing:2px}.color-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;max-width:520px;margin:0 auto}.color-btn{border:0;color:#fff;font-weight:800;padding:16px;border-radius:18px;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 4px #00000026}.color-btn:active{transform:translateY(3px);box-shadow:none}.seq-msg{font-weight:800;font-size:19px}.simon{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:360px;margin:10px auto}.pad{--c: red;aspect-ratio:1;border:0;border-radius:30px;background:var(--c);opacity:.55;font-size:46px;transition:opacity .1s,transform .1s;box-shadow:0 6px #00000026}.pad.lit{opacity:1;transform:scale(1.06);box-shadow:0 0 40px var(--c)}.pad:disabled{cursor:default;opacity:.55}.pad.lit:disabled{opacity:1}.emotion-story .story-emoji{font-size:44px}.emotion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.emotion{border:2px solid var(--line);background:#fff;border-radius:20px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:800}.emotion span{font-size:46px}.emotion.right{border-color:var(--mint);background:#e6fcf5}.emotion.wrong{border-color:var(--danger);background:#fff5f5}.emotion.dim{opacity:.45}.breath-stage{height:280px;display:grid;place-items:center}.balloon{width:120px;height:140px;border-radius:50% 50% 48% 48%;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 6%,#74c0fc 8%,#4dabf7 60%,#339af0);display:grid;place-items:center;color:#fff;font-family:var(--font-head);font-size:40px;font-weight:800;transition-property:transform;transition-timing-function:ease-in-out;transform:scale(.8);position:relative}.balloon:after{content:"";position:absolute;bottom:-40px;left:50%;width:2px;height:40px;background:#adb5bd}.balloon.in,.balloon.hold{transform:scale(1.7)}.balloon.out,.balloon.rest{transform:scale(.8)}.breath-label{font-size:30px}.breath-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.breath-dots span{width:14px;height:14px;border-radius:50%;background:var(--line)}.breath-dots span.on{background:var(--mint)}.breath-dots span.cur{background:var(--sky);animation:bounce 1s infinite}.game-result{text-align:center;position:relative;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden}.result-emoji{font-size:84px;animation:popReact .8s}.result-score{font-family:var(--font-head);font-size:64px;font-weight:800;color:var(--primary);line-height:1}.result-score small{display:block;font-size:15px;color:var(--muted)}.result-points{font-weight:800;font-size:19px;color:#e8590c;background:#fff4e6;padding:8px 18px;border-radius:999px}.confetti span{position:absolute;top:-30px;left:calc(var(--i) * 17% + 4%);font-size:30px;animation:fall 2.2s calc(var(--i) * .15s) ease-in forwards}@keyframes fall{to{transform:translateY(460px) rotate(360deg);opacity:0}}.level-seg button{font-size:14px;padding:8px 14px}.podium{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-top:10px}.podium-step{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink);flex:1;max-width:170px;text-align:center}.podium-step b{font-size:15px}.podium-step small{color:var(--muted);font-weight:800}.medal{font-size:32px}.step-block{width:100%;border-radius:18px 18px 6px 6px;display:grid;place-items:center;font-family:var(--font-head);font-size:34px;font-weight:800;color:#fff;margin-top:6px}.p1 .step-block{height:120px;background:linear-gradient(180deg,#ffd43b,#fab005)}.p2 .step-block{height:90px;background:linear-gradient(180deg,#ced4da,#adb5bd)}.p3 .step-block{height:70px;background:linear-gradient(180deg,#ffc078,#fd7e14)}.rank-list{overflow:hidden}.rank-row{display:flex;align-items:center;gap:12px;padding:12px 18px;color:var(--ink);border-bottom:1px solid var(--line)}.rank-row.me{background:var(--primary-soft)}.rank-row .pts{margin-left:auto;font-weight:800}.next-badge{display:flex;gap:14px;align-items:center;padding:16px}.next-badge>span{font-size:46px}.next-badge>div{flex:1;display:flex;flex-direction:column;gap:6px}.progress{height:12px;background:var(--line);border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--pink));border-radius:999px}.break-box{text-align:center}.break-emoji{font-size:70px}@media (max-width: 1180px){.page-grid{grid-template-columns:minmax(0,1fr)}.right-col{position:static;display:none}}@media (max-width: 900px){.sidebar{display:none}.main{margin:0 auto;max-width:700px;padding:14px 12px calc(96px + var(--safe-bottom))}.topbar{padding:0 14px}.topbar-avatar{display:block}.brand{font-size:21px}.brand img{width:34px;height:34px}.narrow,.narrow.wide-ok{max-width:none}.bottom-nav{display:flex;position:fixed;z-index:120;left:10px;right:10px;bottom:calc(10px + var(--safe-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:26px;box-shadow:var(--shadow-lg);justify-content:space-around;align-items:center;padding:6px 4px}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 10px;border-radius:16px;color:var(--muted);min-width:60px}.bottom-nav a span{font-size:23px;transition:transform .2s}.bottom-nav a small{font-size:11px;font-weight:800}.bottom-nav a.active{color:var(--primary);background:var(--primary-soft)}.bottom-nav a.active span{transform:translateY(-2px) scale(1.12)}.fab{width:58px;height:58px;border-radius:50%;border:4px solid #fff;background:linear-gradient(135deg,var(--primary-2),var(--pink));color:#fff;font-size:30px;font-weight:800;margin-top:-30px;box-shadow:0 10px 24px #7c5cff73}}@media (max-width: 560px){body{font-size:15.5px}.topbar-actions .chip-admin{display:none}.hero{padding:20px 18px;border-radius:24px}.hero h1{font-size:28px}.hero-stats{width:100%}.hero-stats>*{flex:1;min-width:0;padding:8px}.page-title{font-size:28px}.post{padding:14px;border-radius:20px}.post-text-big{font-size:21px;min-height:150px}.react{padding:5px 8px;font-size:17px}.comment-link span{display:none}.modal-backdrop{place-items:end center;padding:0}.modal{width:100%;border-radius:26px 26px 0 0;max-height:92vh;padding-bottom:var(--safe-bottom);animation:slideUp .3s cubic-bezier(.2,1,.4,1)}.profile-actions{position:static;margin-top:10px;justify-content:flex-start;flex-wrap:wrap}.profile-stats{grid-template-columns:repeat(2,1fr)}.cover{height:120px}.quiz-options,.reason-grid{grid-template-columns:1fr}.dz-row{flex-direction:column}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:6px}.g-item{border-radius:12px}.user-row{flex-wrap:wrap}.user-row-actions{width:100%;justify-content:flex-start;padding-left:66px}.auth-card{padding:24px 18px;border-radius:26px}.tabs button{padding:9px 12px;font-size:14px}.game-stage{padding:14px}.qc-icons{display:none}}@keyframes slideUp{0%{transform:translateY(100%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.mp-section{margin:20px 0 8px}.mp-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:12px}.mp-title h2{margin:0}.mp-title p{margin:2px 0 0}.mp-stats{display:flex;gap:8px}.mp-stats span{background:#fff;box-shadow:var(--shadow);padding:6px 12px;border-radius:999px;font-weight:800}.mp-card{border:0;text-align:left;font:inherit;cursor:pointer}.match-row{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-top:10px;color:var(--ink);text-decoration:none;transition:transform .15s}.match-row:hover{transform:translate(3px)}.match-row.hot{box-shadow:0 0 0 3px var(--primary-2),var(--shadow)}.match-row.small{padding:8px 4px;margin:0;border-bottom:1px solid var(--line)}.match-row .game-emoji.sm{font-size:22px;width:40px;height:40px;border-radius:12px}.play-arrow{font-size:26px;color:var(--muted)}.recent-matches{margin-top:14px;background:#fff;border-radius:var(--radius-sm);padding:10px 14px;box-shadow:var(--shadow)}.recent-matches summary{cursor:pointer;font-weight:800;color:var(--ink-2)}.invite-friends{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto}.invite-friend{border:0;background:var(--bg);border-radius:14px;padding:8px 12px;font:inherit;text-align:left;cursor:pointer}.invite-friend:hover{background:var(--primary-soft)}.invite-games{display:flex;flex-direction:column;gap:14px}.mp-pick{display:flex;flex-direction:column;gap:8px}.mp-pick-item{display:flex;gap:12px;align-items:center;text-align:left;border:2px solid var(--line);background:#fff;border-radius:16px;padding:10px;font:inherit;cursor:pointer}.mp-pick-item small{display:block;color:var(--muted)}.mp-pick-item.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 8%,#fff)}.vs{display:flex;align-items:center;justify-content:center;gap:18px;margin:4px 0 10px}.vs-player{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:18px;min-width:100px;transition:background .2s}.vs-player.turn{background:color-mix(in srgb,var(--c) 14%,#fff);box-shadow:0 0 0 2px var(--c)}.vs-player b{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-x{font-family:var(--font-head);font-weight:800;font-size:22px;color:var(--muted)}.match-status{text-align:center;font-weight:800;font-size:18px;margin:4px 0 12px}.match-status.win{color:#0ca678;font-size:24px}.match-status.lose{color:#e8590c}.match-score{text-align:center;font-family:var(--font-head);font-size:40px;font-weight:800;margin:0;color:var(--primary)}.game-stage .result-points{display:block;width:fit-content;margin:0 auto 12px}.xox{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(320px,100%);margin:0 auto}.xox-cell{aspect-ratio:1;border:0;border-radius:18px;background:var(--bg);font-size:clamp(36px,12vw,56px);display:grid;place-items:center;transition:transform .1s,background .2s}.xox-cell:not(:disabled):hover{background:var(--primary-soft);transform:scale(1.04);cursor:pointer}.xox-cell:disabled{cursor:default;color:inherit}.xox-cell.win{background:#d3f9d8;animation:pop .3s}.c4{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:#3b5bdb;padding:8px;border-radius:18px;width:min(440px,100%);margin:0 auto}.c4-col{border:0;background:none;padding:0;display:flex;flex-direction:column;gap:4px;border-radius:10px}.c4-col:not(:disabled){cursor:pointer}.c4-col:not(:disabled):hover{background:#ffffff26}.c4-cell{aspect-ratio:1;border-radius:50%;background:#fff;display:block;box-shadow:inset 0 3px 6px #0003}.c4-cell.p1,.c4-dot.p1{background:#fa5252}.c4-cell.p2,.c4-dot.p2{background:#fcc419}.c4-cell.last{animation:drop .35s ease-in}.c4-cell.win{box-shadow:0 0 0 3px #fff,0 0 12px 4px #b2f2bb}.c4-dot{display:inline-block;width:18px;height:18px;border-radius:50%;vertical-align:middle}@keyframes drop{0%{transform:translateY(-200px)}}.duel-summary{display:flex;flex-direction:column;gap:6px}.duel-row{display:flex;gap:10px;align-items:center;background:var(--bg);padding:8px 12px;border-radius:12px;font-size:14.5px}.duel-row span:first-child{flex:1}.tip-card{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#e6fcf5,#e7f5ff);color:var(--ink);text-align:left}.tip-emoji{font-size:30px;line-height:1}.tip-card b{color:#087f5b}.tip-card p{margin:2px 0 0;font-size:14.5px;color:var(--ink-2)}.fq{display:flex;flex-direction:column;gap:12px}.fq-head{display:flex;gap:12px;align-items:center;background:var(--primary-soft);padding:12px;border-radius:16px}.fq-head p{margin:0;font-weight:700}.fq-dots{display:flex;gap:6px;justify-content:center}.fq-dots span{width:34px;height:8px;border-radius:999px;background:var(--line)}.fq-dots span.on{background:var(--primary-2)}.fq-dots span.done{background:var(--mint)}.fq .chip{align-self:center}.fq-q{text-align:center;margin:0;font-size:20px}.fq-result{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0}.fq-result p{font-weight:700;margin:0}.poll{display:flex;flex-direction:column;gap:8px;padding:4px 0 12px}.poll-opt{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;border:2px solid var(--line);background:#fff;border-radius:14px;padding:10px 14px;font:inherit;font-weight:700;text-align:left;cursor:pointer}.poll-opt:hover:not(:disabled){border-color:var(--primary-2)}.poll-opt.mine{border-color:var(--primary)}.poll-bar{position:absolute;inset:0 auto 0 0;background:var(--primary-soft);transition:width .4s}.poll-label,.poll-opt b{position:relative}.poll-label{flex:1}.poll-edit{display:flex;flex-direction:column;gap:8px;margin:10px 0}.poll-edit-row{display:flex;gap:6px;align-items:center}.poll-edit-row .input{flex:1}@media (max-width: 560px){.vs{gap:8px}.vs-player{min-width:0;padding:8px}}.ai-badge{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:800;letter-spacing:.3px;padding:2px 8px;border-radius:999px;background:#e7f5ff;color:#1971c2;border:1px solid #a5d8ff;vertical-align:middle;white-space:nowrap}.ai-note{display:flex;gap:10px;align-items:flex-start;background:#e7f5ff;color:#1864ab;border-radius:16px;padding:12px 14px;margin-top:12px;font-size:14.5px}.ai-note b{display:block}.landing{overflow-x:hidden}.l-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px max(16px,calc((100% - 1160px)/2));background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}.l-links{display:flex;gap:22px;margin-left:auto}.l-links a{color:var(--ink-2);font-weight:800}.l-links a:hover{color:var(--primary)}.l-nav-cta{display:flex;gap:8px}.l-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;max-width:1160px;margin:0 auto;padding:64px 16px 56px}.l-hero .floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;z-index:-1}.l-pill{display:inline-block;background:#fff;box-shadow:var(--shadow);padding:6px 14px;border-radius:999px;font-weight:800;font-size:14px;color:var(--primary)}.l-hero h1{font-size:clamp(36px,6vw,62px);line-height:1.05;margin:18px 0 14px}.l-grad{background:linear-gradient(90deg,var(--primary),var(--pink),#ff922b);-webkit-background-clip:text;background-clip:text;color:transparent}.l-hero-text>p{font-size:19px;color:var(--ink-2);max-width:560px;margin:0 0 22px}.l-cta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.l-hero-art{position:relative;min-height:420px}.l-post{position:absolute;width:min(330px,92%);padding:14px;animation:float 6s ease-in-out infinite;animation-delay:calc(var(--i) * -2s)}.l-post:nth-child(1){top:0;left:0;rotate:-4deg}.l-post:nth-child(2){top:140px;right:0;rotate:3deg;z-index:2}.l-post:nth-child(3){top:290px;left:8%;rotate:-1deg}.l-post-head{display:flex;align-items:center;gap:8px}.l-post p{margin:10px 0;font-weight:700;line-height:1.45}.l-post-big{padding:18px 14px;border-radius:14px;color:var(--ink);font-size:17px}.l-post-r{display:flex;gap:6px}.l-post-r span{background:var(--bg);padding:3px 10px;border-radius:999px;font-size:13px;font-weight:800}.l-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1000px;margin:0 auto;padding:0 16px}.l-stat{background:#fff;box-shadow:var(--shadow);border-radius:var(--radius);padding:18px;text-align:center}.l-stat b{display:block;font-family:var(--font-head);font-size:34px;color:var(--primary);line-height:1.1}.l-stat small{color:var(--muted);font-weight:700}.l-section{max-width:1160px;margin:0 auto;padding:64px 16px 0;scroll-margin-top:70px}.l-section h2{font-size:clamp(26px,4vw,38px);text-align:center;margin:0 0 8px}.l-sub{text-align:center;color:var(--ink-2);font-size:17px;max-width:640px;margin:0 auto 26px}.l-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.l-feature{padding:22px;transition:transform .2s}.l-feature:hover{transform:translateY(-4px)}.l-feature h3{margin:10px 0 6px}.l-feature p{margin:0;color:var(--ink-2)}.l-icon{font-size:34px;width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:var(--primary-soft)}.l-group-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.l-group{background:color-mix(in srgb,var(--c) 14%,#fff);border:2px solid color-mix(in srgb,var(--c) 40%,#fff);border-radius:var(--radius);padding:18px;text-align:center}.l-group span{font-size:40px}.l-group b{display:block;font-family:var(--font-head);font-size:22px}.l-group small{font-weight:800;color:var(--ink-2)}.l-group p{margin:6px 0 0;font-size:14px;color:var(--ink-2)}.l-safety .l-grid{gap:12px 24px}.l-safe{display:flex;gap:12px;align-items:flex-start}.l-safe>span{font-size:26px;flex:none;width:48px;height:48px;display:grid;place-items:center;background:#e6fcf5;border-radius:14px}.l-safe p{margin:2px 0 0;color:var(--ink-2);font-size:15px}.l-parents{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:64px;padding:28px}.l-parents h2{text-align:left}.l-parents ul{padding-left:18px;margin:12px 0 0;display:flex;flex-direction:column;gap:10px;color:var(--ink-2)}.l-faq details{border-bottom:1px solid var(--line);padding:12px 0}.l-faq summary{cursor:pointer;font-weight:800}.l-faq p{margin:8px 0 0;color:var(--ink-2)}.l-final{text-align:center;margin:64px auto 0;padding:48px 16px;max-width:1160px;border-radius:28px;background:linear-gradient(135deg,#a18cd1,#fbc2eb 60%,#fad0c4)}.l-final h2{font-size:clamp(28px,4vw,40px);margin:0}.l-final p{font-size:18px;color:var(--ink-2)}.l-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;max-width:1160px;margin:0 auto;padding:28px 16px 36px;color:var(--muted);font-weight:700}@media (max-width: 900px){.l-links{display:none}.l-nav-cta{margin-left:auto}.l-hero{grid-template-columns:1fr;padding-top:36px}.l-hero-art{min-height:380px}.l-grid,.l-group-row,.l-stats{grid-template-columns:1fr 1fr}.l-parents{grid-template-columns:1fr}}@media (max-width: 560px){.l-nav .brand span{display:none}.l-grid{grid-template-columns:1fr}.l-post:nth-child(2){top:130px}.l-post:nth-child(3){top:260px}}.invite-pop{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.invite-pop p{margin:0;font-size:18px}.invite-pop-art{position:relative;animation:bounce 1.2s ease-in-out 2}.invite-pop-vs{position:absolute;right:-14px;bottom:-6px;font-size:30px;background:#fff;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;box-shadow:var(--shadow)}.invite-pop .row-center{margin-top:4px}.invite-pop-later{border:0;color:var(--muted)}.sea-boards{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;align-items:start}.sea-setup{display:flex;flex-direction:column;align-items:center;gap:6px}.sea-setup .sea-wrap{width:min(340px,100%)}.sea-wrap{display:flex;flex-direction:column;gap:6px}.sea-label{font-weight:800;color:var(--ink-2);text-align:center}.sea{display:grid;gap:3px;background:#1c7ed6;padding:6px;border-radius:14px}.sea-cell{aspect-ratio:1;border:0;border-radius:5px;background:#d0ebff;font-size:clamp(10px,2.6vw,16px);display:grid;place-items:center;padding:0;color:#1864ab}.sea-cell:not(:disabled){cursor:crosshair}.sea-cell:not(:disabled):hover{background:#fff3bf;transform:scale(1.08)}.sea-cell.ship{background:#868e96}.sea-cell.hit{background:#ffc9c9}.sea-cell.ship.hit{background:#fa5252}.sea-cell.sunk{background:#c92a2a!important}.sea-cell.miss{background:#e7f5ff;color:#74c0fc}.sea-cell.last{box-shadow:0 0 0 3px #ffd43b;animation:pop .3s}.sea-news{font-weight:800;font-size:17px;margin:0 0 8px}.db-grid{display:grid;width:min(380px,100%);aspect-ratio:1;margin:6px auto 0}.db-dot{width:14px;height:14px;border-radius:50%;background:var(--ink);align-self:center;justify-self:center;z-index:1}.db-edge{border:0;padding:0;background:transparent;position:relative}.db-edge:after{content:"";position:absolute;border-radius:4px;background:var(--line);transition:background .15s}.db-edge.hz:after{left:-2px;right:-2px;top:50%;height:6px;transform:translateY(-50%)}.db-edge.vt:after{top:-2px;bottom:-2px;left:50%;width:6px;transform:translate(-50%)}.db-edge:not(:disabled){cursor:pointer}.db-edge:not(:disabled):hover:after{background:#a5d8ff}.db-edge.me:after{background:#1c7ed6}.db-edge.them:after{background:#f03e3e}.db-edge.last:after{box-shadow:0 0 0 3px #ffe066}.db-box{display:grid;place-items:center;font-size:clamp(16px,5vw,26px);border-radius:6px;margin:4px}.db-box.me{background:#d0ebff;color:#1c7ed6;animation:pop .3s}.db-box.them{background:#ffe3e3;color:#f03e3e;animation:pop .3s}.db-chip{display:inline-block;width:26px;height:7px;border-radius:4px;vertical-align:middle}.db-chip.me{background:#1c7ed6}.db-chip.them{background:#f03e3e}.db-me-text{color:#1c7ed6}.memory-grid.duel{max-width:420px;margin:0 auto}.mem-card.matched.by-me .mem-back{background:#d0ebff;box-shadow:inset 0 0 0 3px #1c7ed6}.mem-card.matched.by-them .mem-back{background:#ffe3e3;box-shadow:inset 0 0 0 3px #f03e3e}.mem-card.peek{opacity:.75}.rps-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:460px;margin:8px auto 0}.rps-btn{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--line);background:#fff;border-radius:20px;padding:16px 8px;font:inherit;font-weight:800;transition:transform .12s}.rps-btn span{font-size:clamp(40px,11vw,60px);line-height:1}.rps-btn:not(:disabled):hover{transform:translateY(-4px) rotate(-3deg);border-color:var(--primary-2);cursor:pointer}.rps-btn.on{border-color:var(--primary);background:var(--primary-soft)}.rps-btn:disabled:not(.on){opacity:.45}.rps-last{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px;border-radius:18px;margin:4px 0 10px;animation:pop .3s}.rps-last span{font-size:44px}.rps-last.win{background:#e6fcf5;color:#087f5b}.rps-last.lose{background:#fff4e6;color:#d9480f}.rps-last.draw{background:var(--bg)}.rps-history{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}.rps-history span{padding:4px 10px;border-radius:999px;background:var(--bg);font-size:14px}.rps-history .win{background:#e6fcf5}.rps-history .lose{background:#fff4e6}@media (max-width: 640px){.sea-boards{grid-template-columns:1fr}}.sponsored-slot:not(.mk-ad-filled){display:none}.sponsored-slot.feed-ad{margin:4px 0}.sponsored-slot.games-ad{margin:28px auto 0;max-width:560px}