:root{--bg-primary: #f0e2d0;--bg-secondary: rgba(255, 252, 247, .94);--bg-tertiary: rgba(243, 230, 214, .88);--glass-border: rgba(180, 110, 30, .22);--glass-border-focus: rgba(217, 119, 6, .6);--glass-shadow: 0 12px 32px 0 rgba(120, 75, 25, .15);--accent-primary: #d97706;--accent-secondary: #f59e0b;--accent-gradient: linear-gradient(135deg, #d97706 0%, #ea580c 50%, #f59e0b 100%);--accent-gold: #f59e0b;--accent-green: #10b981;--text-main: #261609;--text-muted: #5e3f24;--text-dim: #8a6442;--table-mat-color: rgba(255, 255, 255, .65);--canvas-bg: radial-gradient(ellipse at 50% 35%, #fcf5ed 0%, #f3dfc8 50%, #e0c29f 100%);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--transition-fast: .18s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}body{width:100%;min-height:100%;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,rgba(217,119,6,.07) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(234,88,12,.07) 0%,transparent 45%);overflow:visible;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.app-layout{min-height:100vh;display:flex;flex-direction:column;overflow:visible;width:100%}.page-route-loader{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 70px);flex:1;width:100%}.loader-spinner{width:44px;height:44px;border:4px solid rgba(217,119,6,.15);border-top-color:var(--accent-primary);border-radius:50%;animation:spinLoader .75s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 4px 12px #d977061f}@keyframes spinLoader{to{transform:rotate(360deg)}}.jp-navbar-container{position:sticky;top:0;z-index:100;background:#fffcf7f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px #784b190f}.jp-navbar-inner{max-width:1360px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.jp-brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.brand-logo{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #d977064d}.brand-text{display:flex;flex-direction:column}.brand-title{font-family:Outfit,sans-serif;font-weight:800;font-size:1.25rem;color:var(--text-main);line-height:1.1}.brand-subtitle{font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px}.jp-nav-links{display:flex;align-items:center;gap:.4rem;background:#f0e2d0a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.3rem .45rem;border-radius:var(--radius-full);border:1.5px solid var(--glass-border)}.jp-nav-item{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:800;color:var(--text-muted);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.jp-nav-item:hover{color:var(--text-main);background:#ffffffd9;transform:translateY(-1px)}.jp-nav-item.active{color:#fff;background:var(--accent-gradient);box-shadow:0 4px 12px #d9770659}.nav-item-icon{font-size:1.1rem;line-height:1}.jp-nav-login{color:var(--accent-primary);font-family:inherit}.jp-nav-lang-btn{background:#ffffffb3;border:1px solid var(--glass-border);padding:.38rem .75rem;font-size:.84rem;gap:.35rem;border-radius:var(--radius-full)}.jp-nav-lang-btn:hover{background:#fffffff2;border-color:var(--accent-primary);transform:translateY(-1px)}.lang-flag{font-size:1.05rem;line-height:1}.lang-code{font-weight:900;letter-spacing:.5px;color:var(--text-main)}.jp-nav-profile-wrapper{position:relative;display:inline-flex}.jp-nav-profile{display:inline-flex;align-items:center;gap:.45rem;background:#ffffffb3;border:1px solid rgba(217,119,6,.25);padding:.35rem .75rem .35rem .45rem;cursor:pointer}.nav-profile-avatar{font-size:1.25rem;line-height:1}.nav-profile-name{font-weight:800;color:var(--text-main)}.nav-level-tag{display:inline-flex;align-items:center;gap:.25rem;background:#fef3c7;color:#b45309;border:1px solid #f59e0b;padding:.15rem .45rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:900;line-height:1}.dropdown-caret{font-size:.7rem;color:var(--text-muted);transition:transform .2s ease;line-height:1}.jp-nav-profile-wrapper.open .dropdown-caret{transform:rotate(180deg)}.jp-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;background:#fffcf7fa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 12px 36px #00000029;padding:.6rem;opacity:0;pointer-events:none;transform:translateY(8px);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000}.jp-nav-profile-wrapper.open .jp-profile-dropdown,.jp-profile-dropdown.show{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-user-header{display:flex;align-items:center;gap:.75rem;padding:.4rem .5rem}.dropdown-user-avatar{width:38px;height:38px;border-radius:50%;background:#fef3c7;border:1.5px solid #d97706;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.dropdown-user-info{display:flex;flex-direction:column;line-height:1.2}.dropdown-user-name{font-family:Outfit,sans-serif;font-size:.95rem;color:var(--text-main)}.dropdown-user-level{font-size:.75rem;font-weight:800;color:#b45309}.dropdown-user-xp{font-size:.72rem;color:var(--text-dim);font-weight:700}.dropdown-divider{height:1px;background:#b46e1e26;margin:.45rem 0}.dropdown-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-main);font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .15s ease;text-align:left;box-sizing:border-box}.dropdown-item:hover{background:#fef3c7b3;color:var(--accent-primary)}.dropdown-item-icon{font-size:1.05rem;line-height:1}.dropdown-item-label-flex{display:flex;align-items:center;justify-content:space-between;width:100%}.dropdown-status-pill{font-size:.68rem;font-weight:900;padding:.15rem .45rem;border-radius:var(--radius-full)}.dropdown-status-pill.status-on{background:#dcfce7;color:#15803d;border:1px solid #86efac}.dropdown-status-pill.status-off{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}.dropdown-item-danger{color:#dc2626}.dropdown-item-danger:hover{background:#fee2e2;color:#b91c1c}.user-profile-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:#fffc;border:1px solid var(--glass-border);border-radius:var(--radius-full);text-decoration:none;color:var(--text-main);font-weight:700;font-size:.9rem;transition:all var(--transition-fast)}.user-profile-badge:hover{background:#fff;border-color:var(--accent-primary);transform:translateY(-1px)}.user-avatar{font-size:1.25rem}.hud-stars-pill{display:flex;align-items:center;gap:.45rem;background:#ffffffe0;border:1px solid rgba(217,119,6,.25);box-shadow:0 4px 14px #0000000a;padding:.35rem .85rem;border-radius:var(--radius-full);font-weight:800;font-size:.85rem;color:#92400e}.hud-level-badge{background:#fef3c7;color:#b45309;border:1px solid #f59e0b;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:900}.hud-xp-count{font-size:.78rem;color:#78350f;font-weight:800}.hud-star-icon{font-size:1rem}.game-hud-btn{background:linear-gradient(180deg,#fff,#f3e8d9);border:1.5px solid var(--glass-border);box-shadow:0 3px #b46e1e4d,0 4px 10px #00000014;font-size:1.1rem;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.game-hud-btn:hover{transform:translateY(-2px);box-shadow:0 5px #b46e1e59,0 6px 14px #0000001f}.game-hud-btn:active{transform:translateY(2px);box-shadow:0 1px #b46e1e4d}.game-hud-btn.active{background:var(--accent-gradient);border-color:#d97706;box-shadow:0 3px #b45309,0 4px 12px #d977064d}.game-profile-shield{display:flex;align-items:center;gap:.6rem;background:linear-gradient(180deg,#fff,#fff8eb);border:1.5px solid #f59e0b;box-shadow:0 3px #d97706,0 6px 14px #d977062e;padding:.3rem .85rem .3rem .4rem;border-radius:var(--radius-full)}.user-avatar-frame{position:relative;width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #d97706;display:flex;align-items:center;justify-content:center;font-size:1.15rem}.user-lvl-dot{position:absolute;bottom:-4px;right:-4px;background:#10b981;color:#fff;font-size:.55rem;font-weight:900;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff}.user-profile-text{display:flex;flex-direction:column;line-height:1.1}.user-rank{font-size:.65rem;font-weight:800;color:#d97706;text-transform:uppercase;letter-spacing:.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.35rem;border-radius:var(--radius-md);font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:800;border:none;cursor:pointer;text-decoration:none;position:relative;user-select:none;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.btn:active{transform:translateY(2px) scale(.995)}.btn-primary{background:linear-gradient(180deg,#fbbf24,#f59e0b 40%,#d97706);color:#fff;text-shadow:0 1px 2px rgba(146,64,14,.6);border-top:1px solid rgba(255,255,255,.4);box-shadow:0 4px #b45309,0 8px 18px #b4530947}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px #b45309,0 12px 22px #b4530961}.btn-primary:active{transform:translateY(2px) scale(.995);box-shadow:0 2px #b45309,0 3px 8px #00000026}.btn-secondary{background:linear-gradient(180deg,#fff,#fbf4ea,#f2e3ce);color:var(--text-main);border-top:1px solid rgba(255,255,255,.8);border-left:1px solid rgba(255,255,255,.4);box-shadow:0 4px #b46e1e59,0 6px 14px #00000014}.btn-secondary:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 6px #b46e1e73,0 10px 18px #b46e1e26}.btn-secondary:active{transform:translateY(2px) scale(.995);box-shadow:0 2px #b46e1e59}.btn-pulse{animation:pulseGlow 2.2s infinite}@keyframes pulseGlow{0%,to{box-shadow:0 4px #b45309,0 6px 16px #d977064d}50%{box-shadow:0 4px #b45309,0 8px 24px #d9770699}}@keyframes starWiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.15)}75%{transform:rotate(10deg) scale(1.15)}}.btn-sm{padding:.4rem .95rem;font-size:.85rem;border-radius:var(--radius-sm)}.btn-lg{padding:.85rem 1.85rem;font-size:1.08rem;border-radius:var(--radius-lg)}.btn-block{width:100%}.btn-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.btn-nav-link{display:flex;align-items:center;gap:.45rem;padding:.45rem .95rem;border-radius:var(--radius-full);background:#ffffffd9;border:1px solid var(--glass-border);color:var(--text-main);font-size:.85rem;font-weight:700;text-decoration:none;transition:all var(--transition-fast)}.btn-nav-link:hover,.btn-nav-link.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 3px 12px #d977064d}.btn-back{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-md);background:#ffffffd9;border:1px solid var(--glass-border);color:var(--text-main);font-weight:700;text-decoration:none;font-size:.9rem;transition:all var(--transition-fast)}.btn-back:hover{background:#fff;border-color:var(--accent-primary);transform:translate(-2px)}.daily-spotlight-card{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;background:linear-gradient(145deg,#fffdfa,#fcf3e6);border:2px solid rgba(245,158,11,.35);border-radius:28px;padding:2.2rem;box-shadow:0 16px 36px #b4530924,inset 0 2px #fffc;align-items:center;position:relative;overflow:hidden}.game-quest-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 28px #00000038;border:3px solid #f59e0b;aspect-ratio:16 / 10}.game-quest-frame img{width:100%;height:100%;object-fit:cover;display:block}.game-quest-ribbon{position:absolute;top:14px;left:14px;background:linear-gradient(180deg,#ef4444,#dc2626,#b91c1c);color:#fff;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:900;letter-spacing:.5px;padding:.4rem .95rem;border-radius:var(--radius-full);border:2px solid #fef08a;box-shadow:0 4px #7f1d1d,0 6px 14px #00000059;display:flex;align-items:center;gap:.4rem;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:ribbonPulse 2.5s infinite}@keyframes ribbonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.game-quest-stars{position:absolute;bottom:12px;right:12px;background:#000000a6;backdrop-filter:blur(8px);padding:.3rem .65rem;border-radius:var(--radius-full);font-size:.8rem;letter-spacing:2px;border:1px solid rgba(245,158,11,.5)}.game-category-tag{background:#fef3c7;color:#b45309;border:1.5px solid #f59e0b;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .75rem;border-radius:var(--radius-full)}.game-rating-pill{background:#ffffffe6;border:1px solid var(--glass-border);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:800;color:#78350f}.game-quest-title{font-size:2.3rem;font-weight:900;color:#261609;line-height:1.15}.game-quest-actions{display:flex;gap:1rem;margin-top:.75rem;flex-wrap:wrap}.btn-game-action{font-size:1.1rem;padding:.85rem 1.85rem;border-radius:20px;background:linear-gradient(180deg,#22c55e,#16a34a,#15803d);color:#fff;border-top:1.5px solid rgba(255,255,255,.5);box-shadow:0 5px #14532d,0 10px 22px #16a34a59;text-shadow:0 1px 2px rgba(0,0,0,.4)}.btn-game-action:hover{transform:translateY(-2px);box-shadow:0 7px #14532d,0 14px 28px #16a34a73}.btn-game-action:active{transform:translateY(3px);box-shadow:0 1px #14532d}.btn-game-secondary{font-size:.98rem;padding:.85rem 1.5rem;border-radius:20px}.category-pill{display:flex;align-items:center;gap:.45rem;padding:.55rem 1.25rem;border-radius:22px;background:linear-gradient(180deg,#fff,#faf3e8);border:1.5px solid rgba(180,110,30,.25);box-shadow:0 3px #b46e1e33,0 4px 10px #0000000d;color:var(--text-main);font-family:Outfit,sans-serif;font-size:.92rem;font-weight:800;cursor:pointer;white-space:nowrap;user-select:none;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.category-pill:hover{transform:translateY(-2px);border-color:#f59e0b;box-shadow:0 5px #b46e1e40,0 6px 14px #00000014}.category-pill:active{transform:translateY(2px);box-shadow:0 1px #b46e1e33}.category-pill.active{background:linear-gradient(180deg,#fbbf24,#f59e0b 45%,#d97706);color:#fff;text-shadow:0 1px 2px rgba(146,64,14,.6);border:1.5px solid #b45309;box-shadow:0 4px #78350f,0 6px 16px #d9770659;transform:scale(1.03)}.mobile-game-bottom-dock{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:1000;width:calc(100% - 32px);max-width:440px;background:#ffffffeb;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.95);border-radius:40px;box-shadow:0 16px 40px #0000001f,0 2px 6px #0000000a;padding:.45rem .75rem}.dock-inner{display:flex;align-items:center;justify-content:space-around}.dock-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-dim);text-decoration:none;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:800;gap:.15rem;padding:.35rem .75rem;border-radius:24px;cursor:pointer;user-select:none;transition:all .2s ease}.dock-tab-btn:active{transform:scale(.92)}.dock-icon-shield{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease}.dock-tab-btn.active{color:#d97706}.dock-tab-btn.active .dock-icon-shield{background:#d977061f;transform:translateY(-2px)}.create-page-wrapper{max-width:1100px;margin:0 auto;padding:1.5rem;width:100%;flex:1}.create-page-container{display:flex;flex-direction:column;gap:1.75rem}.create-page-header-nav{display:flex;align-items:center;gap:1.5rem}.create-hero-header{text-align:center;max-width:650px;margin:0 auto}.create-page-title{font-family:Outfit,sans-serif;font-size:2.3rem;font-weight:900;color:var(--text-main);margin-bottom:.4rem;letter-spacing:-.02em}.create-page-subtitle{font-size:1rem;color:var(--text-muted);line-height:1.5}.create-auth-center-wrap{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 180px);padding:2.5rem 1.5rem}.create-auth-center-container{width:100%;max-width:620px;display:flex;align-items:center;justify-content:center;margin:auto}.create-auth-required-card{background:#fff;border:1.5px solid rgba(217,119,6,.28);border-radius:28px;padding:3.5rem 2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:0 25px 60px -12px #5a320f2e,0 0 0 1px #d9770614;margin:0 auto;width:100%;max-width:580px}.create-auth-icon-wrap{width:90px;height:90px;border-radius:50%;background:#d977061f;border:2px solid rgba(217,119,6,.3);display:flex;align-items:center;justify-content:center;font-size:2.8rem;position:relative;box-shadow:0 8px 24px #d9770633}.create-auth-sparkle{position:absolute;top:-4px;right:-4px;font-size:1.4rem}.create-auth-title{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800;color:var(--text-main);margin:0;letter-spacing:-.01em}.create-auth-desc{font-size:1.02rem;color:var(--text-muted);line-height:1.55;max-width:480px;margin:0}.create-auth-actions{display:flex;flex-direction:column;gap:.85rem;width:100%;max-width:420px;margin-top:.5rem}.create-guest-notice-banner{background:#f59e0b17;border:1.5px solid rgba(245,158,11,.35);border-radius:var(--radius-xl);padding:1rem 1.4rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.create-guest-notice-content{display:flex;align-items:center;gap:.75rem;flex:1 1 280px}.create-guest-notice-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.create-guest-notice-text{font-size:.92rem;color:var(--text-main);font-weight:600;line-height:1.45}.create-guest-notice-btn{font-size:.85rem;padding:.45rem 1rem;white-space:nowrap;flex-shrink:0}.hidden-file-input{display:none!important;opacity:0!important;position:absolute!important;pointer-events:none!important;width:0!important;height:0!important}.create-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.create-dropzone-col{width:100%}.create-upload-dropzone{border:2px dashed rgba(217,119,6,.45);background:#fff;border-radius:28px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;text-align:center;cursor:pointer;box-shadow:0 10px 30px #0000000a;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.create-upload-dropzone:hover{border-color:var(--accent-primary);background:#fff;transform:translateY(-2px) translateZ(0);box-shadow:0 16px 36px #d9770626}.upload-icon-pulse{position:relative;width:76px;height:76px;display:flex;align-items:center;justify-content:center;background:#d977061a;border:1.5px solid rgba(217,119,6,.25);border-radius:50%;margin-bottom:.4rem}.upload-icon-main{font-size:2.4rem;line-height:1}.upload-sparkle{position:absolute;top:-2px;right:-2px;font-size:1.2rem}.upload-title{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;color:var(--text-main);margin:0}.upload-subtitle{font-size:.92rem;color:var(--text-muted);max-width:340px;line-height:1.45;margin:0}.btn-browse{margin-top:.35rem;padding:.65rem 1.4rem!important;font-weight:800!important}.dropzone-formats{font-size:.78rem;color:var(--text-dim);font-weight:600;margin-top:.2rem}.create-preview-wrap{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #0000001f;border:1px solid rgba(0,0,0,.06);transform:translateZ(0)}.create-preview-img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.btn-change-image{position:absolute;bottom:12px;right:12px;background:#261609d9;backdrop-filter:blur(12px);color:#fff;border:none;border-radius:var(--radius-full);padding:.45rem .95rem;font-size:.82rem;font-weight:800;cursor:pointer;transition:all .2s ease}.btn-change-image:hover{background:#261609;transform:scale(1.05)}.create-options-card{background:#fff;border:1.5px solid var(--glass-border);border-radius:28px;padding:1.8rem;box-shadow:0 12px 32px #0000000d;display:flex;flex-direction:column;gap:1.25rem}.form-input{width:100%;padding:.85rem 1.1rem;border-radius:var(--radius-md, 14px);border:1.5px solid rgba(217,119,6,.25);background:#fff;font-family:inherit;font-size:.96rem;color:var(--text-main);outline:none;transition:all .15s ease;box-sizing:border-box}.form-input:focus{border-color:var(--accent-primary, #b45309);box-shadow:0 0 0 3px #d977062e;background:#fff}.form-label{display:block;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800;color:var(--text-main);margin-bottom:.35rem;letter-spacing:-.01em}.dark .form-input{background:#1e1610e6;border-color:#d9770659;color:#fff}.dark .form-input:focus{background:#261c14;border-color:var(--accent-secondary)}.difficulty-pills-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.diff-pill-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-radius:16px;background:#ffffffd9;border:1px solid rgba(0,0,0,.08);cursor:pointer;font-family:Outfit,sans-serif;transition:all .2s ease}.diff-pill-btn:hover{background:#fff;border-color:var(--accent-primary)}.diff-pill-btn.active{background:#261609;color:#fff;border-color:#261609;box-shadow:0 4px 14px #26160933}.diff-pill-btn.active .diff-pill-total{color:#fef3c7}.diff-pill-icon{font-size:1.15rem}.diff-pill-name{font-size:.85rem;font-weight:800;flex:1;text-align:left}.diff-pill-total{font-size:.78rem;font-weight:700;color:var(--text-dim)}.visibility-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.visibility-choice-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:1.1rem 1.15rem;border-radius:var(--radius-md, 16px);background:#ffffffbf;border:1.5px solid var(--glass-border);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);gap:.5rem;position:relative;min-height:115px}.visibility-choice-card:hover{background:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 18px #d9770626}.visibility-choice-card.active{background:#fff;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary),0 8px 24px #d9770633}.visibility-choice-header{display:flex;align-items:center;gap:.5rem;width:100%;flex-wrap:wrap}.visibility-icon{font-size:1.3rem;line-height:1;flex-shrink:0}.visibility-title{font-family:Outfit,sans-serif;font-size:.96rem;font-weight:800;color:var(--text-main);line-height:1.2}.visibility-desc{font-size:.8rem;color:var(--text-muted);line-height:1.45;margin:0}.visibility-choice-card.is-disabled-flagged{opacity:.8;background:#f59e0b0a;border-color:#f59e0b40}.visibility-choice-card.is-disabled-flagged:hover{background:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 18px #d9770626}.mod-lock-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:800;color:#b45309;background:#f59e0b24;border:1px solid rgba(245,158,11,.35);padding:.2rem .55rem;border-radius:var(--radius-full);margin-left:auto;white-space:nowrap}.moderation-status-box{margin-top:.85rem;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.84rem;font-weight:600;display:flex;align-items:center;gap:.6rem;transition:all .2s ease}.moderation-status-box.checking{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.3)}.moderation-status-box.approved{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.3)}.moderation-status-box.flagged{background:#ef44441f;color:#b91c1c;border:1px solid rgba(239,68,68,.35);flex-direction:column;align-items:flex-start;gap:.35rem}.mod-spinner{display:inline-block;animation:spin 1.8s linear infinite}.photo-quality-diagnostic-card{margin-top:.85rem;background:#ffffffd9;backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:1.15rem 1.25rem;box-shadow:0 8px 24px #0000000a}.quality-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid rgba(0,0,0,.06)}.quality-title-group{display:flex;align-items:center;gap:.45rem}.quality-icon{font-size:1.2rem}.quality-title{font-family:Outfit,sans-serif;font-size:.92rem;font-weight:800;color:var(--text-main)}.quality-score-badge{font-family:Outfit,sans-serif;font-size:.82rem;font-weight:800;padding:.25rem .65rem;border-radius:var(--radius-full)}.quality-score-badge.score-optimal{background:#10b98126;color:#047857;border:1px solid rgba(16,185,129,.35)}.quality-score-badge.score-good{background:#f59e0b26;color:#b45309;border:1px solid rgba(245,158,11,.35)}.quality-score-badge.score-low{background:#ef444426;color:#b91c1c;border:1px solid rgba(239,68,68,.35)}.quality-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .85rem}.quality-metric-item{display:flex;flex-direction:column;gap:.15rem}.quality-metric-item .metric-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.quality-metric-item .metric-value{font-size:.85rem;font-weight:800;color:var(--text-main)}.quality-metric-item .metric-tag{font-size:.72rem;color:var(--text-dim);font-weight:600}[data-theme=dark] .photo-quality-diagnostic-card,.dark-mode .photo-quality-diagnostic-card{background:#1e1610d9;border-color:#d9770640}[data-theme=dark] .quality-header-row,.dark-mode .quality-header-row{border-bottom-color:#ffffff14}[data-theme=dark] .visibility-choice-card,.dark-mode .visibility-choice-card{background:#1e1610d9;border-color:#d9770640}[data-theme=dark] .visibility-choice-card:hover,.dark-mode .visibility-choice-card:hover{background:#2d2118f2;border-color:var(--accent-primary)}[data-theme=dark] .visibility-choice-card.active,.dark-mode .visibility-choice-card.active{background:#2d2118fa;border-color:var(--accent-primary)}.create-feature-tags{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:700;color:#059669}@media(max-width:860px){.create-page-wrapper{padding:1rem 1rem 7.5rem!important}.create-page-title{font-size:1.85rem}.create-page-subtitle{font-size:.92rem}.create-content-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.create-upload-dropzone{padding:2.25rem 1.25rem!important;border-radius:20px!important}.create-options-card{padding:1.5rem 1.25rem!important;border-radius:22px!important;gap:1.15rem!important}}@media(max-width:600px){.create-page-wrapper{padding:.75rem .65rem 8rem!important}.create-page-container{gap:1.15rem!important}.create-hero-header{text-align:center;padding:0 .25rem}.create-page-title{font-size:1.55rem;margin-bottom:.35rem}.create-page-subtitle{font-size:.88rem}.create-guest-notice-banner{padding:.85rem 1rem!important;border-radius:16px!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;gap:.75rem!important}.create-guest-notice-btn{width:100%!important;text-align:center!important;justify-content:center!important}.create-upload-dropzone{padding:1.75rem 1rem!important;border-radius:18px!important;gap:.65rem!important}.upload-icon-pulse{width:62px!important;height:62px!important;margin-bottom:.2rem!important}.upload-icon-main{font-size:2rem!important}.upload-title{font-size:1.2rem!important}.upload-subtitle{font-size:.84rem!important;max-width:270px!important}.btn-browse{width:100%!important;max-width:240px!important;padding:.6rem 1rem!important;font-size:.88rem!important}.dropzone-formats{font-size:.72rem!important}.create-options-card{padding:1.15rem .95rem!important;border-radius:18px!important;gap:1rem!important}.form-label{font-size:.86rem!important;margin-bottom:.25rem!important}.form-input{padding:.75rem .85rem!important;font-size:.92rem!important;border-radius:var(--radius-sm, 10px)!important}.visibility-picker-grid{grid-template-columns:1fr!important;gap:.65rem!important}.visibility-choice-card{padding:.85rem!important;border-radius:14px!important}.visibility-title{font-size:.9rem!important}.visibility-desc{font-size:.76rem!important;line-height:1.35!important}.mod-lock-pill{font-size:.68rem!important;padding:.15rem .45rem!important}.quality-metrics-grid{grid-template-columns:1fr!important;gap:.5rem!important}.photo-quality-diagnostic-card{padding:.95rem!important;border-radius:16px!important}}.home-screen-wrapper,.catalog-page-wrapper,.create-page-wrapper,.profile-page-wrapper,.detail-screen-wrapper{padding-bottom:95px!important}.home-screen-wrapper{position:relative;flex:1;padding-bottom:4rem}.home-content-container{max-width:1360px;margin:0 auto;padding:2rem 1.5rem}.daily-spotlight-section{margin-bottom:2.5rem}.daily-spotlight-card{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;background:#fffcf7eb;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--glass-shadow);align-items:center}.spotlight-img-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 10px 25px #00000026;aspect-ratio:16 / 10}.spotlight-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.spotlight-badge{position:absolute;top:1rem;left:1rem;background:var(--accent-gradient);color:#fff;font-size:.82rem;font-weight:800;padding:.35rem .85rem;border-radius:var(--radius-full);box-shadow:0 4px 10px #0003}.spotlight-content{display:flex;flex-direction:column;gap:1rem}.spotlight-header{display:flex;align-items:center;justify-content:space-between}.spotlight-category{font-size:.85rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px}.spotlight-rating{font-size:.9rem;font-weight:700;color:var(--text-dim)}.spotlight-title{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;color:var(--text-main);line-height:1.2}.spotlight-desc{font-size:1.05rem;color:var(--text-muted);line-height:1.5}.spotlight-author{font-size:.9rem;color:var(--text-dim)}.spotlight-actions{display:flex;gap:1rem;margin-top:.5rem}.catalog-controls-section{margin-bottom:2rem}.catalog-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.catalog-header-actions-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.section-title{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;color:var(--text-main)}.section-subtitle{font-size:.95rem;color:var(--text-muted);margin-top:.2rem}.search-box-wrap{position:relative;min-width:320px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:1rem}.search-input{width:100%;padding:.65rem 2.2rem .65rem 2.6rem;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:#ffffffe6;font-size:.92rem;color:var(--text-main);outline:none;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #d9770626}.clear-search-btn{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--text-dim);font-size:.85rem}.category-scroll-arrow{flex:0 0 34px;width:34px;height:34px;border-radius:var(--radius-full);background:#fffffff2;border:1px solid var(--glass-border);color:var(--text-main);font-size:1.35rem;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:all var(--transition-fast);z-index:2;line-height:1}.category-scroll-arrow:hover{background:var(--accent-gradient);color:#fff;border-color:transparent;transform:scale(1.1);box-shadow:0 4px 12px #d977064d}.category-pills-row{display:flex;gap:.6rem;overflow-x:auto;scroll-behavior:smooth;padding:.25rem .1rem;scrollbar-width:none;-ms-overflow-style:none;flex:1}.category-pills-row::-webkit-scrollbar{display:none}.category-pill{display:flex;align-items:center;gap:.45rem;padding:.5rem 1.15rem;border-radius:var(--radius-full);background:#fffc;border:1px solid var(--glass-border);color:var(--text-muted);font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.category-pill:hover{background:#fff;border-color:var(--accent-primary);color:var(--text-main)}.category-pill.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 3px 10px #d977064d}.carousel-wrapper{position:relative;width:100%;padding:.5rem 0}.catalog-carousel-container{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.75rem .5rem 1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.catalog-carousel-container::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 310px;max-width:310px;scroll-snap-align:start}.carousel-arrow{position:absolute;top:45%;transform:translateY(-50%);width:46px;height:46px;border-radius:var(--radius-full);background:#fffcf7f5;border:1.5px solid var(--glass-border);color:var(--text-main);font-size:1.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 6px 20px #0000002e;transition:all var(--transition-fast)}.carousel-arrow:hover{background:var(--accent-gradient);color:#fff;border-color:transparent;transform:translateY(-50%) scale(1.12);box-shadow:0 8px 24px #d9770659}.carousel-arrow-prev{left:-18px}.carousel-arrow-next{right:-18px}@media(max-width:768px){.carousel-arrow,.category-scroll-arrow{display:none!important}}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}.catalog-card{background:#fffcf7f5;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;transform:translateZ(0);will-change:transform;backface-visibility:hidden;content-visibility:auto;contain-intrinsic-size:280px 360px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,border-color .22s ease}.catalog-card:hover{transform:translateY(-4px) translateZ(0);border-color:var(--accent-primary);box-shadow:0 14px 32px #784b1933}.catalog-card-image{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#2b1a0a}.catalog-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.catalog-card:hover .catalog-card-image img{transform:scale(1.05)}.catalog-card-badge{position:absolute;top:.75rem;left:.75rem;background:#261609e0;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:var(--radius-full)}.catalog-card-solved-badge{position:absolute;bottom:.75rem;left:.75rem;background:#10b981e6;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:var(--radius-full)}.catalog-card-body{padding:1.15rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.catalog-card-title{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-main)}.catalog-card-author{font-size:.82rem;color:var(--text-dim)}.catalog-card-stats{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;color:var(--text-muted);margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(180,110,30,.1)}.catalog-see-all-wrap{display:flex;justify-content:center;margin-top:2rem}.btn-see-all-action{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.25rem;font-size:1.05rem;font-weight:800;border-radius:var(--radius-full);box-shadow:0 8px 24px #d977064d;text-decoration:none;transition:all var(--transition-fast)}.btn-see-all-action:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #d9770673}.catalog-page-wrapper{max-width:1400px;margin:0 auto;padding:1.5rem;width:100%;flex:1}.catalog-page-container{display:flex;flex-direction:column;gap:1.75rem}.catalog-page-header-nav{display:flex;align-items:center;gap:1.5rem}.catalog-hero-header{text-align:center;max-width:800px;margin:0 auto}.catalog-page-title{font-family:Outfit,sans-serif;font-size:2.4rem;font-weight:900;color:var(--text-main);margin-bottom:.5rem;letter-spacing:-.02em}.catalog-page-subtitle{font-size:1.05rem;color:var(--text-muted);line-height:1.55}.catalog-page-controls{display:flex;flex-direction:column;gap:1rem;background:#fffcf7d9;padding:1.25rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.catalog-page-search-row{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.catalog-search-wide{flex:1;min-width:280px}.catalog-count-badge{font-size:.88rem;font-weight:700;color:var(--accent-primary);background:#d977061a;padding:.4rem .9rem;border-radius:var(--radius-full);border:1px solid rgba(217,119,6,.2)}.catalog-page-grid-wrap{width:100%}.catalog-load-more-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2.25rem;gap:.75rem}.btn-load-more{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.85rem;border-radius:var(--radius-full);font-size:.95rem;font-weight:800;box-shadow:0 4px 16px #00000014;transition:all var(--transition-fast)}.btn-load-more:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #d9770633;border-color:var(--accent-primary)}.btn-load-more:disabled{opacity:.7;cursor:wait}.download-toast-msg{font-size:.88rem;font-weight:700;color:var(--accent-primary);background:#fffffff2;border:1px solid var(--glass-border);padding:.45rem 1.25rem;border-radius:var(--radius-full);box-shadow:0 4px 14px #0000000f;animation:fadeIn .3s ease}.create-custom-section{margin-top:3.5rem;margin-bottom:1rem}.create-custom-card{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;background:#fffcf7f0;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--glass-shadow);align-items:center}.create-custom-badge{display:inline-block;background:var(--accent-gradient);color:#fff;font-size:.82rem;font-weight:800;padding:.35rem .85rem;border-radius:var(--radius-full);margin-bottom:.85rem}.create-custom-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;color:var(--text-main);line-height:1.2;margin-bottom:.75rem}.create-custom-desc{font-size:1rem;color:var(--text-muted);line-height:1.55;margin-bottom:1.25rem}.create-custom-features{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:700;color:var(--accent-primary)}.catalog-search-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-unsplash-catalog{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.15rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:700;white-space:nowrap}.create-options-container{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;width:100%}.create-upload-box,.create-unsplash-box{width:100%;display:flex}.create-upload-box label,.create-unsplash-box .unsplash-dropzone{width:100%;flex:1}.unsplash-dropzone{background:#d9770614;border:2px dashed #d97706}.unsplash-dropzone:hover{background:#fffffff2;border-color:#ea580c}.unsplash-icon-circle{background:linear-gradient(135deg,#111827,#374151)}.btn-unsplash-fake{background:linear-gradient(135deg,#111827,#1f2937);border:1px solid rgba(255,255,255,.15)}.nav-unsplash-btn{padding:.4rem .85rem;font-size:.82rem}.unsplash-modal-overlay{position:fixed;inset:0;background:#0f0802bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .25s ease}.unsplash-modal-card{background:#fffcf7fa;border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000059;overflow:hidden;animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}.unsplash-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;border-bottom:1px solid var(--glass-border);background:#fffc}.unsplash-header-title-group{display:flex;align-items:center;gap:1rem}.unsplash-logo-badge{width:42px;height:42px;border-radius:var(--radius-md);background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003}.unsplash-modal-title{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;color:var(--text-main)}.unsplash-modal-subtitle{font-size:.82rem;color:var(--text-dim)}.unsplash-header-actions{display:flex;align-items:center;gap:.5rem}.unsplash-apikey-panel{background:#f0e2d099;border-bottom:1px solid var(--glass-border);padding:.85rem 1.75rem;display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.apikey-input-row{display:flex;gap:.5rem}.apikey-input{flex:1;padding:.45rem .85rem;border-radius:var(--radius-md);border:1px solid var(--glass-border);font-size:.85rem;background:#fff}.unsplash-controls-bar{padding:1rem 1.75rem;border-bottom:1px solid rgba(180,110,30,.12);display:flex;flex-direction:column;gap:.75rem;background:#fff9}.unsplash-search-wrap{position:relative;width:100%}.unsplash-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-dim)}.unsplash-search-input{width:100%;padding:.65rem 2.2rem .65rem 2.6rem;border-radius:var(--radius-full);border:1.5px solid var(--glass-border);background:#fff;font-size:.92rem;outline:none;transition:all var(--transition-fast)}.unsplash-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #d9770626}.unsplash-topic-pills{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.unsplash-topic-pill{display:flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:var(--radius-full);background:#fffc;border:1px solid var(--glass-border);color:var(--text-muted);font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.unsplash-topic-pill:hover{background:#fff;border-color:var(--accent-primary);color:var(--text-main)}.unsplash-topic-pill.active{background:#111827;border-color:#111827;color:#fff;box-shadow:0 3px 10px #0003}.unsplash-modal-body{flex:1;overflow-y:auto;padding:1.5rem 1.75rem;min-height:380px}.unsplash-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.unsplash-photo-card{background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;box-shadow:0 4px 14px #0000000f;display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.unsplash-photo-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:0 12px 28px #d9770633}.unsplash-photo-img-wrap{position:relative;aspect-ratio:16 / 11;overflow:hidden;background:#2b1a0a}.unsplash-photo-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.unsplash-photo-card:hover .unsplash-photo-img-wrap img{transform:scale(1.08)}.unsplash-hover-overlay{position:absolute;inset:0;background:#0f08028c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.unsplash-photo-card:hover .unsplash-hover-overlay{opacity:1}.unsplash-photo-footer{padding:.65rem .85rem;display:flex;align-items:center;justify-content:space-between;font-size:.76rem;font-weight:700;color:var(--text-dim);background:#fff}.unsplash-photo-footer a{color:var(--text-main);text-decoration:underline}.unsplash-likes{color:#ef4444}.unsplash-loading-state,.unsplash-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:.75rem;text-align:center;color:var(--text-muted)}.unsplash-empty-state span{font-size:3rem}.unsplash-setup-view{display:flex;flex-direction:column;gap:1.25rem}.unsplash-setup-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1.75rem;align-items:start}.setup-preview-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 10px 25px #00000026;background:#2b1a0a}.setup-preview-card img{width:100%;aspect-ratio:16 / 11;object-fit:cover;display:block}.setup-photo-credits{padding:.75rem 1rem;font-size:.8rem;color:var(--text-dim);background:#fffcf7f2}.setup-photo-credits a{color:var(--accent-primary);text-decoration:underline}.setup-config-card{background:#fffcf7e6;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.setup-title{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.setup-subtitle{font-size:.88rem;color:var(--text-muted)}@media(max-width:900px){.create-custom-card,.create-options-container,.unsplash-setup-grid{grid-template-columns:1fr}}.puzzle-detail-page-wrapper{min-height:calc(100vh - 80px);padding:2.5rem 1.5rem 5rem;background:var(--bg-main)}.puzzle-detail-page-container{max-width:1200px;margin:0 auto}.puzzle-detail-hero-header{text-align:center;max-width:800px;margin:0 auto 2.5rem}.puzzle-detail-breadcrumb{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--text-dim);background:#fffcf7e6;border:1px solid var(--glass-border);padding:.35rem .85rem;border-radius:var(--radius-full);margin-bottom:1rem}.puzzle-detail-breadcrumb a{color:var(--text-dim);text-decoration:none;transition:color .15s ease}.puzzle-detail-breadcrumb a:hover{color:var(--accent-primary)}.puzzle-detail-breadcrumb .crumb-sep{opacity:.4}.puzzle-detail-breadcrumb .crumb-current{color:var(--accent-primary);font-weight:800}.puzzle-detail-page-title{font-family:Outfit,sans-serif;font-size:2.4rem;font-weight:900;color:var(--text-main);margin-bottom:.5rem;letter-spacing:-.02em}.puzzle-detail-page-subtitle{font-size:1.05rem;color:var(--text-muted);line-height:1.55}.puzzle-detail-content-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:2.25rem;align-items:start;width:100%}@media(max-width:960px){.puzzle-detail-content-grid{grid-template-columns:1fr;gap:1.75rem}}.puzzle-preview-col{display:flex;flex-direction:column;gap:1.5rem;min-width:0;width:100%;max-width:100%}.detail-image-card{position:relative;border-radius:28px;overflow:hidden;isolation:isolate;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black);box-shadow:0 16px 36px #00000026;border:1.5px solid var(--glass-border);aspect-ratio:16 / 10;width:100%;max-height:420px;background:radial-gradient(circle at center,#261608,#150b03);display:flex;align-items:center;justify-content:center}.detail-image-card img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;display:block;border-radius:26px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.detail-image-card:hover img{transform:scale(1.02)}.detail-image-badges{position:absolute;bottom:1rem;left:1rem;display:flex;gap:.5rem;z-index:2}.detail-category-badge{background:var(--accent-gradient);color:#fff;font-size:.8rem;font-weight:800;padding:.35rem .85rem;border-radius:var(--radius-full)}.detail-diff-badge{background:#000000bf;backdrop-filter:blur(6px);color:#fff;font-size:.8rem;font-weight:800;padding:.35rem .85rem;border-radius:var(--radius-full)}.detail-info-card{background:#fffcf7f0;border:1.5px solid var(--glass-border);border-radius:28px;padding:1.85rem;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:1rem;overflow:hidden;min-width:0;max-width:100%}.detail-title{font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:800;color:var(--text-main);line-height:1.25;margin:0;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.detail-description{font-size:.98rem;color:var(--text-muted);line-height:1.55;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.detail-metadata-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;border-top:1px solid rgba(180,110,30,.15)}.meta-item{display:flex;flex-direction:column;gap:.2rem;min-width:0}.meta-label{font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase}.meta-val{font-size:.92rem;font-weight:700;color:var(--text-main);word-break:break-word;overflow-wrap:anywhere}.detail-rating-box{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(180,110,30,.15)}.rating-box-title{font-size:.82rem;font-weight:700;color:var(--text-dim)}.star-rating-buttons{display:flex;align-items:center;gap:.35rem}.btn-star{background:none;border:none;font-size:1.5rem;color:#cbd5e1;cursor:pointer;padding:0 .1rem;transition:transform var(--transition-fast),color var(--transition-fast)}.btn-star:hover{transform:scale(1.25);color:#f59e0b}.btn-star.active{color:#f59e0b;text-shadow:0 0 8px rgba(245,158,11,.4)}.user-rating-text{font-size:.85rem;font-weight:700;color:var(--text-muted);margin-left:.5rem}.rating-success-toast{font-size:.82rem;font-weight:700;color:#059669;animation:fadeIn .25s ease}.puzzle-actions-col{display:flex;flex-direction:column;gap:1.75rem;min-width:0;width:100%;max-width:100%}.detail-section-card{background:#fffcf7f0;border:1.5px solid var(--glass-border);border-radius:28px;padding:1.85rem;box-shadow:var(--glass-shadow);overflow:hidden;min-width:0;max-width:100%}.section-card-title{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800;color:var(--text-main)}.section-card-subtitle{font-size:.88rem;color:var(--text-muted);margin-top:.2rem;margin-bottom:1.25rem}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem;margin-bottom:1.5rem}.diff-card{background:#fffc;border:2px solid var(--glass-border);border-radius:var(--radius-md);padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;cursor:pointer;transition:all var(--transition-fast)}.diff-card:hover{background:#fff;border-color:var(--accent-primary);transform:translateY(-2px)}.diff-card.active{background:#fff;border-color:var(--accent-primary);box-shadow:0 4px 14px #d9770640}.diff-icon{font-size:1.4rem;margin-bottom:.2rem}.diff-name{font-size:.9rem;font-weight:800;color:var(--text-main)}.diff-pieces{font-size:.82rem;font-weight:700;color:var(--accent-primary)}.diff-grid{font-size:.75rem;color:var(--text-dim)}.detail-actions-btn-group{display:flex;flex-direction:column;gap:.9rem;margin-top:1rem}.detail-actions-btn-group .btn{font-size:1rem;padding:.75rem 1.4rem}.btn-multiplayer,.btn-multiplayer-trigger{background:linear-gradient(180deg,#6366f1,#4f46e5 40%,#4338ca)!important;color:#fff!important;text-shadow:0 1px 2px rgba(30,27,75,.6)!important;border-top:1px solid rgba(255,255,255,.4)!important;box-shadow:0 4px #312e81,0 8px 18px #4f46e547!important;border-radius:var(--radius-md)!important}.btn-multiplayer:hover:not(:disabled),.btn-multiplayer-trigger:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px #312e81,0 12px 22px #4f46e561!important}.btn-multiplayer:active:not(:disabled),.btn-multiplayer-trigger:active:not(:disabled){transform:translateY(3px)!important;box-shadow:0 1px #312e81,0 3px 8px #00000026!important}.btn-detail-fav{background:linear-gradient(180deg,#fff,#fbf4ea,#f2e3ce)!important;color:var(--text-main)!important;border-top:1px solid rgba(255,255,255,.8)!important;border-left:1px solid rgba(255,255,255,.4)!important;box-shadow:0 4px #b46e1e59,0 8px 18px #00000014!important}.btn-detail-fav:hover{transform:translateY(-2px)!important;border-color:var(--accent-primary)!important;box-shadow:0 6px #b46e1e73,0 12px 22px #b46e1e26!important}.btn-detail-fav:active{transform:translateY(3px)!important;box-shadow:0 1px #b46e1e59!important}.btn-detail-fav.active{color:#dc2626!important;border-color:#dc26264d!important;box-shadow:0 4px #b91c1c,0 8px 18px #dc262626!important}.btn-detail-report{background:linear-gradient(180deg,#fff5f5,#fee2e2,#fecaca)!important;color:#dc2626!important;border-top:1px solid rgba(255,255,255,.8)!important;box-shadow:0 4px #b91c1c,0 8px 18px #dc26262e!important;font-weight:800!important}.btn-detail-report:hover{transform:translateY(-2px)!important;box-shadow:0 6px #b91c1c,0 12px 22px #dc262647!important}.btn-detail-report:active{transform:translateY(3px)!important;box-shadow:0 1px #b91c1c,0 3px 8px #00000026!important}.launch-game-btn{box-shadow:0 6px 20px #d9770659}.detail-bottom-leaderboard-section{margin-top:2.5rem}.leaderboard-full-card{width:100%}.leaderboard-bottom-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(180,110,30,.15)}.leaderboard-diff-filter{display:flex;flex-wrap:wrap;gap:.5rem}.diff-filter-pill{padding:.45rem .9rem;border-radius:var(--radius-full);background:#ffffffb3;border:1.5px solid var(--glass-border);font-size:.85rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.diff-filter-pill:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px)}.diff-filter-pill.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #d977064d}.leaderboard-bottom-content{min-height:240px;display:flex;flex-direction:column;justify-content:center}.leaderboard-diff-tag{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full);background:#d977061f;color:var(--accent-primary);font-weight:700;font-size:.8rem}.leaderboard-table-wrap{overflow-x:auto;width:100%;min-width:0}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}.leaderboard-table th{padding:.85rem 1.25rem;font-size:.8rem;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(180,110,30,.15);white-space:nowrap}.leaderboard-table td{padding:1rem 1.25rem;border-bottom:1px solid rgba(180,110,30,.08);font-weight:600;white-space:nowrap}.my-record-row{background:#d9770614}.rank-badge{display:inline-block;font-weight:800;font-size:.9rem}.player-cell{display:flex;align-items:center;gap:.6rem}.player-avatar{font-size:1.25rem}.you-badge{background:var(--accent-gradient);color:#fff;font-size:.7rem;font-weight:800;padding:.15rem .55rem;border-radius:var(--radius-full)}.time-cell{color:var(--accent-primary);font-weight:800;font-size:1rem}.leaderboard-loading,.leaderboard-empty{padding:2.5rem 1rem;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:.5rem}.empty-trophy{font-size:2.8rem;display:block}.spinner-icon{font-size:1.8rem;animation:timerPulse 1.2s infinite ease-in-out}.game-screen-wrapper{position:fixed;inset:0;width:100vw;height:100vh;display:flex;flex-direction:column;background:#f0e2d0;overflow:hidden;z-index:100}.game-top-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.5rem;background:#fffcf7fa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1.5px solid var(--glass-border);box-shadow:0 4px 20px #784b1914;z-index:50;flex-shrink:0;gap:1rem}.game-top-left{display:flex;align-items:center;gap:1rem;min-width:0}.game-puzzle-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-stats-container{display:flex;align-items:center;gap:1.25rem;flex:1;max-width:480px;justify-content:center}.game-stat-pill{display:flex;align-items:center;gap:.45rem;padding:.4rem .9rem;background:#f0e2d0d9;border:1px solid var(--glass-border);border-radius:var(--radius-full);font-weight:700;font-size:.92rem;box-shadow:0 2px 6px #0000000a}.game-timer-pill{background:#fffffff2;border:1.5px solid var(--accent-primary);box-shadow:0 4px 14px #d9770638;padding:.45rem 1.1rem}.timer-pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:timerPulse 1.5s infinite ease-in-out}@keyframes timerPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}.timer-content{display:flex;align-items:baseline;gap:.35rem}.timer-label{font-size:.78rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.timer-val{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;color:var(--accent-primary);letter-spacing:.5px}.game-progress-wrapper{display:flex;flex-direction:column;gap:.25rem;min-width:180px;flex:1}.progress-info{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;color:var(--text-muted)}.progress-bar-bg{width:100%;height:8px;background:#00000014;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .3s ease}.game-actions-group{display:flex;align-items:center;gap:.5rem}.game-canvas-container{position:relative;flex:1;width:100%;height:100%;min-height:0;background:var(--canvas-bg);overflow:hidden;touch-action:none!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.canvas-wrapper{width:100%;height:100%;cursor:grab;touch-action:none!important;user-select:none;-webkit-user-select:none;transform:translateZ(0);will-change:transform}#puzzleCanvas{display:block;width:100%;height:100%;touch-action:none!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transform:translateZ(0);will-change:transform;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.floating-canvas-controls{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:25}.btn-canvas-ctrl{width:44px;height:44px;border-radius:var(--radius-full);background:#fffcf7f0;backdrop-filter:blur(12px);border:1.5px solid var(--glass-border);font-size:1.15rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #00000026;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.btn-canvas-ctrl:hover{background:#fff;border-color:var(--accent-primary);transform:scale(1.08);box-shadow:0 6px 18px #d977064d}.btn-canvas-ctrl:active{transform:scale(.95)}.reference-floating-window{position:absolute;width:min(320px,85vw);background:#fffcf7fa;border:1.5px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 16px 40px #00000059;overflow:hidden;z-index:250;display:flex;flex-direction:column;transition:width .22s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(10px)}.reference-window-large{width:min(500px,92vw)!important}.reference-drag-handle{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#f0e2d0f2;font-weight:800;font-size:.82rem;color:var(--text-main);cursor:grab;user-select:none;border-bottom:1px solid var(--glass-border)}.reference-drag-handle:active{cursor:grabbing}.reference-header-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.reference-header-btns{display:flex;align-items:center;gap:.4rem}.btn-ref-size-toggle{background:transparent;border:none;font-size:.95rem;color:var(--text-dim);cursor:pointer;padding:.15rem .35rem;border-radius:4px;line-height:1;transition:all .15s ease}.btn-ref-size-toggle:hover{background:#00000014;color:var(--text-main)}.btn-close-sm{background:transparent;border:none;cursor:pointer;font-weight:800;color:var(--text-dim);font-size:.9rem;padding:.15rem .35rem;border-radius:4px;line-height:1;transition:all .15s ease}.btn-close-sm:hover{color:#dc2626;background:#dc26261a}.reference-body{padding:.5rem;background:#140a0514;display:flex;align-items:center;justify-content:center;max-height:70vh;overflow:auto}.reference-body img,.reference-body img.reference-full-img{width:100%;height:auto;max-height:min(60vh,480px);object-fit:contain!important;aspect-ratio:auto!important;border-radius:var(--radius-sm);display:block;box-shadow:0 2px 10px #00000026}body.modal-open,html.modal-open{overflow:hidden!important;touch-action:none!important;overscroll-behavior:none!important}.modal-backdrop{position:fixed;inset:0;background:#160c05ad;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1.5rem;will-change:opacity;transform:translateZ(0);touch-action:none;overscroll-behavior:contain}.modal-card{background:#fffcf7fa;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 16px 45px #00000047;max-width:460px;width:100%;padding:2rem;animation:modalPop .22s cubic-bezier(.16,1,.3,1);will-change:transform,opacity;transform:translateZ(0);touch-action:auto}@keyframes modalPop{0%{opacity:0;transform:scale3d(.95,.95,1)}to{opacity:1;transform:scaleZ(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-header h2{font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:800;color:var(--text-main);margin:0}.btn-close{background:transparent;border:none;font-size:1.35rem;font-weight:800;cursor:pointer;color:var(--text-dim);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-close:hover{background:#d977061f;color:var(--text-main)}.auth-tabs{display:flex;background:#f4ebd9;padding:.35rem;border-radius:var(--radius-md);margin-bottom:1.35rem;border:1px solid rgba(217,119,6,.15)}.auth-tab-btn{flex:1;padding:.6rem .75rem;border:none;background:transparent;font-weight:800;font-size:.92rem;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.auth-tab-btn.active{background:#fff;color:var(--accent-secondary, #d97706);box-shadow:0 3px 10px #00000014}.auth-form{display:flex;flex-direction:column;gap:1.15rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.88rem;font-weight:800;color:var(--text-main)}.form-group input{padding:.8rem 1rem;border-radius:var(--radius-md);border:1.5px solid rgba(217,119,6,.22);background:#fffdfa;font-size:.96rem;color:var(--text-main);outline:none;transition:all .15s ease}.form-group input:focus{border-color:var(--accent-primary);background:#fff;box-shadow:0 0 0 3px #d977062e}.avatar-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;contain:layout style}.avatar-choice{font-size:1.75rem;padding:.55rem;background:#fffdfa;border:1.5px solid rgba(217,119,6,.2);border-radius:var(--radius-md);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center;contain:layout paint;will-change:transform}.avatar-choice:hover{transform:translateY(-2px) scale(1.05);border-color:var(--accent-primary);background:#fff;box-shadow:0 4px 12px #d9770626}.avatar-choice.selected{border-color:var(--accent-secondary, #d97706);background:#d9770626;transform:scale(1.1);box-shadow:0 0 0 2px var(--accent-secondary, #d97706),0 6px 16px #d9770640}.auth-alert{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:700;line-height:1.4}.auth-alert.error{background:#ef44441f;color:#b91c1c;border:1px solid rgba(239,68,68,.35)}.auth-alert.warning{background:#f59e0b24;color:#d97706;border:1px solid rgba(245,158,11,.4)}.dark-mode .auth-alert.warning{background:#f59e0b2e;color:#fbbf24;border-color:#f59e0b80}.auth-rate-limit-badge{display:flex;align-items:center;gap:.5rem;animation:pulseRateLimit 2s infinite ease-in-out}@keyframes pulseRateLimit{0%,to{box-shadow:0 0 #f59e0b33}50%{box-shadow:0 0 0 4px #f59e0b26}}.auth-alert.success{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.35)}.modal-actions{display:flex;gap:.85rem;margin-top:.4rem}.auth-page-wrapper{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem 4rem;position:relative;overflow:hidden}.auth-page-container{width:100%;max-width:490px;position:relative;z-index:2;display:flex;flex-direction:column;gap:1.25rem}.auth-page-back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-weight:700;font-size:.92rem;text-decoration:none;transition:all .2s ease;width:fit-content}.auth-page-back-link span{font-size:1.25rem;line-height:1;transition:transform .2s ease}.auth-page-back-link:hover{color:var(--accent-secondary, #d97706)}.auth-page-back-link:hover span{transform:translate(-3px)}.auth-page-card{background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(217,119,6,.2);border-radius:var(--radius-xl, 20px);padding:2.25rem 2rem;box-shadow:0 16px 40px #00000014,0 4px 12px #d9770614}.dark .auth-page-card{background:#1a1a1aeb;border-color:#f59e0b40;box-shadow:0 16px 40px #00000059}.auth-page-header{text-align:center;margin-bottom:1.6rem}.auth-google-btn-wrap{margin-bottom:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:44px}.google-official-btn{display:flex;justify-content:center;align-items:center;width:100%;min-height:44px}.google-official-btn:empty{display:none}.google-official-btn>div{display:flex!important;justify-content:center!important}.auth-google-loading-pill{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--accent-primary);margin-top:.5rem}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:700;font-size:.95rem;height:44px;width:100%;max-width:360px;background:#fff;color:#374151;border:1.5px solid rgba(0,0,0,.12);border-radius:4px;box-shadow:0 1px 3px #0000000f;transition:background-color .2s ease,border-color .2s ease;cursor:pointer;box-sizing:border-box}.auth-google-btn:hover{background:#f9fafb;border-color:#00000040}.dark .auth-google-btn{background:#262626;color:#f3f4f6;border-color:#ffffff26}.dark .auth-google-btn:hover{background:#333;border-color:#ffffff4d}.google-icon{flex-shrink:0;width:20px;height:20px}.auth-divider-line{display:flex;align-items:center;text-align:center;margin:1.25rem 0 1.35rem;color:var(--text-muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.auth-divider-line:before,.auth-divider-line:after{content:"";flex:1;border-bottom:1px solid rgba(0,0,0,.1)}.dark .auth-divider-line:before,.dark .auth-divider-line:after{border-bottom-color:#ffffff1f}.auth-divider-line span{padding:0 .85rem}.auth-page-brand-icon{font-size:2.8rem;line-height:1;margin-bottom:.6rem;display:inline-block;animation:floatBounce 3s ease-in-out infinite}.auth-page-title{font-size:1.65rem;font-weight:900;color:var(--text-main);margin-bottom:.45rem;letter-spacing:-.02em}.auth-page-subtitle{font-size:.92rem;color:var(--text-muted);line-height:1.45;margin:0}.auth-page-submit-wrap{margin-top:.75rem}.auth-page-footer{text-align:center;margin-top:1.6rem;padding-top:1.35rem;border-top:1px solid rgba(0,0,0,.08);font-size:.92rem;color:var(--text-muted)}.dark .auth-page-footer{border-top-color:#ffffff14}.auth-switch-link-btn{background:none;border:none;color:var(--accent-secondary, #d97706);font-weight:800;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;text-decoration:underline;text-underline-offset:3px;transition:all .15s ease}.auth-switch-link-btn:hover{color:var(--accent-primary, #b45309)}.auth-forgot-link-btn{background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;padding:.2rem 0;display:inline-block;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.auth-forgot-link-btn:hover{color:var(--accent-secondary, #d97706)}.auth-recovery-hint{font-size:.86rem;color:var(--text-muted);line-height:1.5;background:rgba(var(--accent-primary-rgb, 217, 119, 6),.08);border:1px solid rgba(var(--accent-primary-rgb, 217, 119, 6),.2);border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.restart-confirm-modal-card{max-width:440px;text-align:center}.restart-stats-preview{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);padding:.85rem 1rem;margin:1.25rem 0 1rem}.restart-stat-item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.restart-stat-label{font-size:.76rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.restart-stat-val{font-size:1.05rem;font-weight:800;color:var(--text-main)}.restart-warning-note{font-size:.84rem;color:#b45309;background:#fef3c7a6;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);padding:.65rem .85rem;margin-bottom:1.5rem;line-height:1.4}.restart-modal-actions{display:flex;align-items:center;justify-content:center;gap:.85rem}.btn-restart-cancel{flex:1;padding:.7rem 1.1rem;border-radius:var(--radius-md)}.btn-restart-confirm{flex:1;padding:.7rem 1.1rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-md);font-weight:800;box-shadow:0 4px 14px #dc262659;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-restart-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 18px #dc262673}.btn-restart-confirm:active{transform:translateY(0)}.victory-card{max-width:520px;text-align:center;display:flex;flex-direction:column;align-items:center}.victory-badge-glow{font-size:3.5rem;margin-bottom:.5rem;animation:bounceGlow 1.2s infinite alternate ease-in-out;will-change:transform;transform:translateZ(0)}@keyframes bounceGlow{0%{transform:translateZ(0)}to{transform:translate3d(0,-6px,0)}}.victory-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:900;color:var(--text-main)}.victory-subtitle{font-size:.95rem;color:var(--text-muted);margin-top:.2rem;margin-bottom:1.5rem}.victory-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;background:#f0e2d099;padding:1.25rem;border-radius:var(--radius-md);margin-bottom:1.25rem}.victory-stat-item{display:flex;flex-direction:column;gap:.2rem}.victory-stat-item .stat-label{font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase}.victory-stat-item .stat-value{font-size:1.2rem;font-weight:800;color:var(--accent-primary)}.victory-xp-reward-card{width:100%;background:linear-gradient(135deg,#fef3c7cc,#fde68a99);border:1.5px solid rgba(245,158,11,.4);border-radius:20px;padding:1.1rem 1.25rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 4px 16px #d977061f}.victory-xp-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem}.xp-gain-badge{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:900;padding:.35rem .85rem;border-radius:var(--radius-full);box-shadow:0 4px 12px #ea580c4d}.xp-breakdown{font-size:.8rem;font-weight:700;color:#92400e}.victory-level-progress-wrap{display:flex;flex-direction:column;gap:.35rem;width:100%}.victory-level-info-row{display:flex;justify-content:space-between;font-size:.85rem;font-weight:800}.victory-level-badge{color:#78350f;display:flex;align-items:center;gap:.3rem}.victory-level-xp-text{color:#b45309}.victory-progress-bg{height:10px;background:#b4530926;border-radius:var(--radius-full);overflow:hidden}.victory-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#10b981);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.34,1.56,.64,1)}.victory-level-subtext{font-size:.78rem;color:#92400e;text-align:right;font-weight:600}.victory-rate-section{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.85rem 1.25rem;background:#fffc;border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:1.25rem;width:100%}.rate-prompt{font-size:.85rem;font-weight:700;color:var(--text-muted)}.saved-badge-box{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#065f46;padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:700;font-size:.9rem;margin-bottom:1.25rem;width:100%}.victory-guest-cta-box{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:1.25rem;width:100%;display:flex;flex-direction:column;gap:.75rem;text-align:left}.guest-cta-text{display:flex;gap:.75rem;align-items:flex-start}.guest-cta-icon{font-size:1.4rem;line-height:1}.guest-cta-text strong{display:block;font-size:.95rem;color:#92400e;margin-bottom:.2rem}.guest-cta-text p{font-size:.85rem;color:#78350f;margin:0;line-height:1.35}.btn-guest-login{align-self:flex-start;box-shadow:0 4px 12px #d977064d}.victory-card-expanded{max-width:640px;max-height:90vh;overflow-y:auto}.victory-leaderboard-section{width:100%;background:#ffffffb3;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem}.victory-leaderboard-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:var(--text-main);margin-bottom:.75rem;text-align:left}.victory-actions-row{display:flex;gap:1rem;width:100%}.victory-actions-row .btn{flex:1}.profile-page-wrapper{max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem 4rem;flex:1;display:flex;flex-direction:column}.profile-header-card{background:#fffcf7f0;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--glass-shadow);margin-bottom:2rem;width:100%}.profile-user-summary{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.75rem;flex-wrap:wrap}.profile-avatar-wrap{position:relative;width:80px;height:80px;background:var(--accent-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #d9770659}.profile-avatar-emoji{font-size:2.8rem}.btn-change-avatar{position:absolute;bottom:0;right:0;background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-full);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;box-shadow:0 2px 6px #00000026}.profile-user-details{flex:1}.profile-name-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.25rem}.profile-username{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.profile-level-capsule{background:#fef3c7;color:#b45309;border:1px solid #f59e0b;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:800;display:inline-flex;align-items:center;gap:.35rem;box-shadow:0 2px 6px #f59e0b26}.profile-joined{font-size:.88rem;color:var(--text-dim)}.profile-xp-banner{background:#fffc;border:1px solid rgba(245,158,11,.3);border-radius:20px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 14px #00000008}.profile-xp-info{display:flex;justify-content:space-between;align-items:center;font-weight:800}.profile-xp-title{font-size:.95rem;color:var(--text-main)}.profile-xp-count{font-size:.95rem;color:var(--accent-primary);font-family:Outfit,sans-serif}.profile-progress-bg{height:12px;background:#b453091f;border-radius:var(--radius-full);overflow:hidden}.profile-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#10b981);border-radius:var(--radius-full);transition:width .6s ease}.profile-xp-sub{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-dim);font-weight:600}.profile-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(180,110,30,.15)}.profile-stat-box{background:#f0e2d08c;border:1.5px solid var(--glass-border);border-radius:var(--radius-md);padding:1.1rem .6rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.profile-stat-box:hover{background:#fff;border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 8px 22px #d9770629}.profile-stat-box:active{transform:scale(.97)}.profile-stat-box.active{background:#fff;border-color:var(--accent-primary);box-shadow:0 6px 20px #d9770638;position:relative}.profile-stat-box.active:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:3px;background:var(--accent-gradient);border-radius:var(--radius-full)}.profile-stat-box .stat-number{font-family:Outfit,sans-serif;font-size:1.7rem;font-weight:800;color:var(--accent-primary);line-height:1}.profile-stat-box .stat-label{font-size:.8rem;font-weight:800;color:var(--text-dim)}@media(max-width:768px){.profile-stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem}}.profile-tab-content{width:100%;min-height:420px;overflow:visible}.saved-in-progress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem;width:100%}.saved-game-card{background:#fffcf7f5;border:1.5px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.saved-game-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:0 16px 32px #d977062e}.saved-img-wrap{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#2b1a0a}.saved-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.saved-diff-badge{position:absolute;top:.75rem;left:.75rem;background:#ffffffeb;color:var(--text-main);font-size:.75rem;font-weight:800;padding:.25rem .65rem;border-radius:var(--radius-full);box-shadow:0 2px 8px #00000026}.saved-percent-badge{position:absolute;top:.75rem;right:.75rem;background:var(--accent-gradient);color:#fff;font-size:.78rem;font-weight:800;padding:.25rem .65rem;border-radius:var(--radius-full);box-shadow:0 2px 8px #0003}.saved-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.saved-card-title{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:800;color:var(--text-main)}.saved-stats-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-dim)}.saved-stats-row strong{color:var(--text-main)}.saved-progress-wrap{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.saved-progress-info{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;color:var(--text-muted)}.saved-actions-row{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(180,110,30,.12)}.btn-continue-game{flex:1}.btn-discard-game{padding:.55rem .85rem;background:#ef44441a;border-color:#ef444440;color:#b91c1c;cursor:pointer}.btn-discard-game:hover{background:#ef444433;border-color:#ef4444}.solved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%}.solved-card{background:#fffcf7f0;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;height:100%}.solved-img-wrap{position:relative;width:100%;height:190px;min-height:190px;max-height:190px;overflow:hidden;background:#18181b}.solved-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .35s ease}.solved-card:hover .solved-img-wrap img{transform:scale(1.04)}.solved-badge{position:absolute;top:.75rem;right:.75rem;background:#10b981eb;color:#fff;font-size:.75rem;font-weight:800;padding:.25rem .65rem;border-radius:var(--radius-full);backdrop-filter:blur(4px);z-index:2;box-shadow:0 2px 8px #00000040}.solved-rank-badge{position:absolute;top:.75rem;left:.75rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75rem;font-weight:800;padding:.25rem .65rem;border-radius:var(--radius-full);backdrop-filter:blur(4px);z-index:2;box-shadow:0 2px 8px #f59e0b59;display:flex;align-items:center;gap:.25rem}.solved-rank-badge.gold{background:linear-gradient(135deg,#fbbf24,#d97706);border:1px solid rgba(255,255,255,.6)}.solved-rank-badge.silver{background:linear-gradient(135deg,#94a3b8,#64748b);border:1px solid rgba(255,255,255,.6)}.solved-rank-badge.bronze{background:linear-gradient(135deg,#d97706,#b45309);border:1px solid rgba(255,255,255,.6)}.solved-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.solved-title-link{text-decoration:none;color:inherit;transition:color .2s ease}.solved-title-link:hover .solved-title{color:var(--primary)}.solved-title{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;margin:0;line-height:1.3}.solved-record-info,.solved-diff-info,.solved-rank-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.solved-rank-row{padding:.35rem .5rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);color:var(--text);font-weight:600}.solved-rank-val{color:#d97706;font-weight:800}.solved-actions-row{margin-top:auto;padding-top:.5rem}.my-leaderboard-highlight-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f59e0b1f,#d977060f);border:1.5px solid rgba(245,158,11,.4);border-radius:var(--radius-md);padding:.85rem 1.25rem;margin-bottom:1.25rem;gap:1rem;box-shadow:0 4px 14px #f59e0b1f}.my-rank-glow-icon{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(245,158,11,.4))}.my-rank-details{flex:1;display:flex;flex-direction:column;gap:.2rem}.my-rank-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:#b45309}.my-rank-subtitle{font-size:.85rem;color:var(--text-muted)}.my-rank-position-capsule{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:800;font-size:.85rem;padding:.35rem .85rem;border-radius:var(--radius-full);white-space:nowrap;box-shadow:0 2px 8px #f59e0b4d}@media(max-width:640px){.my-leaderboard-highlight-banner{flex-direction:column;align-items:flex-start;gap:.6rem}.my-rank-position-capsule{align-self:flex-start}}.profile-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;background:#fffcf799;border:1px dashed var(--glass-border);border-radius:var(--radius-lg);min-height:360px;gap:.75rem}.profile-empty-state .empty-icon{font-size:3rem;margin-bottom:.5rem}.profile-empty-state h3{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.profile-empty-state p{color:var(--text-muted);max-width:420px;margin-bottom:.5rem}.achievements-header-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem;padding:1.25rem 1.5rem;background:#fffcf7d9;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.achievements-section-title{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;color:var(--text-main);margin-bottom:.25rem}.achievements-section-subtitle{font-size:.88rem;color:var(--text-muted);max-width:600px}.achievements-progress-pill{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #f59e0b;color:#b45309;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:900;padding:.4rem 1rem;border-radius:var(--radius-full);box-shadow:0 4px 12px #f59e0b26}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.25rem;width:100%}.achievement-card{background:#fffcf7f5;border:1.5px solid var(--glass-border);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--glass-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.achievement-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014}.achievement-card.unlocked{border-color:#10b981;background:linear-gradient(180deg,#fffffffa,#ecfdf5cc);box-shadow:0 4px 16px #10b9811f}.achievement-card.unlocked .ach-status{color:#059669;background:#d1fae5;border:1px solid #a7f3d0}.achievement-card.locked{opacity:.75;background:#faf5eeb3}.achievement-card.locked .ach-status{color:var(--text-dim);background:#0000000a;border:1px solid rgba(0,0,0,.08)}.achievement-card .ach-icon{font-size:2.2rem;line-height:1}.ach-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.ach-title-row h3{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:var(--text-main);margin:0}.ach-cat-badge{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:.15rem .45rem;border-radius:var(--radius-full);background:#d977061a;color:#b45309}.achievement-card p{font-size:.82rem;color:var(--text-muted);line-height:1.35;margin:0}.ach-status{font-size:.75rem;font-weight:800;padding:.3rem .65rem;border-radius:var(--radius-full);align-self:flex-start;margin-top:auto}@media(max-width:1024px){.daily-spotlight-card{grid-template-columns:1fr;gap:1.75rem;padding:1.75rem}.puzzle-detail-grid,.puzzle-detail-content-grid{grid-template-columns:1fr;gap:1.75rem}.create-custom-card{grid-template-columns:1fr;gap:2rem;padding:2rem}}@media(max-width:768px){.jp-navbar-inner{padding:.45rem .75rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.jp-brand-link{display:flex;align-items:center;gap:.5rem;margin:0;text-align:left}.brand-logo{width:32px;height:32px;flex-shrink:0}.brand-text{display:flex!important;flex-direction:column}.brand-title{font-size:1.05rem;font-weight:800;line-height:1.1;white-space:nowrap}.brand-subtitle{display:none}.jp-nav-links{order:unset;width:auto;max-width:none;margin:0;display:flex;align-items:center;gap:.25rem;padding:.25rem .35rem;background:#f0e2d0d9;border-radius:var(--radius-full)}.nav-item-label,.nav-profile-name,.nav-level-tag,.dropdown-caret,.lang-code{display:none!important}.jp-nav-item{padding:.35rem .45rem;font-size:1rem;gap:0;min-width:36px;height:36px;justify-content:center;border-radius:var(--radius-full)}.nav-item-icon,.lang-flag,.nav-profile-avatar{font-size:1.18rem;line-height:1}.jp-nav-lang-btn,.jp-nav-profile{padding:.35rem;min-width:36px;height:36px;justify-content:center}.jp-profile-dropdown{right:0;left:auto;min-width:230px}@media(max-width:440px){.brand-text{display:none!important}.jp-brand-link{gap:0}.jp-nav-links{gap:.15rem;padding:.2rem .25rem}.jp-nav-item,.jp-nav-lang-btn,.jp-nav-profile{min-width:32px;height:32px;padding:.2rem}}.nav-sound-label{display:none}.hud-xp-count{font-size:.72rem}.game-hud-btn{width:36px;height:36px;font-size:.95rem;flex-shrink:0}.home-content-container{padding:1.25rem 1rem}.spotlight-title{font-size:1.6rem}.spotlight-desc{font-size:.92rem}.spotlight-actions{flex-direction:column;gap:.6rem}.spotlight-actions .btn{width:100%}.catalog-header-row{flex-direction:column;align-items:stretch;gap:1rem}.search-box-wrap{min-width:100%;width:100%}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.create-custom-title{font-size:1.5rem}.puzzle-detail-page-wrapper{padding:1.25rem .75rem 3.5rem}.puzzle-detail-grid,.puzzle-detail-content-grid{grid-template-columns:1fr!important;gap:1.5rem;width:100%}.puzzle-preview-col,.puzzle-actions-col{width:100%;min-width:0}.detail-image-card{border-radius:var(--radius-md)}.detail-info-card,.detail-section-card{padding:1.25rem 1rem;border-radius:var(--radius-md)}.detail-title{font-size:1.4rem;word-break:break-word}.detail-description{font-size:.92rem;word-break:break-word}.detail-metadata-row{grid-template-columns:repeat(3,1fr);gap:.5rem;padding-top:.75rem}.meta-val{font-size:.85rem}.difficulty-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.5rem}.diff-card{padding:.75rem .5rem}.detail-actions-btn-group{gap:.65rem}.detail-actions-btn-group .btn{font-size:.92rem;padding:.7rem .9rem;white-space:normal;text-align:center;justify-content:center}.game-top-bar{padding:.45rem .75rem;flex-wrap:wrap;gap:.4rem}.game-top-bar .btn-back{padding:.35rem .65rem;font-size:.82rem}.game-top-left{flex:1;min-width:0;gap:.5rem}.game-puzzle-title{font-size:.92rem;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-icon-ref,.btn-icon-scatter,.btn-icon-music,.reference-floating-window{display:none!important}.game-actions-group{gap:.35rem}.game-actions-group .btn-icon{width:34px;height:34px;font-size:.95rem}.game-stats-container{order:3;width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.25rem;border-top:1px solid rgba(180,110,30,.12)}.game-timer-pill{padding:.3rem .65rem;font-size:.82rem;flex-shrink:0}.timer-val{font-size:.95rem}.game-progress-wrapper{flex:1;min-width:120px}.profile-page-wrapper{padding:1rem 1rem 3rem}.profile-header-card{padding:1.25rem}.profile-header-card{padding:1.25rem 1rem;margin-bottom:1.5rem}.profile-user-summary{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.85rem;margin-bottom:1.25rem}.profile-avatar-wrap{margin:0 auto}.profile-user-details{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.profile-name-row{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.45rem;margin-bottom:.25rem}.profile-username{font-size:1.55rem;text-align:center;margin:0}.profile-level-capsule{margin:0 auto;font-size:.82rem;padding:.25rem .85rem;display:inline-flex;align-items:center;gap:.35rem}.profile-joined{text-align:center;font-size:.82rem;margin:.2rem auto 0}.profile-header-actions{width:100%;display:flex;justify-content:center;margin-top:.5rem}.profile-xp-banner{padding:1rem 1.15rem;border-radius:16px}.profile-xp-info{font-size:.88rem}.profile-xp-sub{flex-direction:column;align-items:center;gap:.25rem;text-align:center;font-size:.76rem}.profile-stats-row{grid-template-columns:repeat(2,1fr);gap:.65rem;padding-top:1.25rem}.profile-stat-box{padding:.85rem .5rem}.profile-stat-box .stat-number{font-size:1.4rem}.profile-stat-box .stat-label{font-size:.75rem}.achievements-header-summary{flex-direction:column;align-items:center;text-align:center;gap:.85rem}.achievements-section-title{text-align:center;font-size:1.3rem}.achievements-section-subtitle{text-align:center;font-size:.88rem}.achievements-progress-pill{margin:0 auto}.saved-in-progress-grid,.solved-grid,.achievements-grid{display:grid!important;grid-template-columns:1fr!important;gap:1.25rem!important;overflow:visible!important;padding:0!important;margin:0!important}.saved-game-card,.solved-card,.achievement-card{width:100%!important;max-width:100%!important;border-radius:20px!important}.victory-card-expanded{padding:1.25rem}.victory-title{font-size:1.5rem}.victory-stats-grid{grid-template-columns:1fr;gap:.5rem}.victory-actions-row{flex-direction:column}}@media(max-width:480px){.brand-logo{width:32px;height:32px}.brand-title{font-size:1.08rem}.brand-subtitle{font-size:.65rem}.catalog-grid{grid-template-columns:1fr}.difficulty-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.diff-card{padding:.75rem .5rem;min-height:85px}.diff-icon{font-size:1.25rem}.diff-name{font-size:.85rem}.diff-pieces{font-size:.8rem}.diff-grid{font-size:.72rem}}.card-fav-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.95);box-shadow:0 4px 12px #00000029;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;z-index:10;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.card-fav-btn:hover{transform:scale(1.15);background:#fff;box-shadow:0 6px 18px #ef444440}.card-fav-btn:active{transform:scale(.9)}.card-fav-btn.active{background:#fff;border-color:#fecaca;box-shadow:0 4px 14px #ef444459;animation:favPulse .35s ease}@keyframes favPulse{0%{transform:scale(.8)}50%{transform:scale(1.25)}to{transform:scale(1)}}.detail-actions-btn-group{display:flex;flex-direction:column;gap:.75rem;width:100%}.btn-detail-fav{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;font-weight:800;border-radius:var(--radius-md);border:1.5px solid var(--glass-border);background:#fffcf7e6;cursor:pointer;transition:all .2s ease}.btn-detail-fav:hover{background:#fff;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 6px 16px #ef444426}.btn-detail-fav.active{background:#fef2f2;border-color:#f87171;color:#b91c1c}.btn-detail-report{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem 1.25rem;font-weight:700;font-size:.88rem;border-radius:var(--radius-md);border:1.5px solid rgba(220,38,38,.22);background:#fef2f28c;color:#b91c1c;cursor:pointer;transition:all .2s ease}.btn-detail-report:hover{background:#fee2e2;border-color:#ef4444;color:#991b1b;transform:translateY(-2px);box-shadow:0 4px 14px #dc262626}.btn-outline-report-user{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.15rem;font-size:.85rem;font-weight:700;border-radius:var(--radius-full);border:1.5px solid rgba(220,38,38,.25);background:#fef2f299;color:#dc2626;cursor:pointer;transition:all .2s ease}.btn-outline-report-user:hover{background:#fee2e2;border-color:#ef4444;color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc262629}.report-backdrop-animated{animation:modalBackdropFade .15s ease-out}@keyframes modalBackdropFade{0%{opacity:0}to{opacity:1}}.report-modal-card{max-width:520px;width:92%;background:#fffffffa;border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.85rem 1.75rem;box-shadow:0 20px 48px #00000042;position:relative;animation:modalFastPop .16s cubic-bezier(.16,1,.3,1);will-change:transform,opacity;transform:translateZ(0)}@keyframes modalFastPop{0%{opacity:0;transform:scale3d(.96,.96,1)}to{opacity:1;transform:scaleZ(1)}}.report-modal-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.report-modal-badge{width:44px;height:44px;border-radius:50%;background:#fee2e2;border:1.5px solid #fca5a5;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.report-modal-title{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800;color:#991b1b;margin:0;line-height:1.2}.report-modal-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:.25rem;line-height:1.4}.report-reasons-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.2rem}.report-reason-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-radius:var(--radius-sm);background:#f9fafbd9;border:1.5px solid var(--glass-border);cursor:pointer;transition:all .18s ease;font-size:.88rem;font-weight:600;color:var(--text-main)}.report-reason-item:hover{background:#fff;border-color:#f87171;transform:translate(3px)}.report-reason-item.active{background:#fef2f2;border-color:#ef4444;color:#991b1b}.report-reason-item input[type=radio]{accent-color:#dc2626;width:16px;height:16px;cursor:pointer}.report-details-box{margin-bottom:1.5rem}.report-details-label{display:block;font-size:.82rem;font-weight:700;color:var(--text-dim);margin-bottom:.35rem}.report-textarea{width:100%;border-radius:var(--radius-sm);border:1.5px solid var(--glass-border);background:#fff;padding:.65rem .85rem;font-family:inherit;font-size:.85rem;resize:vertical;color:var(--text-main);transition:border-color .2s ease}.report-textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.report-actions-row{display:flex;justify-content:flex-end;gap:.75rem}.btn-danger-report{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.25rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #dc262640}.btn-danger-report:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #dc262659}.btn-danger-report:disabled{opacity:.65;cursor:not-allowed}.report-success-view{text-align:center;padding:1.5rem 1rem}.report-success-icon-wrap{position:relative;width:68px;height:68px;margin:0 auto 1.2rem;background:#ecfdf5;border:2px solid #a7f3d0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem}.report-success-sparkle{position:absolute;top:-4px;right:-4px;font-size:1.1rem}.report-success-title{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;color:#065f46;margin-bottom:.5rem}.report-success-desc{font-size:.95rem;color:var(--text-dim);max-width:380px;margin:0 auto;line-height:1.5}.btn-fav-action{padding:.65rem 1.2rem;font-weight:800;display:inline-flex;align-items:center;gap:.4rem;border-radius:var(--radius-md);border:1.5px solid var(--glass-border);background:#ffffffe6;cursor:pointer;transition:all .2s ease}.btn-fav-action:hover{background:#fff;border-color:#ef4444;transform:translateY(-2px)}.btn-fav-action.active{background:#fef2f2;border-color:#f87171;color:#b91c1c}.carousel-wrapper{position:relative;width:100%}.carousel-side-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.95);color:#78350f;display:flex;align-items:center;justify-content:center;font-size:1.45rem;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #0000001f;opacity:.85;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;line-height:1}.carousel-side-arrow:hover{opacity:1;background:#fff;border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-50%) scale(1.12);box-shadow:0 6px 22px #d9770640}.carousel-side-arrow:active{transform:translateY(-50%) scale(.95)}.carousel-side-arrow.arrow-prev{left:-14px}.carousel-side-arrow.arrow-next{right:-14px}.category-scroll-wrapper{position:relative;display:flex;align-items:center;gap:.5rem;width:100%}.cat-side-arrow{width:34px;height:34px;border-radius:50%;background:#ffffffd1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0;line-height:1;box-shadow:0 2px 6px #0000000d}.cat-side-arrow:hover{background:#fff;border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.1);box-shadow:0 4px 12px #d9770629}.cat-side-arrow:active{transform:scale(.92)}@media(max-width:768px){.carousel-side-arrow,.cat-side-arrow{display:none}}.home-resume-section{width:100%;margin-bottom:2rem}.home-resume-card{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#fffcf7fa,#fef3c799);border:1.5px solid rgba(245,158,11,.4);border-radius:var(--radius-lg);padding:1.25rem 1.75rem;box-shadow:0 8px 24px #d977061f;flex-wrap:wrap}.resume-img-wrap{position:relative;width:110px;height:75px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 12px #00000026;flex-shrink:0;background:#2b1a0a}.resume-img-wrap img{width:100%;height:100%;object-fit:cover}.resume-tag{position:absolute;top:4px;left:4px;background:#000000b3;backdrop-filter:blur(4px);color:#fff;font-size:.65rem;font-weight:800;padding:.15rem .4rem;border-radius:var(--radius-full)}.resume-details{flex:1;min-width:200px}.resume-badge-hint{font-size:.72rem;font-weight:900;letter-spacing:.5px;color:#b45309;text-transform:uppercase;display:block;margin-bottom:.2rem}.resume-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:var(--text-main);margin:0 0 .35rem}.resume-meta{display:flex;gap:1.25rem;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap}.resume-meta strong{color:var(--text-main)}.btn-resume-action{padding:.75rem 1.4rem;font-size:.95rem;font-weight:800;box-shadow:0 4px 16px #d977064d}.btn-surprise{position:relative;display:inline-flex;align-items:center;gap:.65rem;padding:.55rem 1.35rem;border-radius:var(--radius-full);background:linear-gradient(135deg,#f59e0b,#ea580c 45%,#e11d48);background-size:200% 200%;border:1.5px solid rgba(255,255,255,.45);color:#fff;font-family:Outfit,sans-serif;cursor:pointer;box-shadow:0 4px 20px #ea580c6b,0 0 0 1px #ffffff40;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;overflow:hidden;animation:gradientShift 5s ease infinite,pulseSurpriseGlow 2.8s infinite;text-shadow:0 1px 3px rgba(0,0,0,.28);z-index:1}.btn-surprise:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:rotate(25deg);animation:surpriseShine 3.5s infinite;pointer-events:none}@keyframes surpriseShine{0%{transform:translate(-120%) rotate(25deg)}30%,to{transform:translate(120%) rotate(25deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseSurpriseGlow{0%,to{box-shadow:0 4px 18px #ea580c66,0 0 #f59e0b73}50%{box-shadow:0 8px 26px #e11d4899,0 0 0 6px #f59e0b00}}.btn-surprise:hover{transform:translateY(-2px) scale(1.06);background-position:100% 50%;box-shadow:0 10px 32px #ea580c99,0 0 0 2px #fff9;color:#fff}.btn-surprise:active{transform:translateY(0) scale(.96)}.surprise-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.surprise-dice{font-size:1.35rem;display:inline-block;animation:rollDice 2.8s infinite ease-in-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.surprise-sparkle{position:absolute;top:-8px;right:-8px;font-size:.85rem;animation:sparkleTwinkle 1.8s infinite alternate}@keyframes rollDice{0%,to{transform:rotate(0) scale(1)}15%{transform:rotate(-20deg) scale(1.15)}30%{transform:rotate(20deg) scale(1.15)}45%{transform:rotate(-10deg) scale(1.05)}60%{transform:rotate(0) scale(1)}}@keyframes sparkleTwinkle{0%{transform:scale(.7) rotate(0);opacity:.6}to{transform:scale(1.2) rotate(35deg);opacity:1;filter:drop-shadow(0 0 6px #fff)}}.surprise-text-wrap{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.15}.surprise-title{font-size:.96rem;font-weight:900;letter-spacing:.3px;color:#fff}.surprise-subtitle{font-size:.65rem;font-weight:700;color:#ffffffeb;text-transform:uppercase;letter-spacing:.5px}.daily-xp-bounty-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fef3c7f2,#fde68acc);border:1.5px solid #f59e0b;color:#92400e;padding:.5rem .85rem;border-radius:var(--radius-md);font-size:.84rem;margin-bottom:.85rem;box-shadow:0 2px 8px #f59e0b26}.daily-xp-bounty-badge .bounty-icon{font-size:1.25rem}.home-custom-cta-section{width:100%;margin-top:3rem;margin-bottom:2rem}.home-custom-cta-card{background:linear-gradient(135deg,#fffcf7f5,#fff8ebe6);border:1.5px solid var(--glass-border);border-radius:var(--radius-xl);padding:2.25rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.custom-cta-illustration{width:80px;height:80px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 8px 24px #d977064d;flex-shrink:0}.custom-cta-text{flex:1}.custom-cta-tag{font-size:.75rem;font-weight:900;letter-spacing:.5px;color:var(--accent-primary);display:block;margin-bottom:.25rem}.custom-cta-title{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;color:var(--text-main);margin:0 0 .4rem}.custom-cta-desc{font-size:.92rem;color:var(--text-muted);max-width:580px;margin:0;line-height:1.4}.custom-cta-action{flex-shrink:0}@media(max-width:768px){.home-custom-cta-card{flex-direction:column;text-align:center;padding:1.75rem;gap:1.25rem}}.new-puzzles-section{width:100%;margin-top:2.5rem;margin-bottom:2.5rem}.section-badge-pill{font-size:.72rem;font-weight:900;color:#059669;letter-spacing:.6px;display:block;margin-bottom:.2rem;text-transform:uppercase}.new-pulse-badge{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;font-weight:800!important;box-shadow:0 2px 8px #10b98166!important}.home-leaderboard-section{width:100%;margin-top:1.25rem;margin-bottom:1.5rem}.home-surprise-banner-section{width:100%;margin-bottom:2.75rem}.home-surprise-banner-card{background:linear-gradient(135deg,#fffbebfa,#fef3c7d9,#ffedd5eb);border:1.5px solid rgba(245,158,11,.45);border-radius:var(--radius-lg);padding:1.75rem 2.25rem;box-shadow:0 10px 28px #d977061f;display:flex;align-items:center;gap:2rem;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.home-surprise-banner-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #d9770633;border-color:#f59e0b}.surprise-banner-visual{width:76px;height:76px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;box-shadow:0 8px 20px #d9770659}.surprise-banner-dice{font-size:2.5rem;animation:diceWiggle 3s infinite ease-in-out}@keyframes diceWiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-12deg) scale(1.1)}75%{transform:rotate(12deg) scale(1.1)}}.surprise-banner-sparkle{position:absolute;top:-6px;right:-6px;font-size:1.3rem;animation:sparkleTwinkle 2s infinite ease-in-out}@keyframes sparkleTwinkle{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:1}}.surprise-banner-info{flex:1}.surprise-banner-tag{font-size:.74rem;font-weight:900;letter-spacing:.6px;color:#b45309;display:block;margin-bottom:.25rem;text-transform:uppercase}.surprise-banner-title{font-family:Outfit,sans-serif;font-size:1.55rem;font-weight:800;color:var(--text-main);margin:0 0 .35rem}.surprise-banner-desc{font-size:.92rem;color:var(--text-muted);margin:0;line-height:1.45;max-width:600px}.surprise-banner-cta{flex-shrink:0}.btn-surprise-large{padding:.9rem 1.8rem!important;font-size:1.05rem!important;font-weight:800!important;display:flex!important;align-items:center!important;gap:.6rem!important;box-shadow:0 6px 18px #d9770659!important}.btn-surprise-large .btn-dice-icon{font-size:1.3rem}@media(max-width:820px){.home-surprise-banner-card{flex-direction:column;text-align:center;padding:1.5rem;gap:1.25rem}.surprise-banner-desc{max-width:100%}.btn-surprise-large{width:100%;justify-content:center}}.home-mp-banner-section{width:100%;margin-bottom:2.75rem}.home-mp-banner-card{background:linear-gradient(135deg,#eef2fffa,#e0e7ffe6 45%,#f0f9fff2);border:1.5px solid rgba(79,70,229,.35);border-radius:var(--radius-lg);padding:1.75rem 2.25rem;box-shadow:0 10px 28px #4f46e51f;display:flex;align-items:center;gap:2rem;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.home-mp-banner-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #4f46e538;border-color:#4f46e5}.mp-banner-visual{width:76px;height:76px;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;box-shadow:0 8px 20px #4f46e559}.mp-banner-icon{font-size:2.5rem;animation:mpPulse 2.8s infinite ease-in-out}@keyframes mpPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.mp-banner-sparkle{position:absolute;top:-6px;right:-6px;font-size:1.3rem;animation:sparkleTwinkle 2s infinite ease-in-out}.mp-banner-info{flex:1}.mp-banner-tag{font-size:.74rem;font-weight:900;letter-spacing:.6px;color:#4338ca;display:block;margin-bottom:.25rem;text-transform:uppercase}.mp-banner-title{font-family:Outfit,sans-serif;font-size:1.55rem;font-weight:800;color:#1e1b4b;margin:0 0 .35rem}.mp-banner-desc{font-size:.92rem;color:#475569;margin:0;line-height:1.45;max-width:600px}.mp-banner-cta{flex-shrink:0}.btn-mp-banner-large{background:linear-gradient(135deg,#4f46e5,#3b82f6)!important;color:#fff!important;padding:.9rem 1.8rem!important;font-size:1.05rem!important;font-weight:800!important;display:flex!important;align-items:center!important;gap:.6rem!important;box-shadow:0 6px 18px #4f46e559!important;border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important}.btn-mp-banner-large:hover{transform:translateY(-2px);box-shadow:0 10px 24px #4f46e573!important}.btn-mp-banner-large .btn-mp-icon{font-size:1.2rem}@media(max-width:820px){.home-mp-banner-card{flex-direction:column;text-align:center;padding:1.5rem;gap:1.25rem}.mp-banner-desc{max-width:100%}.btn-mp-banner-large{width:100%;justify-content:center}}.home-leaderboard-card{background:#fffcf7f5;border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;box-shadow:var(--glass-shadow)}.leaderboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.leaderboard-pill{font-size:.75rem;font-weight:900;color:#d97706;letter-spacing:.8px;display:block;margin-bottom:.2rem}.leaderboard-title{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;color:var(--text-main);margin:0}.leaderboard-records-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.leaderboard-podium-item{display:flex;align-items:center;gap:.9rem;background:#ffffffe6;border:1.5px solid var(--glass-border);border-radius:var(--radius-md);padding:1rem 1.15rem;min-height:84px;box-sizing:border-box;box-shadow:0 4px 12px #0000000a;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.leaderboard-podium-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.podium-pos-1{border-color:#f59e0b99;background:linear-gradient(135deg,#fffbebf2,#fef3c7a6);box-shadow:0 4px 16px #f59e0b2e}.podium-pos-2{border-color:#94a3b899;background:linear-gradient(135deg,#f8fafcf2,#f1f5f9a6)}.podium-pos-3{border-color:#d9770659;background:linear-gradient(135deg,#fff7edf2,#feedd5a6)}.podium-rank{font-size:2rem;line-height:1;flex-shrink:0}.podium-user-info{flex:1;display:flex;flex-direction:column;min-width:0}.podium-pos-badge{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);margin-bottom:.15rem}.podium-pos-1 .podium-pos-badge{color:#b45309}.podium-username{font-size:.98rem;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-diff{font-size:.76rem;color:var(--text-dim);margin-top:.1rem}.podium-time{font-family:Outfit,sans-serif;font-size:1rem;font-weight:900;color:var(--accent-primary);flex-shrink:0;background:#fffc;padding:.3rem .55rem;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.05)}.leaderboard-podium-item.is-empty{border-style:dashed;opacity:.78}.leaderboard-podium-item.is-empty .podium-rank{filter:grayscale(40%);opacity:.7}.podium-empty-username{font-size:.95rem;font-weight:800;color:var(--text-dim);font-style:italic}.podium-empty-time{opacity:.45;color:var(--text-dim)!important;background:#0000000a!important}.leaderboard-empty-hint{grid-column:1 / -1;text-align:center;padding:1.75rem;color:var(--text-dim);font-weight:700;font-size:.92rem;background:#fff9;border-radius:var(--radius-md);border:1.5px dashed var(--glass-border)}@media(max-width:900px){.leaderboard-records-grid{grid-template-columns:1fr;gap:.75rem}}.app-footer{width:100%;background:#fffcf7f5;border-top:1.5px solid var(--glass-border);padding:3.5rem 1.5rem 2rem;margin-top:auto;box-shadow:0 -4px 20px #00000008}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(180,110,30,.15)}.footer-brand-col .footer-brand-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.footer-brand-col .brand-icon{font-size:1.75rem}.footer-brand-col .brand-name{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:900;color:var(--text-main)}.footer-tagline{font-size:.88rem;color:var(--text-muted);line-height:1.5;margin:0 0 1.25rem}.footer-privacy-badge,.footer-support-status-badge{display:inline-flex;align-items:center;gap:.5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#047857;font-size:.75rem;font-weight:800;padding:.3rem .65rem;border-radius:var(--radius-full)}.support-status-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.footer-privacy-badge .badge-dot{width:7px;height:7px;border-radius:50%;background:#10b981}.footer-col-title{font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;color:var(--text-main);margin:0 0 1rem}.footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.footer-links-list li a{color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:600;transition:all .2s ease}.footer-links-list li a:hover{color:var(--accent-primary);transform:translate(3px);display:inline-block}.footer-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.footer-feature-pill{background:#fffc;border:1px solid var(--glass-border);padding:.45rem .6rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:700;color:var(--text-dim);display:flex;align-items:center;gap:.35rem}.footer-bottom-row{max-width:1200px;margin:1.75rem auto 0;display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--text-dim);flex-wrap:wrap;gap:.75rem}.footer-legal-link-btn{background:none;border:none;padding:0;color:var(--text-muted);font-size:.88rem;font-weight:600;cursor:pointer;text-align:left;transition:all .2s ease;display:inline-block}.footer-legal-link-btn:hover{color:var(--accent-primary);transform:translate(3px)}.footer-legal-pills-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.legal-mini-link{background:none;border:none;padding:0;color:var(--text-dim);font-size:.82rem;font-weight:600;cursor:pointer;transition:color .2s ease}.legal-mini-link:hover{color:var(--accent-primary);text-decoration:underline}.legal-sep{color:var(--text-muted);opacity:.4}.legal-modal-card{max-width:780px!important;width:92%!important;max-height:88vh;display:flex;flex-direction:column;padding:2rem!important;overflow:hidden}.legal-modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.legal-header-icon-wrap{width:52px;height:52px;border-radius:var(--radius-md);background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.legal-modal-title{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:900;color:var(--text-main);margin:0 0 .2rem}.legal-modal-subtitle{font-size:.84rem;color:var(--text-muted);margin:0}.legal-tabs-nav{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--glass-border);scrollbar-width:thin}.legal-tab-btn{background:#00000008;border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:.45rem .9rem;font-size:.82rem;font-weight:700;color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:all .2s ease}.legal-tab-btn:hover{background:#f59e0b14;color:var(--accent-primary)}.legal-tab-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 2px 8px #f59e0b59}.legal-modal-body{overflow-y:auto;padding-right:.5rem;flex:1;scrollbar-width:thin;line-height:1.6}.legal-section-content h3{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:var(--text-main);margin:1.25rem 0 .4rem}.legal-section-content h3:first-child{margin-top:0}.legal-section-content p{font-size:.9rem;color:var(--text-muted);margin:0 0 .85rem}.legal-section-content ul{padding-left:1.25rem;margin:0 0 1rem;color:var(--text-muted);font-size:.88rem}.legal-section-content li{margin-bottom:.4rem}.legal-section-content code{background:#0000000f;padding:.15rem .35rem;border-radius:4px;font-size:.85em;font-family:monospace}.legal-modal-footer{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--glass-border)}.support-faq-list{display:flex;flex-direction:column;gap:.75rem}.support-faq-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffffb3;overflow:hidden;transition:all .2s ease}.support-faq-card.open{border-color:var(--accent-primary);background:#fff;box-shadow:0 4px 14px #d9770614}.support-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:none;border:none;font-family:inherit;font-size:.92rem;font-weight:700;color:var(--text-main);text-align:left;cursor:pointer;gap:.75rem}.faq-chevron{font-size:.75rem;color:var(--accent-primary);opacity:.8}.support-faq-answer{padding:.25rem 1rem .9rem;font-size:.88rem;color:var(--text-muted);line-height:1.5;border-top:1px dashed rgba(180,110,30,.15)}.support-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:1.25rem}.support-guide-card{padding:.85rem;border-radius:var(--radius-md);background:#ffffffbf;border:1px solid var(--glass-border)}.guide-key-badge{display:inline-block;font-weight:800;font-size:.82rem;color:var(--accent-primary);margin-bottom:.35rem}.support-guide-card p{margin:0;font-size:.82rem;color:var(--text-muted);line-height:1.4}.support-user-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f59e0b14;border:1.5px solid rgba(245,158,11,.25);border-radius:var(--radius-md);margin-bottom:1rem}.support-user-avatar{font-size:1.5rem;line-height:1}.support-user-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.88rem}.support-user-label{color:var(--text-dim);font-size:.82rem}.support-user-name{color:var(--accent-primary);font-weight:800}.support-user-email{color:var(--text-muted);font-size:.82rem}.support-auth-required-card{text-align:center;padding:2.25rem 1.5rem;background:#ffffffb3;border:1.5px dashed var(--glass-border);border-radius:var(--radius-md)}.support-auth-icon-wrap{width:52px;height:52px;border-radius:50%;background:#d977061f;border:1px solid rgba(217,119,6,.25);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto .85rem}.support-auth-title{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;color:var(--text-main);margin:0 0 .45rem}.support-auth-desc{font-size:.88rem;color:var(--text-muted);line-height:1.5;max-width:380px;margin:0 auto 1.25rem}.legal-modal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--glass-border);flex-wrap:wrap;gap:.5rem}.legal-footer-note{font-size:.78rem;color:var(--text-dim)}@media(max-width:992px){.footer-container{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:600px){.footer-container{grid-template-columns:1fr;gap:1.75rem}.app-footer{padding-bottom:2rem}}.game-screen-wrapper{position:fixed;inset:0;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;z-index:1000;user-select:none;-webkit-user-select:none;transition:background .4s ease}.game-screen-wrapper:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.85}.table-theme-emerald{background:radial-gradient(ellipse at 50% 45%,#0b7357,#044b36 45%,#022117)}.table-theme-oak{background:radial-gradient(ellipse at 50% 45%,#faedd8,#ecd6b4 45%,#c9a87d)}.table-theme-burgundy,.table-theme-mahogany{background:radial-gradient(ellipse at 50% 45%,#691e2b,#46111b 45%,#22050b)}.table-theme-midnight,.table-theme-obsidian{background:radial-gradient(ellipse at 50% 45%,#1e293b,#0f172a 45%,#030712)}.table-theme-sapphire{background:radial-gradient(ellipse at 50% 45%,#2563eb,#1e3a8a 45%,#0f172a)}.table-theme-sand,.table-theme-nordic,.table-theme-marble{background:radial-gradient(ellipse at 50% 45%,#fbf7f0,#ede1cf 45%,#cdb595)}.game-floating-hud{position:absolute;top:14px;left:14px;right:14px;z-index:50;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:.75rem}.hud-pill{pointer-events:auto;background:#fffcf7eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:0 8px 28px #0000001f,0 2px 6px #0000000a;display:flex;align-items:center;padding:.35rem .65rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.hud-pill:hover{box-shadow:0 10px 32px #00000029}.table-theme-mahogany .hud-pill,.table-theme-obsidian .hud-pill,.table-theme-emerald .hud-pill{background:#120e0ae0;border-color:#ffffff26;color:#f4f4f5}.hud-left{gap:.5rem;padding:.3rem .75rem .3rem .45rem}.hud-back-btn{display:flex;align-items:center;gap:.35rem;color:var(--text-main);text-decoration:none;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:800;padding:.25rem .55rem;border-radius:var(--radius-full);transition:all .18s ease}.table-theme-mahogany .hud-back-btn,.table-theme-obsidian .hud-back-btn,.table-theme-emerald .hud-back-btn{color:#f4f4f5}.hud-back-btn:hover{background:#f59e0b26;color:var(--accent-primary);transform:translate(-2px)}.hud-back-arrow{font-size:1.25rem;line-height:1}.hud-puzzle-title{font-size:.82rem;font-weight:700;color:var(--text-dim);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:1px solid var(--glass-border);padding-left:.5rem}.table-theme-mahogany .hud-puzzle-title,.table-theme-obsidian .hud-puzzle-title,.table-theme-emerald .hud-puzzle-title{color:#a1a1aa;border-left-color:#ffffff26}.hud-center{flex-direction:column;padding:.4rem 1.1rem;min-width:190px}.hud-stats-row{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:800;color:var(--text-main);line-height:1}.table-theme-mahogany .hud-stats-row,.table-theme-obsidian .hud-stats-row,.table-theme-emerald .hud-stats-row{color:#fef3c7}.hud-stat-divider{color:var(--text-muted)}.hud-stat-percent{color:var(--accent-primary);font-size:.76rem}.hud-micro-progress-bar{width:100%;height:4px;background:#00000014;border-radius:var(--radius-full);overflow:hidden;margin-top:.35rem}.table-theme-mahogany .hud-micro-progress-bar,.table-theme-obsidian .hud-micro-progress-bar,.table-theme-emerald .hud-micro-progress-bar{background:#ffffff1f}.hud-micro-progress-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px #f59e0bcc}.hud-multiplayer{display:flex;align-items:center;gap:.75rem;padding:.35rem .85rem}.hud-mp-room-info{display:flex;align-items:center;gap:.45rem}.mp-status-live-dot{width:8px;height:8px;background:#10b981;border-radius:var(--radius-full);box-shadow:0 0 8px #10b981;animation:pulseDot 2s infinite ease-in-out}.hud-mp-code-label{font-family:Outfit,sans-serif;font-size:.84rem;font-weight:800;color:var(--text-main);letter-spacing:.04em}.table-theme-mahogany .hud-mp-code-label,.table-theme-obsidian .hud-mp-code-label,.table-theme-emerald .hud-mp-code-label{color:#f4f4f5}.hud-mp-icon-btn{background:#0000000f;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;cursor:pointer;color:var(--text-main);transition:all var(--transition-fast)}.table-theme-mahogany .hud-mp-icon-btn,.table-theme-obsidian .hud-mp-icon-btn,.table-theme-emerald .hud-mp-icon-btn{background:#ffffff1f;border-color:#fff3;color:#f4f4f5}.hud-mp-icon-btn:hover{background:#3b82f633;transform:scale(1.1)}.hud-mp-icon-btn.copied{background:#10b981;color:#fff;border-color:#10b981}.hud-mp-players-row{display:flex;align-items:center;gap:.35rem;padding-left:.5rem;border-left:1px solid rgba(0,0,0,.1)}.table-theme-mahogany .hud-mp-players-row,.table-theme-obsidian .hud-mp-players-row,.table-theme-emerald .hud-mp-players-row{border-left-color:#ffffff26}.hud-mp-player-chip{display:flex;align-items:center;gap:.3rem;background:#fffc;border-left:3px solid #3b82f6;border-radius:var(--radius-full);padding:.15rem .5rem;font-size:.75rem;font-weight:700;color:var(--text-main);box-shadow:0 1px 4px #0000000d}.table-theme-mahogany .hud-mp-player-chip,.table-theme-obsidian .hud-mp-player-chip,.table-theme-emerald .hud-mp-player-chip{background:#ffffff26;color:#fff}.hud-mp-avatar{font-size:.88rem}.hud-mp-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-mp-crown{font-size:.72rem}.hud-right{gap:.25rem;padding:.25rem .4rem}.hud-action-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;font-size:1.05rem;cursor:pointer;color:var(--text-main);transition:all .18s cubic-bezier(.4,0,.2,1)}.table-theme-mahogany .hud-action-btn,.table-theme-obsidian .hud-action-btn,.table-theme-emerald .hud-action-btn{color:#f4f4f5}.hud-action-btn:hover{background:#f59e0b2e;transform:scale(1.15)}.hud-action-btn.active{background:#fef3c7;color:#b45309}.table-theme-mahogany .hud-action-btn.active,.table-theme-obsidian .hud-action-btn.active,.table-theme-emerald .hud-action-btn.active{background:#f59e0b59;color:#fbbf24}.game-canvas-container{position:absolute;inset:0;width:100vw;height:100vh;overflow:hidden;z-index:5}.canvas-wrapper{position:absolute;inset:0;width:100%;height:100%}#puzzleCanvas{width:100%;height:100%;display:block;touch-action:none}.floating-canvas-controls{position:absolute;bottom:24px;right:24px;display:flex;flex-direction:column;gap:.5rem;z-index:20}.btn-canvas-ctrl{width:42px;height:42px;border-radius:50%;background:#fffcf7f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--glass-border);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-size:1.15rem;cursor:pointer;box-shadow:0 6px 20px #0000001f;transition:all .2s cubic-bezier(.4,0,.2,1)}.table-theme-mahogany .btn-canvas-ctrl,.table-theme-obsidian .btn-canvas-ctrl,.table-theme-emerald .btn-canvas-ctrl{background:#14100ce6;border-color:#ffffff26;color:#f4f4f5}.btn-canvas-ctrl:hover{background:#fff;border-color:var(--accent-primary);transform:scale(1.12);box-shadow:0 8px 24px #d9770640}.table-theme-mahogany .btn-canvas-ctrl:hover,.table-theme-obsidian .btn-canvas-ctrl:hover,.table-theme-emerald .btn-canvas-ctrl:hover{background:#2a221a;border-color:#f59e0b}.btn-canvas-ctrl:active{transform:scale(.94)}.modal-backdrop{position:fixed;inset:0;background:#0f0802a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.victory-card{background:linear-gradient(135deg,#fffcf7fa,#fef3c7f2);border:2px solid #f59e0b;border-radius:var(--radius-2xl);max-width:500px;max-height:92vh;overflow-y:auto;width:100%;padding:1.75rem 1.75rem 1.35rem;text-align:center;box-shadow:0 24px 64px #00000059;animation:zoomModal .35s cubic-bezier(.34,1.56,.64,1);position:relative}.victory-card.is-multiplayer-victory{max-width:540px;padding:2.25rem 2rem 1.85rem;background:linear-gradient(135deg,#fffcf7fc,#fef3c7f2);border:2px solid #f59e0b;box-shadow:0 24px 64px #00000059}[data-theme=dark] .victory-card,[data-theme=dark] .victory-card.is-multiplayer-victory{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #f59e0b;box-shadow:0 24px 64px #0009}@keyframes zoomModal{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.victory-badge-animated{font-size:2.75rem;line-height:1;margin-bottom:.4rem;display:inline-block;animation:crownBounce 2.4s ease-in-out infinite}.is-multiplayer-victory .victory-badge-animated{font-size:3.2rem;margin-bottom:.6rem}@keyframes crownBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.06)}}.victory-title{font-family:Outfit,sans-serif;font-size:1.65rem;font-weight:900;color:var(--text-main);margin:0 0 .85rem;letter-spacing:-.02em;line-height:1.25}.is-multiplayer-victory .victory-title{font-size:1.85rem;margin:0 0 .5rem}.victory-subtitle{font-size:.95rem;line-height:1.5;color:var(--text-muted);margin:0 auto 1.35rem;max-width:440px}.victory-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.is-multiplayer-victory .victory-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.35rem}.v-stat-card{background:#ffffffe6;border:1.5px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);padding:.65rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,border-color .2s ease}[data-theme=dark] .v-stat-card{background:#1e293bd9;border-color:#f59e0b4d}.v-stat-card:hover{transform:translateY(-2px);border-color:var(--accent-primary)}.v-stat-label{font-size:.7rem;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.v-stat-value{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:900;color:var(--text-main)}.victory-custom-notice-card{background:#3b82f614;border:1.5px solid rgba(59,130,246,.3);border-radius:var(--radius-xl);padding:1.1rem 1.25rem;margin-bottom:1.35rem;text-align:center;box-shadow:0 4px 16px #3b82f60f}.victory-custom-notice-card .custom-notice-badge{display:inline-block;background:#3b82f633;color:#3b82f6;font-size:.82rem;font-weight:800;padding:.25rem .75rem;border-radius:var(--radius-full);margin-bottom:.5rem}.victory-custom-notice-card p{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-muted)}.victory-actions-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.85rem}.victory-actions-row .btn{min-width:140px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:800;border-radius:var(--radius-lg)}.victory-xp-reward-card{background:#fef3c7cc;border:1.5px solid #f59e0b;border-radius:var(--radius-lg);padding:1rem;margin-bottom:1.25rem;text-align:left}.victory-xp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;flex-wrap:wrap;gap:.4rem}.xp-gain-badge{background:#f59e0b;color:#fff;font-size:.85rem;font-weight:900;padding:.2rem .6rem;border-radius:var(--radius-full)}.xp-breakdown{font-size:.75rem;color:#92400e;font-weight:700}.victory-level-info-row{display:flex;justify-content:space-between;font-size:.82rem;font-weight:800;color:var(--text-main);margin-bottom:.35rem}.victory-progress-bg{height:8px;background:#0000001a;border-radius:var(--radius-full);overflow:hidden}.victory-progress-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full)}.victory-level-subtext{font-size:.75rem;color:var(--text-dim);margin-top:.35rem;text-align:center}.victory-rate-section{background:#ffffffb3;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:.85rem;margin-bottom:1.5rem}.rate-prompt{font-size:.85rem;font-weight:700;color:var(--text-main);display:block;margin-bottom:.5rem}.star-rating-buttons{display:flex;align-items:center;justify-content:center;gap:.35rem}.btn-star{background:transparent;border:none;font-size:1.6rem;color:#cbd5e1;cursor:pointer;transition:all .15s ease;padding:0;line-height:1}.btn-star.active,.btn-star:hover{color:#f59e0b;transform:scale(1.18)}.user-rating-text{font-size:.85rem;font-weight:800;color:#b45309;margin-left:.5rem}.rating-success-toast{display:block;font-size:.8rem;color:#059669;font-weight:800;margin-top:.4rem}.table-theme-modal-card{max-width:620px;width:100%;padding:1.75rem}.modal-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.modal-title-wrap{display:flex;align-items:center;gap:.5rem}.modal-header-icon{font-size:1.5rem}.modal-title{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:900;color:var(--text-main);margin:0}.modal-subtitle{font-size:.88rem;color:var(--text-dim);margin:0 0 1.5rem}.table-themes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:1.5rem}.table-theme-card{display:flex;align-items:center;gap:.85rem;padding:.75rem .9rem;background:#ffffffd9;border:2px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.table-theme-card:hover{background:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.table-theme-card.selected{border-color:var(--accent-primary);background:#fef3c799;box-shadow:0 0 0 1px var(--accent-primary),0 6px 18px #d9770626}.theme-card-preview{width:46px;height:46px;border-radius:var(--radius-md);border:1.5px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;box-shadow:0 2px 6px #0000001f}.theme-icon{font-size:1.4rem}.theme-check-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);color:#fff;font-size:.72rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003}.theme-card-info{display:flex;flex-direction:column}.theme-name{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;color:var(--text-main);margin-bottom:.15rem}.theme-desc{font-size:.75rem;color:var(--text-dim);line-height:1.3}.modal-footer-row{display:flex;justify-content:flex-end}.create-private-toggle-group{background:#f59e0b14;border:1.5px dashed rgba(245,158,11,.4);border-radius:var(--radius-md);padding:.75rem .9rem;margin-bottom:1.25rem}.checkbox-custom-label{display:flex;align-items:center;gap:.6rem;font-size:.88rem;font-weight:700;color:var(--text-main);cursor:pointer;user-select:none}.checkbox-custom-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.create-guest-notice{font-size:.82rem;color:var(--text-muted);background:#0000000a;border-radius:var(--radius-sm);padding:.6rem .8rem;margin-bottom:1.25rem}.delete-custom-btn{background:#ef4444e0!important;color:#fff!important;font-size:.95rem!important;border-color:#ef444466!important}.delete-custom-btn:hover{background:#dc2626!important;transform:scale(1.15) rotate(5deg)!important}@media(max-width:900px){.game-floating-hud{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));gap:.4rem}.hud-puzzle-title{max-width:100px}}@media(max-width:768px){.game-screen-wrapper{position:fixed;inset:0;width:100vw;height:100dvh;height:100vh;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.game-floating-hud{top:max(6px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));gap:.3rem}.hud-pill{padding:.22rem .4rem;box-shadow:0 4px 16px #00000024}.hud-left{padding:.2rem .45rem}.hud-back-btn{font-size:.8rem;padding:.2rem .4rem;gap:.2rem}.hud-back-arrow{font-size:1.1rem}.hud-puzzle-title{display:none}.hud-center{min-width:auto;padding:.25rem .55rem}.hud-stats-row{font-size:.72rem;gap:.25rem}.hud-micro-progress-bar{height:3px;margin-top:.25rem}.hud-right{gap:.15rem;padding:.18rem .3rem}.hud-action-btn{width:31px;height:31px;font-size:.92rem}.table-themes-grid{grid-template-columns:1fr;gap:.6rem}.reference-floating-window{max-width:calc(100vw - 20px)!important;max-height:45vh!important}.reference-floating-window .reference-body{max-height:38vh}}@media(max-width:480px){.game-floating-hud{top:max(4px,env(safe-area-inset-top));left:max(4px,env(safe-area-inset-left));right:max(4px,env(safe-area-inset-right));gap:.25rem}.hud-pill{padding:.2rem .35rem}.hud-back-btn{font-size:.76rem;padding:.15rem .3rem}.hud-stats-row{font-size:.68rem;gap:.2rem}.hud-stat-percent{display:none}.hud-action-btn{width:29px;height:29px;font-size:.86rem}}@media(max-width:360px){.hud-back-label{display:none}.hud-action-btn{width:27px;height:27px;font-size:.82rem}}.custom-popup-overlay{position:fixed;inset:0;background:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.25rem;animation:popupFadeIn .2s ease-out}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}.custom-popup-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #00000014;max-width:440px;width:100%;padding:1.75rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:popupZoomIn .25s cubic-bezier(.16,1,.3,1)}@keyframes popupZoomIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.custom-popup-icon-wrap{width:64px;height:64px;border-radius:50%;background:#ef44441f;border:2px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ef44442e}.custom-popup-icon{font-size:2rem}.custom-popup-title{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800;color:#1e293b;margin:0}.custom-popup-desc{font-size:.92rem;color:#64748b;line-height:1.5;margin:0}.custom-popup-target{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);width:100%;text-align:left}.custom-popup-thumb{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.custom-popup-target-title{font-weight:700;font-size:.95rem;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-popup-actions{display:flex;gap:.75rem;width:100%;margin-top:.5rem}.btn-popup-cancel{flex:1;padding:.75rem 1rem;font-weight:700}.btn-popup-confirm{flex:1.2;padding:.75rem 1rem;background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none!important;font-weight:800;box-shadow:0 4px 14px #ef444459;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn-popup-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-1px);box-shadow:0 6px 18px #ef444473}.btn-edit-username{background:#fff3;border:1px solid var(--glass-border);color:var(--text);border-radius:var(--radius-full);font-size:.85rem;font-weight:700;padding:.25rem .65rem;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px)}.btn-edit-username:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.solved-actions-row{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.5rem}.btn-delete-solved{background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;color:#ef4444!important;padding:.45rem .65rem!important;border-radius:var(--radius-md)!important;font-size:.95rem!important;transition:all .2s ease!important;cursor:pointer}.btn-delete-solved:hover{background:#ef4444!important;color:#fff!important;transform:scale(1.08) rotate(5deg)!important}.custom-popup-form{width:100%;display:flex;flex-direction:column;gap:.85rem}.custom-popup-input{width:100%;padding:.85rem 1.1rem;border:1.5px solid #cbd5e1;border-radius:var(--radius-md);font-size:1rem;font-family:inherit;outline:none;transition:all .2s ease;background:#f8fafc}.custom-popup-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #10b98126}.custom-popup-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;font-size:.85rem;font-weight:600;padding:.5rem .75rem;border-radius:var(--radius-sm);text-align:left}.game-screen-wrapper.is-paused .canvas-wrapper canvas,.game-screen-wrapper.is-paused .canvas-wrapper{filter:grayscale(100%) contrast(90%) brightness(80%)!important;pointer-events:none!important;user-select:none}.game-pause-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0f172a8c;cursor:default;padding:1.25rem;filter:none!important;animation:pauseOverlayFade .12s ease-out}@keyframes pauseOverlayFade{0%{opacity:0}to{opacity:1}}.game-pause-card{background:#fffdfa!important;border-radius:var(--radius-lg);border:1.5px solid rgba(180,110,30,.2)!important;box-shadow:0 20px 45px -10px #5a320f59,0 0 0 1px #d9770614!important;max-width:420px;width:100%;padding:1.85rem 1.65rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.85rem;cursor:default;filter:none!important;contain:layout style;transform:translateZ(0);will-change:transform,opacity;animation:pauseCardZoom .15s cubic-bezier(0,0,.2,1)}@keyframes pauseCardZoom{0%{opacity:0;transform:scale(.96) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}.game-pause-icon{width:64px;height:64px;border-radius:50%;background:#d977061f;border:2px solid rgba(217,119,6,.35);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 14px #d9770633}.game-pause-title{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;color:var(--text-main, #261609);margin:0}.game-pause-desc{font-size:.92rem;color:var(--text-muted, #5e3f24);line-height:1.4;margin:0}.game-pause-stats{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:.6rem 1rem;background:#fdf8f0;border:1px solid rgba(217,119,6,.2);border-radius:var(--radius-md);width:100%;font-size:.92rem;color:var(--text-muted, #5e3f24)}.btn-resume-game{width:100%;padding:.85rem 1.4rem;font-size:1.02rem;font-weight:800;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.3rem;background:linear-gradient(135deg,#d97706,#ea580c,#f59e0b)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 14px #d9770666,inset 0 1px #ffffff59!important;letter-spacing:.02em;cursor:pointer;transform:translateZ(0);will-change:transform;transition:transform .08s ease,filter .08s ease,box-shadow .08s ease!important}.btn-resume-game:hover{filter:brightness(1.08);transform:translateY(-1.5px) scale(1.01) translateZ(0);box-shadow:0 8px 20px #d9770680,inset 0 1px #fff6!important}.btn-resume-game:active{transform:translateY(1px) scale(.99) translateZ(0);filter:brightness(.95);box-shadow:0 2px 8px #d977064d!important}.player-profile-link,.podium-user-link{color:var(--text-main);text-decoration:none;font-weight:800;transition:all .15s ease;display:inline-flex;align-items:center}.player-profile-link:hover,.podium-user-link:hover{color:var(--accent-primary);text-decoration:underline;transform:translateY(-1px)}.catalog-card-badge.badge-public{background:#10b981eb;color:#fff}.catalog-card-badge.badge-private{background:#784b19e0;color:#fff}.admin-page-wrapper{min-height:calc(100vh - 80px);padding:2.5rem 1.5rem 5rem;background:var(--bg-main)}.admin-container{max-width:1240px;margin:0 auto}.admin-gate-wrapper{min-height:75vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.admin-gate-card{max-width:520px;width:100%;text-align:center;padding:3rem 2rem;background:var(--card-bg, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-xl, 20px);box-shadow:var(--shadow-xl)}.admin-gate-shield-icon{font-size:3.5rem;margin-bottom:.75rem;animation:pulseIcon 2s infinite ease-in-out}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.admin-gate-badge{display:inline-block;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#dc2626;background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:.3rem .75rem;border-radius:var(--radius-full);margin-bottom:1rem}.admin-gate-title{font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:900;color:var(--text-main);margin:0 0 .75rem}.admin-gate-desc{font-size:.95rem;color:var(--text-muted);line-height:1.55;margin:0 0 2rem}.admin-gate-actions{display:flex;flex-direction:column;gap:.85rem}.admin-gate-unauthorized-banner{padding:.85rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);color:#dc2626;font-size:.88rem;font-weight:700;text-align:left}.admin-header-card{background:var(--card-bg, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-lg, 16px);padding:1.75rem 2rem;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.admin-header-main{display:flex;align-items:center;gap:1.25rem}.admin-badge-icon-wrap{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#d9770626,#ea580c40);border:1.5px solid rgba(217,119,6,.35);display:flex;align-items:center;justify-content:center;font-size:1.9rem;flex-shrink:0}.admin-title-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.admin-title{font-family:Outfit,sans-serif;font-size:1.65rem;font-weight:900;color:var(--text-main);margin:0}.admin-status-pill{font-size:.72rem;font-weight:900;letter-spacing:.05em;color:#047857;background:#10b9811f;border:1px solid rgba(16,185,129,.3);padding:.25rem .65rem;border-radius:var(--radius-full)}.admin-subtitle{font-size:.88rem;color:var(--text-muted);margin:.3rem 0 0}.admin-quick-actions{display:flex;align-items:center;gap:.75rem}.admin-notice-bar{padding:.85rem 1.25rem;border-radius:var(--radius-md);font-size:.92rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.6rem;box-shadow:var(--shadow-sm)}.admin-notice-bar.success{background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#065f46}.admin-notice-bar.error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#991b1b}.admin-nav-tabs{display:flex;gap:.65rem;margin-bottom:2rem;border-bottom:2px solid rgba(180,110,30,.15);padding-bottom:.25rem;overflow-x:auto;scrollbar-width:thin}.admin-nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.35rem;background:none;border:none;font-family:Outfit,sans-serif;font-size:.98rem;font-weight:800;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all .15s ease;position:relative;white-space:nowrap}.admin-nav-btn:hover{color:var(--accent-primary);background:#d977060f}.admin-nav-btn.active{color:var(--accent-primary);background:#d977061f}.admin-nav-btn.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:var(--accent-primary);border-radius:3px 3px 0 0}.admin-counter-badge{font-size:.72rem;font-weight:900;padding:.15rem .5rem;border-radius:var(--radius-full);background:#dc2626;color:#fff}.admin-counter-badge.neutral{background:#784b1926;color:var(--text-main)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stat-card{background:var(--card-bg, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-stat-card.highlight-alert{border-color:#ef444466;background:linear-gradient(135deg,#fffffff2,#fef2f2cc)}.admin-stat-icon-wrap{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-info .stat-label{font-size:.82rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem}.admin-stat-info .stat-value{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:900;color:var(--text-main);line-height:1}.admin-overview-section{background:var(--card-bg, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm)}.admin-overview-section h3{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:800;color:var(--text-main);margin:0 0 1rem}.admin-empty-text{font-size:.92rem;color:var(--text-muted);margin:0}.admin-mini-list{display:flex;flex-direction:column;gap:.75rem}.admin-mini-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);gap:1rem}.mini-badge{font-size:.78rem;font-weight:800;padding:.2rem .55rem;background:#ef44441f;color:#dc2626;border-radius:var(--radius-sm)}.mini-reason{font-size:.88rem;font-weight:600;color:var(--text-main);flex:1}.admin-pane-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.admin-pane-header h2{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:900;color:var(--text-main);margin:0 0 .2rem}.admin-pane-header p{font-size:.88rem;color:var(--text-muted);margin:0}.admin-search-input{min-width:280px;padding:.65rem 1rem;border:1px solid var(--glass-border);border-radius:var(--radius-md);font-family:inherit;font-size:.88rem;background:var(--card-bg, #ffffff);color:var(--text-main);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.admin-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #d9770626}.admin-reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem}.admin-report-card{background:var(--card-bg, #ffffff);border:1.5px solid rgba(239,68,68,.25);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between}.report-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--glass-border)}.report-type-badge{font-size:.75rem;font-weight:900;padding:.25rem .65rem;border-radius:var(--radius-full)}.report-type-badge.user{background:#9333ea1f;color:#7e22ce;border:1px solid rgba(147,51,234,.3)}.report-type-badge.puzzle{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.report-type-badge.support{background:#2563eb1f;color:#2563eb;border:1px solid rgba(37,99,235,.3)}.admin-report-card.support{border-color:#2563eb59}.report-date{font-size:.78rem;color:var(--text-dim)}.report-card-body{margin-bottom:1.25rem}.report-meta-row{display:flex;align-items:center;gap:.5rem;font-size:.88rem;margin-bottom:.5rem}.target-pill{font-weight:800;color:var(--accent-primary);background:#d977061a;padding:.15rem .5rem;border-radius:var(--radius-sm)}.reason-text{color:var(--text-main);font-weight:700}.report-details-box{background:#00000008;border-left:3px solid var(--accent-primary);padding:.6rem .85rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:.75rem 0;font-size:.84rem}.report-details-box p{margin:.25rem 0 0;color:var(--text-muted);font-style:italic}.report-reporter-row{font-size:.82rem;color:var(--text-dim);margin-top:.5rem}.report-card-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--glass-border)}.admin-report-card.resolved{border-color:#10b98166;background:#10b98108}.report-status-badge{font-size:.72rem;font-weight:800;padding:.2rem .6rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.3rem}.report-status-badge.pending{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.report-status-badge.resolved{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3)}.report-resolved-box{background:#10b98114;border-left:3px solid #10b981;padding:.5rem .75rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:.6rem 0 .2rem;font-size:.8rem;color:#065f46;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.admin-report-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.report-filter-pill{padding:.38rem .85rem;border-radius:var(--radius-full);background:var(--card-bg, #ffffff);border:1.5px solid var(--glass-border);font-size:.82rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.4rem}.report-filter-pill:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.report-filter-pill.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 10px #d9770640}.admin-empty-card{text-align:center;padding:4rem 2rem;background:var(--card-bg, #ffffff);border:1.5px dashed var(--glass-border);border-radius:var(--radius-lg)}.admin-empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.admin-empty-card h3{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800;color:var(--text-main);margin:0 0 .5rem}.admin-empty-card p{font-size:.92rem;color:var(--text-muted);margin:0}.admin-table-wrapper{background:var(--card-bg, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:var(--shadow-sm)}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.admin-table th{background:#f59e0b14;color:var(--text-main);font-family:Outfit,sans-serif;font-weight:800;padding:1rem 1.25rem;border-bottom:1.5px solid rgba(180,110,30,.15);white-space:nowrap}.admin-table td{padding:.9rem 1.25rem;border-bottom:1px solid var(--glass-border);color:var(--text-main);vertical-align:middle}.admin-table tr:hover{background:#f59e0b08}.admin-table tr.row-self{background:#3b82f60a}.admin-table-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.admin-table-sub{font-size:.78rem;color:var(--text-muted);margin:.15rem 0 0;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visibility-pill-btn{border:none;font-family:inherit;font-size:.76rem;font-weight:800;padding:.25rem .65rem;border-radius:var(--radius-full);cursor:pointer;transition:transform .15s ease,filter .15s ease}.visibility-pill-btn.public{background:#10b98126;color:#047857;border:1px solid rgba(16,185,129,.35)}.visibility-pill-btn.private{background:#784b1926;color:var(--text-dim);border:1px solid rgba(120,75,25,.3)}.visibility-pill-btn:hover{filter:brightness(1.1);transform:scale(1.04)}.admin-user-cell{display:flex;align-items:center;gap:.65rem}.cell-avatar{font-size:1.35rem}.self-tag{font-size:.72rem;font-weight:900;color:#2563eb;background:#3b82f61f;padding:.1rem .4rem;border-radius:var(--radius-full)}.admin-xp-pill{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;font-size:.82rem;color:var(--accent-primary);background:#d977061a;padding:.2rem .55rem;border-radius:var(--radius-full)}.admin-role-badge{font-size:.76rem;font-weight:900;padding:.2rem .55rem;border-radius:var(--radius-full)}.admin-role-badge.role-admin{background:#d9770626;color:#b45309;border:1px solid rgba(217,119,6,.35)}.admin-role-badge.role-user{background:#64748b1f;color:#475569;border:1px solid rgba(100,116,139,.25)}.table-actions-cell{display:flex;align-items:center;gap:.4rem}.btn-xs{padding:.25rem .55rem!important;font-size:.75rem!important}.btn-danger{background:#dc2626!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important}.btn-danger:hover{background:#b91c1c!important}.btn-multiplayer-trigger{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-color:#3b82f666!important;color:#fff!important;box-shadow:0 4px 14px #2563eb40!important}.btn-multiplayer-trigger:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb59!important}.multiplayer-modal-card{max-width:540px!important}.multiplayer-modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.mp-header-icon{font-size:2.2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#3b82f61f;border:1.5px solid rgba(59,130,246,.25);border-radius:var(--radius-md)}.multiplayer-tabs-bar{display:flex;gap:.5rem;background:#0000000d;padding:.35rem;border-radius:var(--radius-md);margin-bottom:1.5rem}.mp-tab-btn{flex:1;padding:.65rem;border-radius:var(--radius-sm);background:none;border:none;font-weight:700;font-size:.9rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.mp-tab-btn.active{background:#fff;color:#1e40af;box-shadow:0 2px 8px #00000014}.mp-error-banner{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#b91c1c;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:700;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.mp-puzzle-preview-card{display:flex;align-items:center;gap:1rem;background:#ffffffd9;border:1px solid var(--glass-border);padding:.85rem;border-radius:var(--radius-md);margin-bottom:1.25rem}.mp-preview-thumb{width:72px;height:52px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.mp-preview-details{display:flex;flex-direction:column;gap:.2rem}.mp-preview-title{font-weight:800;font-size:.98rem;color:var(--text-main)}.mp-preview-meta{display:flex;gap:.75rem;font-size:.8rem;color:var(--text-muted);font-weight:600}.mp-feature-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.mp-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;color:var(--text-main);background:#3b82f614;border:1px solid rgba(59,130,246,.2);padding:.35rem .75rem;border-radius:var(--radius-full)}.mp-code-display-card{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:1.5rem;border-radius:var(--radius-md);text-align:center;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,.1)}.mp-code-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.mp-code-val{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:.12em;color:#fbbf24;margin:.4rem 0;cursor:pointer;transition:transform var(--transition-fast)}.mp-code-val:hover{transform:scale(1.05)}.mp-code-sub{font-size:.82rem;color:#cbd5e1}.mp-success-badge{text-align:center;font-weight:800;color:#059669;font-size:.95rem;margin-bottom:1rem}.mp-share-actions-row{display:flex;gap:.75rem}.mp-share-actions-row button{flex:1}.btn-copied{background:#059669!important;color:#fff!important;border-color:#059669!important}.mp-code-input{font-family:Outfit,sans-serif!important;font-size:1.35rem!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important;text-align:center!important}.multiplayer-game-bar{position:absolute;top:75px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:.85rem;background:#fffcf7f0;backdrop-filter:blur(12px);padding:.45rem .9rem;border-radius:var(--radius-full);border:1px solid var(--glass-border);box-shadow:0 8px 24px #00000026}.mp-bar-room-badge{display:flex;align-items:center;gap:.5rem;background:#2563eb1a;padding:.3rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(37,99,235,.25);cursor:pointer;transition:all var(--transition-fast)}.mp-bar-room-badge:hover{background:#2563eb33;transform:scale(1.02)}.mp-bar-status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:pulseGlow 1.5s infinite}.mp-bar-room-code{font-size:.82rem;font-weight:800;color:#1e40af}.mp-bar-copy-hint{font-size:.75rem;font-weight:700;color:var(--text-dim)}.mp-bar-players-list{display:flex;align-items:center;gap:.4rem}.mp-player-pill{display:flex;align-items:center;gap:.35rem;background:#fff;padding:.25rem .6rem;border-radius:var(--radius-full);border:2px solid #3b82f6;font-size:.78rem;font-weight:800;color:var(--text-main);box-shadow:0 2px 6px #0000000f}.mp-player-pill-avatar{font-size:.95rem}.mp-host-crown{font-size:.75rem}.floating-reactions-layer{position:absolute;bottom:85px;left:0;width:100%;height:350px;pointer-events:none;overflow:hidden;z-index:120}.floating-reaction-bubble{position:absolute;bottom:0;display:flex;align-items:center;gap:.4rem;background:#fffffff2;backdrop-filter:blur(8px);padding:.4rem .85rem;border-radius:var(--radius-full);border:2px solid #f59e0b;box-shadow:0 8px 24px #0000002e;animation:floatReactionUp 3.2s cubic-bezier(.2,.8,.2,1) forwards}.react-emoji{font-size:1.6rem}.react-sender{font-size:.8rem;font-weight:800;color:var(--text-main)}@keyframes floatReactionUp{0%{opacity:0;transform:translateY(20px) scale(.6)}15%{opacity:1;transform:translateY(-40px) scale(1.1)}30%{transform:translateY(-80px) scale(1)}85%{opacity:1;transform:translateY(-240px) scale(.95)}to{opacity:0;transform:translateY(-300px) scale(.7)}}.quick-reactions-dock{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:.35rem;background:#fffcf7eb;backdrop-filter:blur(12px);padding:.35rem .65rem;border-radius:var(--radius-full);border:1px solid var(--glass-border);box-shadow:0 8px 24px #00000026}.quick-react-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.3rem .4rem;border-radius:var(--radius-full);transition:transform var(--transition-fast),background var(--transition-fast)}.quick-react-btn:hover{transform:scale(1.35) translateY(-3px);background:#0000000f}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.mp-hub-screen-wrapper{position:relative;min-height:calc(100vh - 72px);padding:2.5rem 1.5rem 5rem}.mp-hub-content-container{max-width:1280px;margin:0 auto}.mp-hero-header{text-align:center;max-width:820px;margin:0 auto 2.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.mp-hero-title{font-family:Outfit,sans-serif;font-size:2.4rem;font-weight:900;color:var(--text-main);letter-spacing:-.02em;line-height:1.2;margin:0}.mp-hero-subtitle{font-size:1.05rem;color:var(--text-muted);line-height:1.6;max-width:680px;margin:0}.mp-actions-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem;margin-bottom:3.5rem}.mp-action-card{background:#fff;border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.2rem;box-shadow:0 12px 36px #0000000f;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.mp-action-card:hover{box-shadow:0 18px 48px #0000001a}.mp-action-card-icon{font-size:2.6rem;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border:1.5px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);margin-bottom:1.25rem}.mp-action-card.card-create .mp-action-card-icon{background:#f59e0b1a;border-color:#f59e0b40}.mp-action-card-title{font-size:1.5rem;font-weight:800;color:var(--text-main);margin-bottom:.6rem}.mp-action-card-desc{font-size:.92rem;color:var(--text-muted);line-height:1.5;margin-bottom:1.75rem;flex:1}.mp-room-type-toggle{display:flex;background:var(--bg-surface, rgba(0, 0, 0, .04));border:1.5px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:var(--radius-full, 9999px);padding:.3rem;gap:.35rem;margin-bottom:1rem;width:100%}.mp-type-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .85rem;border-radius:var(--radius-full, 9999px);border:none;background:transparent;color:var(--text-muted);font-size:.88rem;font-weight:700;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);user-select:none}.mp-type-toggle-btn:hover{color:var(--text-main);background:#ffffff80}.mp-type-toggle-btn.active{background:var(--color-primary, #b45309);color:#fff;box-shadow:0 2px 10px #b453094d}.mp-capacity-picker-wrap{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.1rem;width:100%}.mp-capacity-picker-header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--text-main)}.mp-capacity-picker-val{font-size:.8rem;color:var(--color-primary, #b45309);font-weight:800}.mp-capacity-pills-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;width:100%}.mp-capacity-pill-btn{display:flex;align-items:center;justify-content:center;padding:.45rem 0;border-radius:var(--radius-md, 8px);border:1.5px solid rgba(180,110,30,.2);background:#fff9;color:var(--text-main);font-size:.9rem;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.mp-capacity-pill-btn:hover{background:#fff;border-color:var(--color-primary, #b45309);transform:translateY(-1px)}.mp-capacity-pill-btn.active{background:var(--color-primary, #b45309);color:#fff;border-color:var(--color-primary, #b45309);box-shadow:0 2px 8px #b453094d}.mp-room-badges-wrap{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.mp-room-status-badge.full{background:#ef4444f2;color:#fff;box-shadow:0 2px 8px #ef444466}.mp-room-table-card.is-full{opacity:.92}.btn-room-full{background:#64748b26!important;color:var(--text-muted)!important;border:1px dashed rgba(100,116,139,.35)!important;cursor:not-allowed!important}.mp-create-btn-group{display:flex;flex-direction:column;gap:.75rem;width:100%}.mp-join-input-form{display:flex;flex-direction:column;gap:.85rem;width:100%}.mp-public-rooms-section{margin-top:2rem}.mp-public-rooms-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.75rem;flex-wrap:wrap}.mp-rooms-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:4rem 1rem;color:var(--text-muted);font-weight:700}.mp-empty-rooms-card{text-align:center;background:#fffcf7d9;border:1.5px dashed rgba(180,110,30,.3);border-radius:var(--radius-lg);padding:4rem 2rem}.mp-empty-icon{font-size:3.5rem;display:block;margin-bottom:1rem}.mp-empty-rooms-card h3{font-size:1.4rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem}.mp-empty-rooms-card p{color:var(--text-muted);font-size:.95rem}.mp-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.mp-room-table-card{background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 16px #0000000d;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column}.mp-room-table-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0000001f}.mp-room-card-img-wrap{position:relative;aspect-ratio:16 / 10;overflow:hidden}.mp-room-card-img-wrap img{width:100%;height:100%;object-fit:cover}.mp-room-status-badge{position:absolute;top:10px;right:10px;font-size:.75rem;font-weight:800;padding:.25rem .6rem;border-radius:var(--radius-full);backdrop-filter:blur(8px)}.mp-room-status-badge.waiting{background:#10b981e6;color:#fff}.mp-room-status-badge.in-game{background:#f59e0be6;color:#fff}.mp-room-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.mp-room-code-tag{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:900;color:#2563eb;background:#2563eb1a;padding:.2rem .5rem;border-radius:var(--radius-sm);align-self:flex-start}.mp-room-puzzle-title{font-size:1.05rem;font-weight:800;color:var(--text-main);line-height:1.3}.mp-room-card-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--text-muted);font-weight:600;margin-bottom:.5rem}.mp-room-expiry-badge{position:absolute;bottom:10px;left:10px;font-size:.76rem;font-weight:800;padding:.3rem .65rem;border-radius:var(--radius-full);background:#e11d48;color:#fff;box-shadow:0 2px 8px #00000040;display:inline-flex;align-items:center;gap:.35rem;letter-spacing:.02em}.mp-room-empty-alert{background:#f59e0b1f;border:1px dashed rgba(245,158,11,.45);border-radius:var(--radius-sm);padding:.45rem .65rem;font-size:.78rem;color:#b45309;font-weight:600;display:flex;align-items:center;margin-bottom:.5rem}.mp-empty-player-text{color:#e11d48;font-weight:800}.mp-room-table-card.is-empty{border-color:#f59e0b59}.mp-identity-bar-card{background:#fffcf7f2;backdrop-filter:blur(16px);border:1px solid rgba(220,190,150,.4);border-radius:var(--radius-lg);padding:1.25rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:0 8px 24px #0000000d;margin-bottom:.5rem;flex-wrap:wrap}.mp-identity-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:260px}.mp-identity-avatar-badge{font-size:2.2rem;background:#fff;border:2px solid rgba(180,110,30,.25);border-radius:var(--radius-full);width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000f}.mp-identity-inputs{display:flex;flex-direction:column;gap:.35rem;flex:1}.mp-identity-label{font-size:.8rem;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.mp-identity-name-input{font-size:1.05rem!important;font-weight:700!important;color:#1e3a8a!important;background:#fff!important;border:1.5px solid rgba(59,130,246,.3)!important;border-radius:var(--radius-md)!important;padding:.5rem .9rem!important}.mp-identity-name-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}.mp-identity-avatar-selector{display:flex;flex-direction:column;gap:.4rem}.mp-avatar-pills-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.mp-avatar-pill{font-size:1.25rem;background:#fff;border:1.5px solid rgba(0,0,0,.1);border-radius:var(--radius-full);width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.mp-avatar-pill:hover{transform:scale(1.15);border-color:#f59e0b;background:#fffdf7}.mp-avatar-pill.active{border-color:#3b82f6;background:#3b82f626;transform:scale(1.18);box-shadow:0 0 0 2px #3b82f6}.mp-avatar-pills-row.small .mp-avatar-pill{width:32px;height:32px;font-size:1.05rem}.mp-edit-profile-card{background:#f8fafc;border:1.5px solid rgba(59,130,246,.3);border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:.85rem;display:flex;flex-direction:column;gap:.4rem}.mp-edit-profile-title{font-size:.8rem;font-weight:800;color:#1e40af}.mp-edit-profile-row{display:flex;align-items:center;gap:.5rem}.mp-edit-name-input{flex:1;font-size:.92rem!important;padding:.4rem .75rem!important}.mp-row-actions{display:flex;align-items:center;gap:.4rem}.mp-edit-name-btn{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.75rem;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}.mp-edit-name-btn:hover{background:#2563eb;color:#fff}.mp-room-lobby-view{display:flex;flex-direction:column;gap:1.75rem}.mp-lobby-top-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem 1.75rem;box-shadow:0 8px 24px #0000000f;flex-wrap:wrap;gap:1.25rem}.mp-lobby-code-box{display:flex;align-items:center;gap:.85rem}.mp-lobby-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.mp-lobby-code-text{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:900;color:#1e40af;letter-spacing:.08em;cursor:pointer;padding:.2rem .6rem;background:#3b82f61a;border-radius:var(--radius-sm);transition:transform var(--transition-fast)}.mp-lobby-code-text:hover{transform:scale(1.04)}.mp-lobby-share-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.mp-privacy-toggle{font-weight:700!important}.mp-privacy-toggle.is-public{color:#059669!important;border-color:#10b98166!important}.mp-privacy-toggle.is-private{color:#d97706!important;border-color:#f59e0b66!important}.mp-privacy-indicator{font-size:.84rem;font-weight:800;color:var(--text-muted);background:#0000000d;padding:.4rem .8rem;border-radius:var(--radius-full)}.mp-lobby-main-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}@media(max-width:900px){.mp-lobby-main-grid{grid-template-columns:1fr}}.mp-lobby-puzzle-card{background:#fffcf7f2;border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column}.mp-lobby-puzzle-img-wrap{position:relative;aspect-ratio:16 / 10;overflow:hidden;max-height:380px}.mp-lobby-puzzle-img-wrap img{width:100%;height:100%;object-fit:cover}.mp-lobby-cat-badge{position:absolute;top:14px;left:14px;background:#000000b3;backdrop-filter:blur(8px);color:#fff;font-size:.82rem;font-weight:800;padding:.35rem .85rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2)}.mp-lobby-puzzle-details{padding:2rem;display:flex;flex-direction:column;gap:.85rem}.mp-lobby-puzzle-title{font-size:1.8rem;font-weight:900;color:var(--text-main);line-height:1.2}.mp-lobby-puzzle-author{font-size:.95rem;color:var(--text-muted)}.mp-custom-pill{font-size:.75rem;background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3);padding:.15rem .5rem;border-radius:var(--radius-full);margin-left:.4rem;font-weight:800}.mp-change-img-overlay-group{position:absolute;bottom:12px;right:12px;display:flex;gap:.5rem;z-index:5}.mp-change-img-overlay-btn{background:#000000bf;backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);padding:.4rem .85rem;font-size:.8rem;font-weight:800;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.35rem}.mp-change-img-overlay-btn:hover{background:#1e40af;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.mp-lobby-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.mp-change-actions-wrap{display:flex;align-items:center;gap:.5rem}.mp-lobby-choose-panel{padding:2.2rem;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.mp-choose-banner-head{text-align:center}.mp-choose-banner-title{font-size:1.6rem;font-weight:900;color:var(--text-main);margin-top:.5rem;margin-bottom:.35rem}.mp-choose-banner-desc{font-size:.92rem;color:var(--text-muted)}.mp-analyzing-card{background:#fff;border:2px solid rgba(59,130,246,.4);border-radius:var(--radius-lg);padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.85rem;box-shadow:0 10px 30px #3b82f61f;margin-top:.75rem}.mp-large-spinner{width:44px!important;height:44px!important;border-width:4px!important;border-color:#3b82f6 transparent #3b82f6 transparent!important}.mp-analyzing-card h3{font-size:1.25rem;font-weight:900;color:#1e40af}.mp-analyzing-card p{font-size:.88rem;color:#64748b}.mp-choose-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:.5rem}.mp-choose-card{background:#fff;border:2px dashed rgba(180,110,30,.35);border-radius:var(--radius-lg);padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 16px #0000000a}.mp-choose-card:hover{border-color:#3b82f6;background:#f8fafc;box-shadow:0 8px 24px #3b82f626}.mp-choose-card.card-gallery:hover{border-color:#f59e0b;background:#fffdf7;box-shadow:0 8px 24px #f59e0b26}.mp-choose-card-icon{font-size:2.8rem;margin-bottom:.85rem}.mp-choose-card h4{font-size:1.15rem;font-weight:800;color:var(--text-main);margin-bottom:.35rem}.mp-choose-card p{font-size:.84rem;color:var(--text-muted);line-height:1.4;margin-bottom:1.25rem;flex:1}.mp-guest-waiting-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.85rem;padding:4rem 2rem;color:var(--text-muted)}.mp-guest-waiting-panel h3{font-size:1.3rem;font-weight:800;color:var(--text-main)}.mp-lobby-diff-selector-row{display:flex;flex-direction:column;gap:.5rem;background:#f8fafc;border:1px solid rgba(0,0,0,.08);padding:.95rem;border-radius:var(--radius-md);margin-top:.5rem}.mp-lobby-diff-selector-row .diff-label{font-size:.82rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.mp-lobby-diff-selector-row .diff-pills-wrap{display:flex;gap:.5rem;flex-wrap:wrap}.diff-pill-btn{flex:1;min-width:90px;padding:.5rem .6rem;background:#fff;border:1.5px solid rgba(0,0,0,.12);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;gap:.15rem;cursor:pointer;transition:all var(--transition-fast)}.diff-pill-btn:hover:not(:disabled){border-color:#3b82f6;background:#eff6ff}.diff-pill-btn.active{border-color:#f59e0b;background:#fffbeb;box-shadow:0 0 0 2px #f59e0b4d}.diff-pill-btn .diff-name{font-size:.85rem;font-weight:800;color:#0f172a}.diff-pill-btn .diff-count{font-size:.72rem;color:#64748b;font-weight:700}.mp-host-controls-box{display:flex;flex-direction:column;gap:.85rem;margin-top:1rem}.btn-start-game-master{font-size:1.2rem!important;padding:1.1rem!important;font-weight:900!important;letter-spacing:.02em;background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 6px 20px #10b98159!important}.btn-start-game-master:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px);box-shadow:0 10px 28px #10b98173!important}.mp-host-hint{font-size:.8rem;color:var(--text-dim);text-align:center}.mp-guest-waiting-box{display:flex;align-items:center;gap:1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.25);padding:1.25rem;border-radius:var(--radius-md);color:#1e40af;font-weight:700;margin-top:1rem}.mp-lobby-players-card{background:#fffcf7f2;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;gap:1.25rem}.mp-players-card-header{display:flex;align-items:center;justify-content:space-between}.mp-players-card-header h3{font-size:1.25rem;font-weight:800;color:var(--text-main)}.mp-live-dot{width:10px;height:10px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;animation:pulseGlow 1.5s infinite}.mp-players-list-scroll{display:flex;flex-direction:column;gap:.75rem;max-height:420px;overflow-y:auto}.mp-player-row{display:flex;align-items:center;gap:.85rem;background:#fff;border:1px solid var(--glass-border);border-left:5px solid #f59e0b;padding:.85rem 1rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a}.mp-player-row.is-me{background:#f59e0b0d}.mp-row-avatar{font-size:1.7rem}.mp-row-info{display:flex;flex-direction:column;gap:.15rem;flex:1}.mp-row-name{font-size:.95rem;font-weight:800;color:var(--text-main)}.mp-you-badge{font-size:.75rem;color:#b45309;margin-left:.35rem}.mp-row-color-indicator{font-size:.75rem;font-weight:700}.mp-host-badge{font-size:.78rem;font-weight:900;color:#b45309;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);padding:.25rem .6rem;border-radius:var(--radius-full)}.mp-lobby-tips-box{display:flex;align-items:flex-start;gap:.65rem;background:#00000008;padding:.85rem;border-radius:var(--radius-md);font-size:.82rem;color:var(--text-muted);line-height:1.4;margin-top:auto}@media(max-width:860px){.mp-actions-cards-grid{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2.5rem}.mp-hero-title{font-size:1.85rem}.mp-hero-subtitle{font-size:.92rem}.mp-action-card{padding:1.75rem 1.25rem}.mp-lobby-main-grid{grid-template-columns:1fr;gap:1.5rem}.mp-lobby-top-bar{padding:1.15rem 1.25rem;gap:1rem}}@media(max-width:600px){.mp-main-hub-view,.mp-room-lobby-view{padding-bottom:5rem}.mp-hero-title{font-size:1.55rem}.mp-hero-subtitle{font-size:.88rem}.mp-action-card-icon{width:60px;height:60px;font-size:2.2rem;margin-bottom:1rem}.mp-action-card-title{font-size:1.3rem}.mp-room-type-toggle{padding:.25rem}.mp-type-toggle-btn{font-size:.82rem;padding:.45rem .6rem}.mp-public-rooms-header{flex-direction:column;align-items:flex-start;gap:.85rem}.mp-public-rooms-header button{width:100%;justify-content:center}.mp-rooms-grid{grid-template-columns:1fr;gap:1.25rem}.mp-lobby-top-bar{flex-direction:column;align-items:stretch;padding:1rem .9rem;border-radius:18px;gap:.85rem}.mp-lobby-code-box{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.4rem}.mp-lobby-code-text{font-size:1.35rem;padding:.15rem .45rem}.mp-lobby-share-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.mp-lobby-share-actions>button,.mp-lobby-share-actions>.mp-privacy-indicator{font-size:.78rem!important;padding:.45rem .55rem!important;text-align:center;justify-content:center;display:flex}.mp-lobby-share-actions .btn-danger{grid-column:span 2}.mp-lobby-puzzle-card{border-radius:20px}.mp-lobby-choose-panel{padding:1.25rem .9rem}.mp-choose-banner-title{font-size:1.3rem}.mp-choose-banner-desc{font-size:.85rem}.mp-choose-cards-grid{grid-template-columns:1fr;gap:.85rem}.mp-choose-card{padding:1.35rem 1rem;border-radius:18px}.mp-choose-card-icon{font-size:2.2rem;margin-bottom:.4rem}.mp-choose-card h4{font-size:1.05rem}.mp-lobby-puzzle-details{padding:1.25rem 1rem;gap:.75rem}.mp-lobby-puzzle-title{font-size:1.35rem}.mp-lobby-title-row{flex-direction:column;align-items:stretch;gap:.75rem}.mp-change-actions-wrap{width:100%;display:flex;gap:.5rem}.mp-change-actions-wrap .btn{flex:1;justify-content:center;text-align:center}.mp-lobby-diff-selector-row{padding:.75rem;border-radius:14px}.mp-lobby-diff-selector-row .diff-pills-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.btn-start-game-master{font-size:1.02rem!important;padding:.9rem!important}.mp-lobby-players-card{padding:1.25rem 1rem;border-radius:20px}.mp-players-card-header h3{font-size:1.1rem}.mp-player-row{padding:.65rem .75rem;border-radius:12px;gap:.65rem}.mp-row-avatar{font-size:1.4rem}.mp-row-name{font-size:.88rem}.mp-edit-profile-card{padding:.75rem}.mp-edit-profile-row{gap:.35rem}.mp-edit-name-input{font-size:.85rem!important;padding:.4rem .5rem!important}}.modal-backdrop{position:fixed;inset:0;background:#0f172ad9!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:10000}.modal-content{background:#fff!important;border:1.5px solid rgba(180,110,30,.25)!important;border-radius:24px!important;padding:2.2rem;box-shadow:0 25px 70px #00000080!important;width:100%;max-width:600px;position:relative;max-height:90vh;overflow-y:auto}.mp-selector-modal-card{background:#fff!important;border:2px solid rgba(180,110,30,.35)!important;border-radius:28px!important;box-shadow:0 30px 90px #0009!important;max-width:900px!important;max-height:88vh!important;display:flex;flex-direction:column;color:var(--text-main)!important;padding:2rem!important;overflow:hidden}.mp-selector-modal-card .modal-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1.5px solid rgba(0,0,0,.08)}.mp-selector-modal-card .modal-title{font-size:1.6rem!important;font-weight:900!important;color:var(--text-main)!important}.mp-selector-modal-card .modal-subtitle{font-size:.92rem!important;color:var(--text-muted)!important;margin-top:.2rem}.mp-selector-modal-card .modal-close-icon-btn{background:#0000000f;border:1px solid rgba(0,0,0,.12);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-main);cursor:pointer;transition:all .2s ease}.mp-selector-modal-card .modal-close-icon-btn:hover{background:#dc26261f;color:#dc2626;border-color:#dc26264d;transform:scale(1.05)}.mp-selector-source-tabs{display:flex;gap:.5rem;background:#f1f5f9;padding:.35rem;border-radius:var(--radius-md);margin-bottom:1.25rem}.mp-source-tab-btn{flex:1;padding:.65rem 1rem;border-radius:var(--radius-sm);background:transparent;border:none;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:800;color:#64748b;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.4rem}.mp-source-tab-btn:hover{color:#1e293b}.mp-source-tab-btn.active{background:#fff;color:#1e40af;box-shadow:0 2px 8px #00000014}.mp-tab-content-area{display:flex;flex-direction:column;min-height:280px}.mp-upload-dropzone{background:#f8fafc;border:2px dashed rgba(59,130,246,.4);border-radius:var(--radius-lg);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:240px}.mp-upload-dropzone:hover{background:#eff6ff;border-color:#2563eb}.mp-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mp-upload-icon{font-size:3.5rem;margin-bottom:.5rem}.mp-upload-placeholder h3{font-size:1.15rem;font-weight:800;color:#1e293b}.mp-upload-placeholder p{font-size:.85rem;color:#64748b}.mp-upload-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem}.mp-uploaded-thumb{max-width:320px;max-height:180px;object-fit:cover;border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026}.mp-upload-change-hint{font-size:.82rem;font-weight:700;color:#2563eb}.mp-selected-summary-bar{display:flex;align-items:center;gap:1rem;background:#f1f5f9;border:1.5px solid rgba(0,0,0,.08);border-radius:var(--radius-md);padding:.6rem 1rem;margin-bottom:1rem}.mp-summary-thumb{width:56px;height:40px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1)}.mp-summary-text{display:flex;flex-direction:column;gap:.15rem;flex:1}.mp-summary-title{font-size:.92rem;font-weight:800;color:#0f172a}.mp-summary-sub{font-size:.78rem;color:#64748b;font-weight:600}.mp-selector-categories-bar{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.6rem;margin-bottom:.85rem}.mp-cat-pill{padding:.4rem .95rem;background:#f1f5f9!important;border:1.5px solid rgba(0,0,0,.08)!important;border-radius:var(--radius-full);font-size:.84rem;font-weight:800;color:#475569!important;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);display:flex;align-items:center;gap:.4rem}.mp-cat-pill:hover{background:#e2e8f0!important;color:#1e293b!important}.mp-cat-pill.active{background:#1e40af!important;color:#fff!important;border-color:#1e40af!important;box-shadow:0 4px 12px #1e40af40}.mp-selector-search-box{margin-bottom:1rem}.mp-search-input{background:#fff!important;border:1.5px solid rgba(0,0,0,.15)!important;color:#0f172a!important;font-size:.95rem!important;box-shadow:inset 0 2px 4px #0000000a}.mp-search-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f640!important}.mp-selector-grid-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;max-height:310px;overflow-y:auto;padding:.85rem;margin-bottom:1rem;background:#f8fafc;border:1.5px solid rgba(0,0,0,.1);border-radius:var(--radius-md)}.mp-grid-card{background:#fff!important;border:2px solid rgba(0,0,0,.12)!important;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 3px 10px #0000000d}.mp-grid-card:hover{transform:translateY(-3px);border-color:#3b82f6!important;box-shadow:0 8px 20px #3b82f633}.mp-grid-card.selected{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b66,0 8px 22px #f59e0b4d!important}.mp-grid-img-wrap{position:relative;aspect-ratio:16 / 10;background:#e2e8f0}.mp-grid-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.mp-selected-badge{position:absolute;bottom:6px;right:6px;background:#f59e0b;color:#fff;font-size:.72rem;font-weight:900;padding:.2rem .5rem;border-radius:var(--radius-sm);box-shadow:0 2px 6px #0000004d}.mp-grid-card-info{padding:.65rem .85rem;background:#fff}.mp-grid-title{font-size:.88rem;font-weight:800;color:#0f172a;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-grid-author{font-size:.76rem;color:#64748b;margin-top:.15rem;display:block}.mp-selector-diff-section{background:#fff!important;border:1.5px solid rgba(0,0,0,.12)!important;padding:1.1rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a}.mp-diff-label{font-size:.88rem;font-weight:800;color:#0f172a;display:block;margin-bottom:.65rem}.mp-diff-buttons-row{display:flex;gap:.6rem;flex-wrap:wrap}.mp-diff-btn{flex:1;min-width:110px;padding:.65rem .5rem;background:#f8fafc!important;border:1.5px solid rgba(0,0,0,.12)!important;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;gap:.2rem;cursor:pointer;transition:all var(--transition-fast)}.mp-diff-btn:hover{background:#fff!important;border-color:#3b82f6!important;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.mp-diff-btn.active{border-color:#f59e0b!important;background:#fffbeb!important;box-shadow:0 0 0 2px #f59e0b59,0 4px 12px #f59e0b26!important}.mp-diff-name{font-size:.88rem;font-weight:800;color:#0f172a}.mp-diff-total{font-size:.75rem;color:#64748b;font-weight:700}.resume-tag-mp{background:linear-gradient(135deg,#d97706,#b45309)!important;color:#fff!important;box-shadow:0 2px 8px #d9770666!important}.is-mp-resume-card{border-color:#f59e0b73!important;box-shadow:0 8px 24px #f59e0b1f,var(--shadow-sm)!important}.is-mp-saved-card{border:1.5px solid rgba(245,158,11,.35)!important;position:relative}.is-mp-saved-card:hover{border-color:#f59e0b!important;box-shadow:0 8px 25px #f59e0b26!important}.admin-page-container{max-width:1400px;margin:2rem auto 4rem;padding:0 1.5rem}.admin-header-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.75rem 2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000000d;flex-wrap:wrap;gap:1.25rem}.admin-header-left{display:flex;align-items:center;gap:1.25rem}.admin-badge-icon{font-size:2.25rem;background:#d977061f;padding:.85rem;border-radius:var(--radius-md);border:1px solid rgba(217,119,6,.3)}.admin-title{font-size:1.85rem;font-weight:900;color:var(--text-main);margin-bottom:.25rem}.admin-subtitle{font-size:.95rem;color:var(--text-muted);max-width:700px}.admin-header-actions{display:flex;gap:.75rem}.admin-nav-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color, rgba(0, 0, 0, .08))}.admin-nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md) var(--radius-md) 0 0;border:none;background:transparent;color:var(--text-muted);font-size:.92rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);position:relative}.admin-nav-tab:hover{color:var(--text-main);background:#00000008}.admin-nav-tab.active{color:var(--color-primary, #b45309);background:var(--bg-card, #ffffff);border-bottom:3px solid var(--color-primary, #b45309);font-weight:900}.tab-pill-count{background:var(--color-primary, #b45309);color:#fff;font-size:.72rem;padding:.15rem .45rem;border-radius:var(--radius-full)}.tab-pill-count.neutral{background:#0000001f;color:var(--text-main)}.tab-pill-count.danger{background:#e11d48;color:#fff}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.admin-stat-card{background:var(--bg-card, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 16px #0000000a}.stat-card-icon{font-size:2.2rem}.stat-card-info{display:flex;flex-direction:column}.stat-card-label{font-size:.82rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.stat-card-value{font-size:1.75rem;font-weight:900;color:var(--text-main)}.admin-analytics-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:900px){.admin-analytics-row{grid-template-columns:1fr}}.admin-card-box{background:var(--bg-card, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:0 4px 16px #0000000a}.card-box-header{margin-bottom:1.25rem}.card-box-header h3{font-size:1.15rem;font-weight:800;color:var(--text-main)}.admin-top-puzzles-list{display:flex;flex-direction:column;gap:.75rem}.admin-top-puzzle-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-surface, rgba(0, 0, 0, .02));border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.top-puz-rank{font-weight:900;font-size:1.1rem;color:var(--color-primary, #b45309);min-width:32px}.top-puz-info{flex:1;display:flex;flex-direction:column}.top-puz-info strong{font-size:.95rem;color:var(--text-main)}.top-puz-info span{font-size:.8rem;color:var(--text-muted)}.top-puz-best{font-size:.88rem;font-weight:700;color:var(--text-main)}.admin-diff-breakdown-list{display:flex;flex-direction:column;gap:1rem}.diff-bar-item{display:flex;flex-direction:column;gap:.35rem}.diff-bar-labels{display:flex;justify-content:space-between;font-size:.88rem}.diff-bar-labels strong{color:var(--text-main)}.diff-bar-labels span{color:var(--text-muted);font-weight:600}.diff-bar-track{width:100%;height:8px;background:#00000014;border-radius:var(--radius-full);overflow:hidden}.diff-bar-fill{height:100%;background:linear-gradient(90deg,#d97706,#f59e0b);border-radius:var(--radius-full)}.admin-shortcuts-card{background:var(--bg-card, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:0 4px 16px #0000000a}.admin-shortcuts-card h3{font-size:1.15rem;font-weight:800;margin-bottom:1.25rem}.admin-shortcuts-btns{display:flex;gap:1rem;flex-wrap:wrap}.admin-mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.admin-mp-card{background:var(--bg-card, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem;box-shadow:0 4px 16px #0000000d}.mp-card-top{display:flex;justify-content:space-between;align-items:center}.mp-card-meta-tags{display:flex;gap:.4rem}.mp-card-code{font-family:Outfit,monospace;font-size:1rem;font-weight:900;color:#2563eb}.mp-card-puzzle-preview{display:flex;gap:1rem;align-items:center}.mp-card-puzzle-preview img{width:72px;height:72px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--glass-border)}.mp-card-puzzle-preview h4{font-size:1rem;font-weight:800;margin-bottom:.2rem}.mp-card-puzzle-preview span{display:block;font-size:.8rem;color:var(--text-muted)}.mp-card-progress-wrap{display:flex;flex-direction:column;gap:.35rem}.progress-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.progress-track{width:100%;height:8px;background:#00000014;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:var(--radius-full)}.mp-card-players-list{display:flex;flex-direction:column;gap:.5rem;font-size:.82rem;color:var(--text-muted)}.mp-players-pill-wrap{display:flex;flex-wrap:wrap;gap:.4rem}.mp-player-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;background:var(--bg-surface, rgba(0, 0, 0, .03));border:1.5px solid #3b82f6;border-radius:var(--radius-full);font-size:.78rem;font-weight:700;color:var(--text-main)}.host-star{font-size:.85rem}.empty-players-notice{color:#e11d48;font-weight:700;font-size:.8rem}.admin-broadcast-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem}@media(max-width:900px){.admin-broadcast-layout{grid-template-columns:1fr}}.broadcast-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.type-btn{padding:.65rem .75rem;border-radius:var(--radius-sm);border:1.5px solid var(--glass-border);background:var(--bg-card, #ffffff);font-size:.85rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);text-align:left}.type-btn.info.active{border-color:#2563eb;background:#2563eb1a;color:#1d4ed8}.type-btn.alert.active{border-color:#e11d48;background:#e11d481a;color:#be123c}.type-btn.event.active{border-color:#9333ea;background:#9333ea1a;color:#7e22ce}.type-btn.maintenance.active{border-color:#d97706;background:#d977061a;color:#b45309}.tr-suspicious{background:#e11d480a!important}.cheat-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:800}.cheat-badge.warning{background:#e11d481f;color:#be123c;border:1px solid rgba(225,29,72,.3)}.cheat-badge.ok{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.3)}.time-highlight{font-family:Outfit,monospace;font-size:.95rem;color:#0f172a}.admin-health-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.health-card{background:var(--bg-card, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.25rem}.health-card.ok{border-left:4px solid #10b981}.health-icon{font-size:2rem}.health-status{display:block;font-size:.82rem;color:var(--text-muted);font-weight:600;margin-top:.2rem}.maintenance-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.maint-action-card{background:var(--bg-card, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;box-shadow:0 4px 16px #0000000a}.maint-action-card.danger-zone{border-color:#e11d484d}.maint-card-header{display:flex;gap:1rem}.maint-icon{font-size:2rem;flex-shrink:0}.maint-card-header h4{font-size:1.05rem;font-weight:800;margin-bottom:.4rem}.maint-card-header p{font-size:.85rem;color:var(--text-muted);line-height:1.45}.user-xp-current-info{display:flex;gap:1.5rem;padding:.85rem 1rem;background:var(--bg-surface, rgba(0, 0, 0, .03));border-radius:var(--radius-sm);font-size:.9rem}.xp-quick-presets{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.75rem;font-size:.82rem;color:var(--text-muted)}.btn-preset{padding:.3rem .65rem;background:#0000000d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.btn-preset:hover{background:var(--color-primary, #b45309);color:#fff}.admin-lock-screen{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.admin-lock-card{max-width:460px;width:100%;background:var(--bg-card, #ffffff);border:1px solid var(--glass-border);border-radius:var(--radius-xl, 24px);padding:2.75rem 2.25rem;box-shadow:0 16px 40px #00000014;text-align:center;backdrop-filter:blur(12px);animation:fadeIn .4s ease}.lock-icon-wrapper{width:72px;height:72px;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(135deg,#d9770626,#f59e0b40);display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #d9770633}.lock-icon{font-size:2.25rem}.admin-lock-card h2{font-family:Outfit,sans-serif;font-size:1.65rem;font-weight:800;margin-bottom:.6rem;color:var(--text-main)}.admin-lock-card p{font-size:.92rem;color:var(--text-muted);line-height:1.55;margin-bottom:1.75rem}.lock-form{text-align:left}.admin-btn-lock{padding:.45rem .95rem;font-size:.82rem;font-weight:700;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:#e11d4814;color:#e11d48;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all var(--transition-fast)}.admin-btn-lock:hover{background:#e11d48;color:#fff;transform:scale(1.03)}.reset-records-modal{max-width:500px}.settings-page-container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 5rem}.settings-page-header{margin-bottom:2rem}.settings-back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:700;color:var(--accent-primary, #b45309);text-decoration:none;margin-bottom:1rem;transition:transform var(--transition-fast),color var(--transition-fast)}.settings-back-link:hover{transform:translate(-4px);color:var(--accent-hover, #92400e)}.settings-main-title{display:flex;align-items:center;gap:.75rem;font-size:2.2rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;font-family:Outfit,sans-serif;letter-spacing:-.02em}.settings-subtitle{font-size:1rem;color:var(--text-secondary);max-width:680px;line-height:1.5}.settings-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media(max-width:900px){.settings-layout-grid{grid-template-columns:1fr}}.settings-card{background:#fffcf7fa;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 4px 20px #0000000d;contain:content}.settings-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.settings-card-title-wrap{display:flex;align-items:flex-start;gap:.85rem}.settings-card-icon{font-size:1.8rem;line-height:1}.settings-card-title{font-size:1.35rem;font-weight:800;color:var(--text-primary);font-family:Outfit,sans-serif;margin-bottom:.25rem}.settings-card-desc{font-size:.86rem;color:var(--text-secondary);line-height:1.4}.settings-user-preview-box{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:#f5efe699;border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:1.75rem}.settings-preview-avatar{width:64px;height:64px;font-size:2.2rem;background:var(--accent-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #d977064d;flex-shrink:0}.settings-preview-details{display:flex;flex-direction:column;gap:.35rem;min-width:0}.settings-preview-name-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.settings-preview-name{font-size:1.25rem;color:var(--text-primary);font-family:Outfit,sans-serif}.settings-preview-sub{font-size:.84rem;color:var(--text-secondary)}.settings-section{margin-bottom:1.75rem}.settings-section-title-wrap{margin-bottom:.85rem}.settings-section-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.15rem}.settings-section-hint{font-size:.82rem;color:var(--text-secondary)}.settings-divider{height:1px;background:var(--glass-border);margin:1.75rem 0}.settings-input-with-icon{position:relative;display:flex;align-items:center}.settings-input-icon{position:absolute;left:.85rem;font-size:1.05rem;pointer-events:none;opacity:.7}.settings-text-input{width:100%;padding:.75rem 1rem .75rem 2.6rem!important;border-radius:var(--radius-md)!important;border:1.5px solid var(--glass-border)!important;background:#fff!important;font-size:.95rem!important;color:var(--text-primary)!important;transition:all var(--transition-fast)!important}.settings-text-input:focus{outline:none!important;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px #d9770626!important}.btn-toggle-visibility{background:none;border:none;font-size:.78rem;font-weight:600;color:var(--accent-primary);cursor:pointer;padding:.2rem .5rem;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.btn-toggle-visibility:hover{background:#d9770614}.password-match-hint{display:block;font-size:.8rem;font-weight:600;margin-top:.45rem}.password-match-hint.match{color:#15803d}.password-match-hint.mismatch{color:#b91c1c}.settings-account-meta{padding:.5rem 0 0}.settings-meta-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.settings-meta-list{display:flex;flex-direction:column;gap:.6rem;background:#f5efe673;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.85rem 1rem}.settings-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary)}.settings-meta-row strong{color:var(--text-primary)}.status-badge-active{color:#15803d;font-weight:700;font-size:.82rem}.password-input-wrap{position:relative;display:flex;align-items:center;width:100%}.password-input-wrap input{width:100%;padding-right:2.85rem!important}.password-toggle-btn{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.15rem;cursor:pointer;padding:.2rem .35rem;line-height:1;color:var(--text-secondary);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),opacity var(--transition-fast);user-select:none;z-index:2}.password-toggle-btn:hover{opacity:.85;transform:translateY(-50%) scale(1.12)}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)}.ad-banner-wrapper{display:flex;justify-content:center;align-items:center;width:100%;min-height:90px;margin:1.5rem auto;padding:0 .5rem;box-sizing:border-box;overflow:hidden;contain:layout}.ad-banner-container{display:flex;justify-content:center;align-items:center;width:468px;height:60px;min-height:60px;max-width:100%;overflow:hidden;border-radius:8px;transition:transform var(--transition-fast)}@media(max-width:520px){.ad-banner-container{transform:scale(.85);transform-origin:center center;margin:-5px 0}}@media(max-width:400px){.ad-banner-container{transform:scale(.72);transform-origin:center center;margin:-8px 0}}