:root{color-scheme:light;--bg: #f3f6fa;--bg-soft: #e8eef6;--ink: #172033;--muted: #445468;--accent: #0a7396;--accent-dim: #0b6484;--accent-glow: rgba(10, 115, 150, .18);--purple: #5340c7;--danger: #c4334a;--surface: #ffffff;--surface-solid: #ffffff;--line: rgba(23, 32, 51, .12);--line-strong: rgba(10, 115, 150, .35);--on-accent: #ffffff;--link-hover: #085a76;--focus-ring: rgba(10, 115, 150, .3);--fill-subtle: rgba(23, 32, 51, .045);--fill-hover: rgba(10, 115, 150, .08);--tag-focus-bg: rgba(83, 64, 199, .1);--tag-focus-ink: #4332a8;--chip-bg: rgba(10, 115, 150, .12);--chip-level-bg: rgba(83, 64, 199, .12);--chip-level-ink: #4332a8;--preview-lede: #445468;--poster-1: #dceaf4;--poster-2: #eef4fa;--poster-3: #e4edf6;--poster-overlay: linear-gradient(180deg, rgba(255, 255, 255, .2) 8%, rgba(243, 246, 250, .9) 100%);--cover-top: rgba(243, 246, 250, .72);--cover-bottom: #f3f6fa;--cover-bottom-soft: rgba(243, 246, 250, .94);--cover-side: #f3f6fa;--frame-bg: #e8eef6;--comment-bg: rgba(23, 32, 51, .035);--danger-bg: rgba(196, 51, 74, .08);--danger-line: rgba(196, 51, 74, .32);--shadow-menu: 0 12px 32px rgba(23, 32, 51, .14);--logo-glow: rgba(10, 115, 150, .16);--bg-glow-1: rgba(10, 115, 150, .08);--bg-glow-2: rgba(83, 64, 199, .05);--page-gradient: linear-gradient(180deg, #f7f9fc 0%, #eef3f8 48%, #e8eef5 100%);--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--pad: 1.5rem;--pad-lg: 2.5rem;--control-h: 2.25rem;--font-display: "Sora", "Source Sans 3", system-ui, sans-serif;--font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;--space-page: clamp(1.5rem, 4vw, 3.25rem);--shadow-glow: 0 8px 28px rgba(23, 32, 51, .08)}html[data-theme=dark]{color-scheme:dark;--bg: #050810;--bg-soft: #0a1020;--ink: #e8f4ff;--muted: #9aabc2;--accent: #00d4ff;--accent-dim: #0099bb;--accent-glow: rgba(0, 212, 255, .35);--purple: #7b5cff;--danger: #ff4d6d;--surface: rgba(12, 18, 32, .88);--surface-solid: #0c1220;--line: rgba(0, 212, 255, .14);--line-strong: rgba(0, 212, 255, .28);--on-accent: #041018;--link-hover: #66e8ff;--focus-ring: rgba(0, 212, 255, .28);--fill-subtle: rgba(255, 255, 255, .04);--fill-hover: rgba(0, 212, 255, .08);--tag-focus-bg: rgba(123, 92, 255, .12);--tag-focus-ink: #c8bcff;--chip-bg: rgba(0, 212, 255, .14);--chip-level-bg: rgba(123, 92, 255, .18);--chip-level-ink: #c8bcff;--preview-lede: #9eb4d0;--poster-1: #141d30;--poster-2: #0a1220;--poster-3: #070c16;--poster-overlay: linear-gradient(180deg, rgba(5, 8, 16, .08) 10%, rgba(5, 8, 16, .72) 100%);--cover-top: rgba(5, 8, 16, .55);--cover-bottom: #050810;--cover-bottom-soft: rgba(5, 8, 16, .92);--cover-side: #050810;--frame-bg: #0c1220;--comment-bg: rgba(0, 0, 0, .2);--danger-bg: rgba(255, 77, 109, .08);--danger-line: rgba(255, 77, 109, .35);--shadow-menu: 0 12px 32px rgba(0, 0, 0, .45);--logo-glow: rgba(0, 212, 255, .2);--bg-glow-1: rgba(0, 212, 255, .08);--bg-glow-2: rgba(123, 92, 255, .06);--page-gradient: linear-gradient(180deg, #050810 0%, #0a1020 50%, #060a14 100%);--shadow-glow: 0 0 24px rgba(0, 212, 255, .12)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.65;letter-spacing:.01em;overflow-x:hidden;background:radial-gradient(ellipse 80% 50% at 50% -10%,var(--bg-glow-1),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,var(--bg-glow-2),transparent),var(--page-gradient);background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:var(--focus-ring)}body.nav-open{overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--link-hover)}button,input,select,textarea{font:inherit;color:inherit}.app-shell{max-width:1080px;margin:0 auto;padding:var(--space-page) max(var(--space-page),env(safe-area-inset-right)) max(calc(var(--space-page) + 2rem),env(safe-area-inset-bottom)) max(var(--space-page),env(safe-area-inset-left))}.app-loading{min-height:40vh;display:flex;align-items:center;justify-content:center}.mission{margin:0 0 1.75rem;padding:1.1rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-glow);animation:rise .45s ease both}.mission p{margin:0;color:var(--muted);font-size:1.02rem;line-height:1.55;max-width:52rem}.guest-note{margin:0;color:var(--muted);font-size:.92rem}.topnav{margin-bottom:.75rem;padding:.5rem 0 1rem;border-bottom:1px solid var(--line);animation:rise .5s ease both}.topnav-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.nav-toggle{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--fill-subtle);color:var(--ink);cursor:pointer;flex-shrink:0}.nav-toggle-icon,.nav-toggle-icon:before,.nav-toggle-icon:after{display:block;width:1.1rem;height:2px;border-radius:1px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.nav-toggle-icon{position:relative}.nav-toggle-icon:before,.nav-toggle-icon:after{content:"";position:absolute;left:0}.nav-toggle-icon:before{top:-.35rem}.nav-toggle-icon:after{top:.35rem}.nav-toggle[aria-expanded=true] .nav-toggle-icon{background:transparent}.nav-toggle[aria-expanded=true] .nav-toggle-icon:before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-icon:after{top:0;transform:rotate(-45deg)}.brand{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none}.brand:hover{color:var(--ink)}.brand-logo{display:inline-flex;align-items:center;gap:.65rem}.brand-logo-icon{width:36px;height:36px;border-radius:10px;object-fit:cover;box-shadow:0 0 16px var(--logo-glow)}.brand-logo-text{font-family:var(--font-display);font-size:1.08rem;font-weight:700;letter-spacing:.01em;line-height:1.15}.platform-cover{position:relative;margin:0 calc(-1 * var(--space-page)) 1.75rem;overflow:hidden;animation:rise .45s ease both}.platform-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--cover-top) 0%,transparent 22%),linear-gradient(0deg,var(--cover-bottom) 0%,var(--cover-bottom-soft) 12%,transparent 48%),linear-gradient(90deg,var(--cover-side) 0%,transparent 10%,transparent 90%,var(--cover-side) 100%)}.platform-cover img{display:block;width:100%;height:auto;aspect-ratio:8 / 3;object-fit:cover;object-position:center top;mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%)}.auth-brand{display:grid;gap:.75rem}.auth-brand-logo .brand-logo-icon{width:56px;height:56px;border-radius:14px}.auth-brand-logo .brand-logo-text{font-size:clamp(1.6rem,5vw,2.4rem)}.brand-hero{font-family:var(--font-display);font-size:clamp(2.6rem,7vw,4.2rem);font-weight:700;letter-spacing:-.02em;line-height:.95;margin:0}.nav-links{display:flex;flex:1;min-width:0;flex-wrap:wrap;gap:.25rem 1.1rem;align-items:center;color:var(--muted);font-size:.92rem}.nav-pages{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;align-items:center}.nav-end{display:inline-flex;align-items:center;gap:.65rem;margin-left:auto;flex-shrink:0}.nav-links a:not(.btn){padding:.4rem 0;border-bottom:2px solid transparent;color:var(--muted);transition:color .2s ease,border-color .2s ease}.nav-links a:not(.btn).active,.nav-links a:not(.btn):hover{color:var(--accent);border-bottom-color:var(--accent)}.nav-user,.nav-auth{display:inline-flex;align-items:center;gap:.5rem;padding-left:.85rem;margin-left:.15rem;border-left:1px solid var(--line)}.nav-auth a.btn,.nav-user .btn{text-decoration:none}.nav-user-meta{display:grid;gap:.1rem;line-height:1.2;font-size:.88rem;color:var(--ink)}.nav-user-role{font-size:.75rem;color:var(--muted);text-transform:capitalize}.lang-select{display:inline-flex;align-items:center;gap:.45rem;margin:0}.lang-select-label{font-size:.75rem;color:var(--muted);white-space:nowrap}.lang-select select,.auth-lang-select select{min-height:2rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-solid);color:var(--ink);padding:.3rem 1.75rem .3rem .55rem;font-size:.82rem;cursor:pointer}.lang-select select:focus,.auth-lang-select select:focus{outline:2px solid var(--focus-ring);border-color:var(--accent)}.auth-lang-select{justify-self:end}.auth-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem 1rem}.theme-toggle{display:inline-flex;align-items:center;padding:.15rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-solid);gap:0}.theme-toggle button{display:inline-flex;align-items:center;gap:.35rem;min-height:1.85rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);padding:.2rem .7rem;font-size:.82rem;font-weight:600;cursor:pointer;line-height:1}.theme-toggle button:hover{color:var(--ink)}.theme-toggle button.active{background:var(--fill-hover);color:var(--accent)}.hero{display:grid;gap:.85rem;padding:.5rem 0 2rem;animation:rise .55s ease both}.hero h1{font-family:var(--font-display);font-size:clamp(1.75rem,3.6vw,2.35rem);letter-spacing:-.03em;line-height:1.2;margin:0;font-weight:700}.hero p{margin:0;color:var(--muted);max-width:40rem;font-size:1.08rem;line-height:1.6}.auth-layout{min-height:100vh;display:grid;align-content:center;max-width:520px;margin:0 auto;padding:var(--space-page);gap:2.25rem;animation:rise .55s ease both}.auth-layout .lede{color:var(--muted);margin:.75rem 0 0;max-width:28rem;font-size:1.05rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.35rem,3vw,2rem);box-shadow:var(--shadow-glow);animation:rise .45s ease both}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.preview-card-section{margin:0 0 1.5rem}.preview-card-section>h2{font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.02em;margin:0 0 .9rem}.game-tile{display:flex;flex-direction:column;gap:0;padding:0;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);overflow:hidden;min-height:11rem;transition:border-color .2s ease,box-shadow .2s ease}.game-tile-body{display:flex;flex-direction:column;gap:.65rem;padding:.9rem 1.1rem 1.05rem;flex:1}.game-tile-body .social{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--line)}.continue-tile-body{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.continue-tile-body .meta{margin:0}.continue-tile-body .btn{flex-shrink:0}.game-preview{--orb-x: 85%;--orb-y: 8%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.4rem;aspect-ratio:16 / 10;min-height:11rem;padding:.9rem 1rem .85rem;text-decoration:none;color:var(--ink);overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line);background:radial-gradient(ellipse 90% 80% at var(--orb-x) var(--orb-y),var(--poster-glow, var(--accent-glow)),transparent 58%),linear-gradient(165deg,var(--poster-1) 0%,var(--poster-2) 52%,var(--poster-3) 100%)}.game-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--poster-overlay);z-index:0;pointer-events:none}.game-preview>*{position:relative;z-index:1}.game-preview.topic-ai{--poster-glow: rgba(10, 115, 150, .28)}.game-preview.topic-physics{--poster-glow: rgba(83, 64, 199, .28)}.game-preview.topic-math{--poster-glow: rgba(26, 140, 92, .24)}html[data-theme=dark] .game-preview.topic-ai{--poster-glow: rgba(0, 212, 255, .28)}html[data-theme=dark] .game-preview.topic-physics{--poster-glow: rgba(123, 92, 255, .32)}html[data-theme=dark] .game-preview.topic-math{--poster-glow: rgba(62, 200, 136, .26)}.game-preview-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:auto}.game-preview-brand{font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.game-preview-play{width:1.85rem;height:1.85rem;border-radius:50%;display:grid;place-items:center;background:var(--chip-bg);color:var(--accent);flex-shrink:0;transition:background .2s ease,color .2s ease,transform .2s ease}.game-preview-title{font-family:var(--font-display);margin:0;font-size:1.12rem;letter-spacing:-.02em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-preview-lede{margin:0;color:var(--preview-lede);font-size:.92rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-preview-meta{display:flex;flex-wrap:wrap;gap:.35rem}.game-preview-chip{font-size:.74rem;font-weight:600;letter-spacing:.01em;padding:.16rem .5rem;border-radius:var(--radius-pill);background:var(--chip-bg);color:var(--accent)}.game-preview-chip.level{background:var(--chip-level-bg);color:var(--chip-level-ink)}.game-preview-chip.progress{background:var(--fill-subtle);color:var(--ink)}.game-preview-bar{display:block;height:3px;margin-top:.15rem;border-radius:99px;background:var(--fill-subtle);overflow:hidden}.game-preview-bar>span{display:block;height:100%;background:var(--accent)}.game-preview:hover,.game-preview:focus-visible{color:var(--ink)}.game-preview:hover .game-preview-play,.game-preview:focus-visible .game-preview-play{background:var(--accent);color:var(--on-accent);transform:scale(1.06)}.game-tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow-glow)}.game-tile h3{font-family:var(--font-display);margin:0;font-size:1.05rem;letter-spacing:-.02em;line-height:1.3}.meta{color:var(--muted);font-size:.92rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.tag{font-size:.78rem;padding:.28rem .55rem;border-radius:6px;background:var(--fill-subtle);color:var(--muted);border:1px solid var(--line)}.tag.topic{background:var(--chip-bg);color:var(--accent);font-weight:600;border-color:var(--line-strong)}.tag.focus{background:var(--tag-focus-bg);color:var(--tag-focus-ink);border-color:transparent}.topic-tabs{display:inline-flex;flex-wrap:wrap;gap:.15rem;margin-bottom:1rem;padding:.2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.topic-tab{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:.45rem .9rem;cursor:pointer;font:inherit;font-family:var(--font-body);font-size:.92rem;font-weight:600;letter-spacing:.01em;transition:background .15s ease,color .15s ease}.topic-tab:hover{color:var(--ink);background:var(--fill-subtle)}.topic-tab.active{background:var(--fill-hover);color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--control-h);border:1px solid var(--line-strong);background:var(--surface-solid);color:var(--ink);border-radius:var(--radius-sm);padding:.45rem 1rem;cursor:pointer;font-size:.9rem;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:hover{background:var(--fill-hover);border-color:var(--accent);color:var(--ink)}.btn-sm{min-height:2rem;padding:.35rem .8rem;font-size:.84rem}.btn.secondary{background:transparent;border-color:var(--line-strong);color:var(--muted)}.btn.secondary:hover{color:var(--ink);border-color:var(--accent);background:var(--fill-subtle)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.accent:hover{background:var(--accent-dim);border-color:var(--accent-dim);color:var(--on-accent)}.btn.danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.btn.danger:hover{background:var(--danger);color:#fff}.btn:disabled{opacity:.45;cursor:default}.form{display:grid;gap:1.1rem;max-width:100%}.form label{display:grid;gap:.45rem;font-size:.92rem;color:var(--muted)}.form input,.form select,.form textarea,.filters select,.filter-search input{border:1px solid var(--line);border-radius:8px;padding:.8rem .9rem;background:var(--surface-solid);color:var(--ink)}.form input:focus,.form select:focus,.form textarea:focus,.filters select:focus,.filter-search input:focus{outline:2px solid var(--focus-ring);border-color:var(--accent)}.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.form-actions{display:grid;gap:.6rem;margin-top:.25rem}.form-actions .btn{width:100%}.tile-actions{margin-top:auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.stat{padding:1.25rem 1.3rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.stat b{display:block;font-family:var(--font-display);font-size:1.55rem;letter-spacing:-.03em;margin-top:.35rem;color:var(--accent)}.error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-line);border-radius:8px;padding:.85rem 1rem}.player-wrap{display:flex;flex-direction:column;gap:.75rem;min-height:calc(100dvh - 9rem)}.player-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem}.player-back{display:inline-flex;align-items:center;min-height:2rem;padding:0 .7rem;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line)}.player-back:hover{color:var(--ink);border-color:var(--accent);background:var(--fill-subtle)}.player-title{flex:1 1 12rem;margin:0;font-family:var(--font-body);font-size:1.05rem;font-weight:600;line-height:1.3;letter-spacing:0}.player-tools{align-items:stretch;gap:1rem}.player-after{display:grid;gap:1rem}.metrics{display:flex;flex-wrap:wrap;gap:.75rem 1.75rem;padding:1rem 1.25rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--muted)}.metrics-inline{padding:0;border:0;background:transparent;box-shadow:none;gap:.85rem 1.15rem;font-size:.85rem}.metrics span b{font-family:var(--font-body);font-weight:700;color:var(--ink);letter-spacing:0}.frame{width:100%;flex:1 1 auto;min-height:min(78dvh,920px);border:1px solid var(--line);border-radius:var(--radius);background:var(--frame-bg)}body.play-focus{background:var(--bg)}.app-shell.play-focus{padding-top:1rem;padding-bottom:1.25rem}.app-shell.play-focus .topnav{margin-bottom:.35rem;padding-bottom:.65rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.25rem;padding:0 .25rem}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.95rem .65rem;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-weight:600;font-size:.85rem;letter-spacing:.02em}.section-gap{margin-bottom:1.5rem}.filters{display:flex;flex-wrap:wrap;gap:.85rem 1.15rem;align-items:flex-end;margin-bottom:1.75rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.filters label{display:grid;gap:.35rem;font-size:.8rem;font-weight:500;color:var(--muted);letter-spacing:.02em}.filter-search{flex:1 1 220px;min-width:200px}.filters select,.filter-search input{min-height:var(--control-h)}.filters-count{margin-left:auto;align-self:center;padding:.35rem 0;font-variant-numeric:tabular-nums}.panel+.panel{margin-top:1.25rem}.social{display:grid;gap:.75rem}.social.compact{gap:0}.social.compact .comments-panel{display:none}.social-actions{display:flex;flex-wrap:nowrap;gap:.5rem;align-items:center;min-height:var(--control-h)}.social-actions-row{justify-content:space-between;gap:.5rem}.social-actions-left,.social-actions-right{display:flex;flex-wrap:nowrap;gap:.35rem;align-items:center;min-width:0}.social-actions-right{margin-left:auto;flex-shrink:0}.social-actions-row .share-menu{margin-left:0;flex-shrink:0}.social.compact .social-btn span{display:none}.social.compact .social-btn,.social.compact .social-chip,.social.compact .share-icon-btn{width:var(--control-h);min-width:var(--control-h);padding:0;justify-content:center;border-radius:var(--radius-sm)}.social-play-btn{min-height:var(--control-h);min-width:5.25rem;padding:0 .9rem;font-size:.84rem;font-weight:600;border-radius:var(--radius-sm)}.social-btn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:var(--radius-sm);min-height:var(--control-h);padding:0 .8rem;font-size:.82rem;cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s,background .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.social-btn svg{flex-shrink:0}.social-btn.favourite.active{border-color:#f5c5428c;color:#f5c542;background:#f5c54214;box-shadow:0 0 12px #f5c54226}.social-btn:hover{border-color:var(--line-strong);color:var(--ink);background:var(--fill-hover)}.social-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:var(--control-h);padding:0 .65rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}.social-chip svg{flex-shrink:0;opacity:.85}.social-count{font-size:.85rem;color:var(--muted)}.comments-panel{border-top:1px solid var(--line);padding-top:1rem;margin-top:.25rem}.comments-title{font-family:var(--font-display);font-size:1rem;letter-spacing:-.02em;margin:0 0 .75rem;color:var(--ink)}.comment-form{display:grid;gap:.65rem;margin-bottom:1rem}.comment-form .btn{justify-self:start;min-width:7rem}.comment-form textarea{border:1px solid var(--line);border-radius:8px;padding:.75rem;background:var(--surface-solid);color:var(--ink);resize:vertical;min-height:4.5rem}.comment-list{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.comment-item{padding:.85rem 1rem;border:1px solid var(--line);border-radius:8px;background:var(--comment-bg)}.comment-item p{margin:.35rem 0 0;white-space:pre-wrap}.comment-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline}.comment-meta b{color:var(--ink)}.share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex:1 1 280px}.share-bar.compact{padding:0;border:none;background:transparent;flex:1 1 auto}.share-label{font-size:.8rem;font-weight:600;color:var(--muted);letter-spacing:.01em;font-family:var(--font-body)}.share-bar.compact .share-label{display:none}.share-actions{display:flex;flex-wrap:wrap;gap:.45rem}.share-btn{border:1px solid var(--line);background:var(--fill-subtle);color:var(--muted);border-radius:999px;padding:.4rem .75rem;font-size:.8rem;cursor:pointer;transition:border-color .2s ease,color .2s ease}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.share-btn-x{font-weight:700}.share-menu{position:relative}.share-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.share-icon-btn svg{display:block}.share-icon-btn:hover,.share-icon-btn[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:var(--fill-hover)}.share-menu-popover{position:absolute;right:0;bottom:calc(100% + .45rem);z-index:20;min-width:10rem;padding:.35rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-solid);box-shadow:var(--shadow-menu)}.share-menu-item{display:flex;align-items:center;width:100%;border:0;border-radius:6px;background:transparent;color:var(--ink);text-align:left;padding:.55rem .7rem;font-size:.86rem;cursor:pointer}.share-menu-item:hover{background:var(--fill-hover);color:var(--accent)}.tile-actions{margin-top:auto;align-items:center}.continue-section{margin-bottom:1.35rem}.score-card-panel{margin:1rem 0;padding:1.25rem;border:1px solid var(--accent-dim);border-radius:14px;background:var(--fill-hover)}.score-card-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.score-card-preview{width:100%;max-width:520px;border-radius:10px;border:1px solid var(--line);margin-bottom:1rem}.fav-filter{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.row-selected td{background:var(--fill-hover)}.analytics-detail{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.analytics-detail h4{font-family:var(--font-display);margin:1rem 0 .4rem}.view-bars{display:flex;align-items:flex-end;gap:4px;height:72px;margin:.5rem 0 1rem}.view-bar{flex:1;height:100%;display:flex;align-items:flex-end}.view-bar span{display:block;width:100%;min-height:4px;background:var(--accent);border-radius:2px 2px 0 0;opacity:.85}.classroom-layout{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:1rem;align-items:start}.class-list{list-style:none;padding:0;margin:0 0 1rem}.class-pick{width:100%;text-align:left;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:.55rem .75rem;margin-bottom:.4rem;cursor:pointer}.class-pick.active{border-color:var(--accent);color:var(--accent)}.assignment-list{list-style:none;padding:0;margin:0}.assignment-list li{padding:.5rem 0;border-bottom:1px solid var(--line)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){:root{--control-h: 2.75rem;--space-page: clamp(1rem, 3vw, 1.5rem)}.grid,.continue-grid{grid-template-columns:1fr}.hero{padding-bottom:1.25rem}.hero p{font-size:1rem}.filters{align-items:stretch;padding:1rem}.filters label,.filter-search{flex:1 1 100%;min-width:0}.filters-count{width:100%;margin-left:0;text-align:right}.topic-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.15rem;margin-inline:-.15rem;padding-inline:.15rem}.topic-tabs::-webkit-scrollbar{display:none}.topic-tab{flex:0 0 auto}.platform-cover{margin-bottom:1.25rem}.platform-cover img{aspect-ratio:16 / 9}.player-bar{align-items:flex-start}.player-title{flex:1 1 100%;order:3}.metrics-inline{width:100%}.player-tools{flex-direction:column}.player-tools .share-bar{width:100%}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:.85rem 1rem;text-align:center;font-size:.88rem}.metrics span{display:grid;gap:.15rem}.frame{min-height:58dvh;border-radius:var(--radius-sm)}.panel{overflow-x:auto}.table{min-width:36rem}.classroom-layout{grid-template-columns:1fr}.share-menu-popover{bottom:auto;top:calc(100% + .45rem);right:0;left:auto}.auth-layout{min-height:auto;padding-top:max(1.5rem,env(safe-area-inset-top));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.row .btn{min-height:var(--control-h)}}@media(max-width:768px){.nav-toggle{display:inline-flex;margin-left:auto}.nav-links{display:none;flex-direction:column;align-items:stretch;gap:.15rem;flex:1 1 100%;width:100%;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-solid);box-shadow:var(--shadow-glow)}.nav-links.open{display:flex}.nav-pages{flex-direction:column;align-items:stretch;gap:.15rem}.nav-end{margin-left:0;width:100%;flex-direction:column;align-items:stretch;gap:.5rem}.nav-links a:not(.btn){padding:.7rem .5rem;border-bottom:0;border-left:2px solid transparent}.nav-links a:not(.btn).active,.nav-links a:not(.btn):hover{border-bottom-color:transparent;border-left-color:var(--accent);background:var(--fill-hover);border-radius:var(--radius-sm)}.theme-toggle{width:100%}.theme-toggle button{flex:1;justify-content:center}.nav-user,.nav-auth{width:100%;margin-left:0;padding:.75rem .5rem .25rem;border-left:0;border-top:1px solid var(--line);justify-content:stretch;flex-wrap:nowrap;gap:.5rem}.nav-auth .btn,.nav-user .btn{flex:1}.lang-select{width:100%;justify-content:space-between;padding:.5rem}.lang-select select{flex:1;max-width:12rem}.social-play-btn{min-width:4.75rem}}@media(max-width:480px){.brand-logo-text{font-size:.92rem;letter-spacing:.01em}.metrics{grid-template-columns:1fr;text-align:left}.metrics span{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.game-tile-body{padding:.9rem .95rem 1rem}.continue-tile-body{flex-wrap:nowrap}.game-preview{min-height:12rem;aspect-ratio:5 / 4}.social.compact .social-play-btn span{display:none}.social.compact .social-play-btn{width:var(--control-h);min-width:var(--control-h);padding:0}.comment-form textarea,.form input,.form select,.form textarea,.filters select,.filter-search input{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}