:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--page-gradient: linear-gradient(135deg, #000f50 0%, #764ba2 100%);--page-surface: rgba(249, 245, 255, .97);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:linear-gradient(180deg,#5449b8,#0a0a0f 85%);background-attachment:fixed;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-gradient{background:var(--page-gradient);background-attachment:fixed}#app{width:100%;margin:0;padding:0;font-weight:400;min-height:100vh}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}:root{--index: calc(1vw + 1vh) ;--transition: 1.5s cubic-bezier(.05, .5, 0, 1)}@font-face{font-family:kamerik-3d;src:url(/assets/kamerik205-heavy-BnhVKdet.woff2);font-weight:900}@font-face{font-family:merriweather-italic-3d;src:url(/assets/merriweather-regular-italic-3A7j_15K.woff2)}body{color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.logo{--logo-size: calc(var(--index) * 7.8);width:var(--logo-size);height:var(--logo-size);background-repeat:no-repeat;position:absolute;left:calc(51% - calc(var(--logo-size) / 2));top:calc(var(--index) * 2.8);z-index:1}.layers{perspective:1000px;overflow:hidden}.layers__container{height:100vh;min-height:500px;transform-style:preserve-3d;transform:rotateX(var(--move-y)) rotateY(var(--move-x));will-change:transform;transition:transform var(--transition)}.layers__item{position:absolute;inset:-5vw;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.layer-1{transform:translateZ(-55px) scale(1.06);background:linear-gradient(135deg,#1a1a2e,#16213e)}.layer-2{transform:translateZ(80px) scale(.88);background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.1) 0%,transparent 50%)}.layer-3{transform:translateZ(180px) scale(.8)}.layer-4{transform:translateZ(190px) scale(.9)}.layer-5{transform:translateZ(300px) scale(.9)}.layer-6{transform:translateZ(380px)}.hero-content{font-size:calc(var(--index) * 2.5);text-align:center;text-transform:uppercase;letter-spacing:calc(var(--index) * -.15);line-height:1.35em;margin-top:calc(var(--index) * 5.5)}.hero-content span{display:block}.hero-content__p{text-transform:none;font-family:merriweather-italic-3d;letter-spacing:normal;font-size:calc(var(--index) * .73);line-height:3}.button-start{font-family:Arial;font-weight:600;text-transform:uppercase;font-size:calc(var(--index) * .71);letter-spacing:-.02vw;padding:calc(var(--index) * .7) calc(var(--index) * 1.25);background-color:transparent;color:#fff;border-radius:10em;border:rgb(255 255 255 / .4) 3px solid;outline:none;cursor:pointer;margin-top:calc(var(--index) * 2.5)}.layer-4,.layer-5,.layer-6{pointer-events:none}:root,:root[data-theme=blue]{--t-bg: #f8fafc;--t-surface: #ffffff;--t-muted: #f1f5f9;--t-track: #e2e8f0;--t-border: #e2e8f0;--t-border-strong: #cbd5e1;--t-fg: #0f172a;--t-fg2: #475569;--t-accent: #2563eb;--t-primary: #2563eb;--t-primary-hover: #1d4ed8;--t-on-primary: #ffffff;--t-soft: #dbeafe;--t-on-soft: #1d4ed8;--t-success: #15803d;--t-success-soft: #dcfce7;--t-error: #dc2626;--t-star: #f59e0b;--t-star-stroke: #d97706;--t-warn-soft: #fef3c7;--t-on-warn: #92400e;--t-gold-bg: #fef3c7;--t-gold-border: #fde68a;--t-gold-fg: #92400e;--t-silver-bg: #f1f5f9;--t-silver-border: #cbd5e1;--t-silver-fg: #475569;--t-bronze-bg: #ffedd5;--t-bronze-border: #fed7aa;--t-bronze-fg: #9a3412;--t-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--t-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--t-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-theme=cream]{--t-bg: #faf8f5;--t-surface: #fefdfb;--t-muted: #f5f0e8;--t-track: #ebe4d8;--t-border: #e7e5e4;--t-border-strong: #d6d3d1;--t-fg: #292524;--t-fg2: #57534e;--t-accent: #ea580c;--t-primary: #c2410c;--t-primary-hover: #9a3412;--t-on-primary: #fefdfb;--t-soft: #ffedd5;--t-on-soft: #c2410c;--t-success: #15803d;--t-success-soft: #dcfce7;--t-error: #b91c1c;--t-star: #f59e0b;--t-star-stroke: #b45309;--t-warn-soft: #fef3c7;--t-on-warn: #b45309;--t-gold-bg: #fef3c7;--t-gold-border: #fde68a;--t-gold-fg: #92400e;--t-silver-bg: #f5f0e8;--t-silver-border: #d6d3d1;--t-silver-fg: #57534e;--t-bronze-bg: #ffedd5;--t-bronze-border: #fed7aa;--t-bronze-fg: #9a3412;--t-shadow-sm: 0 1px 2px rgba(41, 37, 36, .05);--t-shadow-md: 0 4px 6px -1px rgba(41, 37, 36, .1), 0 2px 4px -2px rgba(41, 37, 36, .1)}:root{--t-team1: #2563eb;--t-team1-soft: #dbeafe;--t-team2: #dc2626;--t-team2-soft: #fee2e2;--t-bw: 1px;--t-head: var(--t-font)}:root[data-theme=pop]{--t-bg: #fff4d6;--t-surface: #ffffff;--t-muted: #f3ecda;--t-track: #eadfc4;--t-border: #111111;--t-border-strong: #111111;--t-fg: #111111;--t-fg2: #3d3a33;--t-accent: #7b61ff;--t-primary: #7b61ff;--t-primary-hover: #6247f0;--t-on-primary: #ffffff;--t-soft: #c6f432;--t-on-soft: #111111;--t-success: #0b7a55;--t-success-soft: #bff0d4;--t-error: #e5304f;--t-star: #ffc700;--t-star-stroke: #111111;--t-warn-soft: #ffd84d;--t-on-warn: #111111;--t-gold-bg: #ffd84d;--t-gold-border: #111111;--t-gold-fg: #111111;--t-silver-bg: #d9e4ff;--t-silver-border: #111111;--t-silver-fg: #111111;--t-bronze-bg: #ffb38a;--t-bronze-border: #111111;--t-bronze-fg: #111111;--t-shadow-sm: 3px 3px 0 #111111;--t-shadow-md: 5px 5px 0 #111111;--t-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--t-head: "Unbounded", var(--t-font);--t-bw: 2.5px;--t-team1: #2f6bff;--t-team1-soft: #d9e4ff;--t-team2: #e5304f;--t-team2-soft: #ffd6de}:root[data-theme=pop] #app,:root[data-theme=pop] main{background-color:transparent}:root[data-theme=pop] body{background-color:var(--t-bg);background-image:radial-gradient(#11111122 1.2px,transparent 1.3px);background-size:22px 22px}:root[data-theme=pop] [class$=-dashboard],:root[data-theme=pop] [class$=-container],:root[data-theme=pop] [class$=-page],:root[data-theme=pop] .chat-page,:root[data-theme=pop] .weekly-tests,:root[data-theme=pop] .test-list,:root[data-theme=pop] .battle-subject,:root[data-theme=pop] .battle-game,:root[data-theme=pop] .sea,:root[data-theme=pop] .duel{background:transparent!important}:root[data-theme=pop] h1,:root[data-theme=pop] h2,:root[data-theme=pop] .brand-text,:root[data-theme=pop] .panel-title,:root[data-theme=pop] .section-title,:root[data-theme=pop] .title,:root[data-theme=pop] .stat-value,:root[data-theme=pop] .left-count{font-family:var(--t-head);letter-spacing:-.02em}:root[data-theme=pop] .card,:root[data-theme=pop] .stat,:root[data-theme=pop] .topic,:root[data-theme=pop] .weekly,:root[data-theme=pop] .leader,:root[data-theme=pop] .news,:root[data-theme=pop] .game-card,:root[data-theme=pop] .player-card,:root[data-theme=pop] .player-column,:root[data-theme=pop] .input-section,:root[data-theme=pop] .number-card,:root[data-theme=pop] .game-info-card,:root[data-theme=pop] .request-card,:root[data-theme=pop] .leaderboard-item,:root[data-theme=pop] .modal-content,:root[data-theme=pop] .me-panel,:root[data-theme=pop] .theme-option{border-width:var(--t-bw)!important;border-color:var(--t-border)!important;box-shadow:var(--t-shadow-sm)}:root[data-theme=pop] .topic,:root[data-theme=pop] .weekly,:root[data-theme=pop] .game-card{transition:transform .15s ease,box-shadow .15s ease}@media (hover: hover){:root[data-theme=pop] .topic:hover,:root[data-theme=pop] .weekly:hover,:root[data-theme=pop] .game-card:hover{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:7px 7px #111}}:root[data-theme=pop] .btn,:root[data-theme=pop] .tab.active,:root[data-theme=pop] .top-link.active,:root[data-theme=pop] .bottom-link.active,:root[data-theme=pop] .topic-badge,:root[data-theme=pop] .weekly-badge,:root[data-theme=pop] .game-join-btn,:root[data-theme=pop] .btn-accept,:root[data-theme=pop] .btn-reject,:root[data-theme=pop] .btn-reset-rating,:root[data-theme=pop] .game-arrow,:root[data-theme=pop] .me-button{border:2px solid #111111!important}:root[data-theme=pop] .btn,:root[data-theme=pop] .game-join-btn{box-shadow:var(--t-shadow-sm)}:root[data-theme=pop] .btn:active:not(:disabled),:root[data-theme=pop] .game-join-btn:active{transform:translate(2px,2px);box-shadow:none}:root[data-theme=pop] .btn-primary,:root[data-theme=pop] .btn.primary,:root[data-theme=pop] .game-join-btn{font-family:var(--t-head)}:root[data-theme=pop] input,:root[data-theme=pop] select,:root[data-theme=pop] textarea{border-width:var(--t-bw)!important;border-color:#111!important}:root[data-theme=pop] input:focus,:root[data-theme=pop] select:focus,:root[data-theme=pop] textarea:focus{outline:3px solid var(--t-soft)!important;outline-offset:0}:root[data-theme=pop] .tabs{border:var(--t-bw) solid #111111;background:var(--t-surface)}:root[data-theme=pop] .tab.active{background:#111!important;color:#fff!important;box-shadow:none}:root[data-theme=pop] .topbar{border-bottom:var(--t-bw) solid #111111!important;background:var(--t-bg)!important}:root[data-theme=pop] .brand-mark{background:var(--t-soft)!important;color:#111!important;border:2px solid #111111;box-shadow:2px 2px #111}:root[data-theme=pop] .bottom-nav{border-top:var(--t-bw) solid #111111!important}:root[data-theme=pop] .me-button{background:#ff7ab6!important}:root[data-theme=pop] .bar{height:12px!important;border:2px solid #111111;border-radius:8px!important}:root[data-theme=pop] .modal-content,:root[data-theme=pop] .me-panel{box-shadow:var(--t-shadow-md)!important;animation:pop-in .35s cubic-bezier(.3,1.6,.5,1)}@keyframes pop-in{0%{transform:scale(.92);opacity:0}}:root .theme-swatch--pop{background:radial-gradient(circle at 78% 50%,#c6f432 0 7px,transparent 8px),linear-gradient(90deg,#fff4d6 0 50%,#7b61ff 50% 100%);border:2px solid #111111}@media (max-width: 560px){:root[data-theme=pop] .game-head{flex-wrap:nowrap}:root[data-theme=pop] .game-head .title{min-width:0;font-size:20px}:root[data-theme=pop] .game-head .btn{flex:none}}@media (prefers-reduced-motion: reduce){:root[data-theme=pop] *{animation:none!important;transition:none!important}}.topbar[data-v-0a103f81]{position:sticky;top:0;z-index:1000;background:var(--t-surface);border-bottom:1px solid var(--t-border);font-family:var(--t-font);transition:transform .25s ease}.topbar.game[data-v-0a103f81]{position:fixed;left:0;right:0}.topbar.auto-hide[data-v-0a103f81]{transform:translateY(-100%)}.topbar-inner[data-v-0a103f81]{max-width:1160px;margin:0 auto;height:64px;padding:0 20px;display:flex;align-items:center;gap:24px}.brand[data-v-0a103f81]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--t-fg)}.brand-mark[data-v-0a103f81]{width:36px;height:36px;border-radius:10px;background:var(--t-primary);color:var(--t-on-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.brand-text[data-v-0a103f81]{font-size:18px;font-weight:800}.top-nav[data-v-0a103f81]{display:flex;gap:4px;flex:1}.top-link[data-v-0a103f81]{height:44px;padding:0 16px;border-radius:12px;display:flex;align-items:center;font-size:16px;font-weight:600;color:var(--t-fg2);text-decoration:none}.top-link[data-v-0a103f81]:hover{background:var(--t-muted);color:var(--t-fg)}.top-link.active[data-v-0a103f81]{background:var(--t-soft);color:var(--t-on-soft);font-weight:700}.me-button[data-v-0a103f81]{margin-left:auto;width:44px;height:44px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--t-soft);overflow:hidden;flex-shrink:0}.me-avatar[data-v-0a103f81]{width:100%;height:100%;object-fit:cover}.me-initial[data-v-0a103f81]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--t-on-soft);font-weight:800;font-size:17px;font-family:var(--t-font)}.bottom-nav[data-v-0a103f81]{display:none}.me-overlay[data-v-0a103f81]{position:fixed;inset:0;z-index:1100;background:#0f172a59;display:flex;justify-content:flex-end;align-items:flex-start;padding:72px 20px 20px;font-family:var(--t-font)}.me-panel[data-v-0a103f81]{width:320px;max-width:100%;box-sizing:border-box;background:var(--t-surface);border:1px solid var(--t-border);border-radius:20px;box-shadow:var(--t-shadow-md);padding:12px;display:flex;flex-direction:column;gap:4px;color:var(--t-fg)}.me-head[data-v-0a103f81]{display:flex;align-items:center;gap:12px;padding:8px 8px 12px;border-bottom:1px solid var(--t-border);margin-bottom:4px}.me-initial--big[data-v-0a103f81]{width:44px;height:44px;border-radius:50%;background:var(--t-soft);flex-shrink:0}.me-name[data-v-0a103f81]{font-size:18px;font-weight:800}.me-link[data-v-0a103f81]{height:48px;padding:0 12px;border-radius:12px;display:flex;align-items:center;font-size:16px;font-weight:600;color:var(--t-fg);text-decoration:none;background:transparent;border:0;cursor:pointer;font-family:inherit;text-align:left;width:100%}.me-link[data-v-0a103f81]:hover{background:var(--t-muted)}.me-link--logout[data-v-0a103f81]{color:var(--t-error);border-top:1px solid var(--t-border);border-radius:0 0 12px 12px;margin-top:4px}.me-section[data-v-0a103f81]{padding:8px 4px 4px;display:flex;flex-direction:column;gap:8px}.me-section-title[data-v-0a103f81]{padding:0 8px;font-size:13px;font-weight:700;color:var(--t-fg2)}.theme-switch[data-v-0a103f81]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-option[data-v-0a103f81]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;border-radius:14px;border:2px solid var(--t-border);background:var(--t-surface);cursor:pointer;font-family:inherit;color:var(--t-fg);text-align:left}.theme-option.active[data-v-0a103f81]{border-color:var(--t-accent);background:var(--t-soft)}.theme-swatch[data-v-0a103f81]{width:100%;height:24px;border-radius:8px}.theme-swatch--blue[data-v-0a103f81]{background:linear-gradient(90deg,#f8fafc 0 50%,#2563eb 50% 100%);border:1px solid #e2e8f0}.theme-swatch--cream[data-v-0a103f81]{background:linear-gradient(90deg,#faf8f5 0 50%,#c2410c 50% 100%);border:1px solid #e7e5e4}.theme-label[data-v-0a103f81]{font-size:15px;font-weight:800}.theme-hint[data-v-0a103f81]{font-size:13px;font-weight:500;color:var(--t-fg2)}@media (max-width: 768px){.topbar-inner[data-v-0a103f81]{height:56px;padding:0 16px}.top-nav[data-v-0a103f81]{display:none}.bottom-nav[data-v-0a103f81]{position:fixed;left:0;right:0;bottom:0;z-index:1000;height:72px;box-sizing:border-box;padding:6px 8px calc(8px + env(safe-area-inset-bottom));background:var(--t-surface);border-top:1px solid var(--t-border);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;font-family:var(--t-font);transition:transform .25s ease}.bottom-nav.auto-hide[data-v-0a103f81]{transform:translateY(100%)}.bottom-link[data-v-0a103f81]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;border:0;background:transparent;color:var(--t-fg2);text-decoration:none;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;padding:0}.bottom-link.active[data-v-0a103f81]{background:var(--t-soft);color:var(--t-on-soft);font-weight:700}.me-overlay[data-v-0a103f81]{align-items:flex-end;justify-content:center;padding:0 0 72px}.me-panel[data-v-0a103f81]{width:100%;border-radius:20px 20px 0 0;border-bottom:0}}@media (prefers-reduced-motion: reduce){.topbar[data-v-0a103f81],.bottom-nav[data-v-0a103f81]{transition:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--index: calc(1vw + 1vh) ;--move-x: 0deg;--move-y: 0deg}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;min-height:100%;overflow-x:hidden;color:#333;background:linear-gradient(180deg,#5449b8,#0a0a0f 85%);background-attachment:fixed}#app{min-height:100vh}main{min-height:calc(100vh - 64px);margin:0;padding:0}@media (max-width: 768px){main.with-nav{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:2rem;height:2rem;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}