*{box-sizing:border-box}*:focus{outline:none}html{scroll-behavior:smooth}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;overflow-y:auto;background:#f8fafc}#root{min-height:100vh;position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.world-card{border-radius:24px;padding:32px;height:320px;display:flex;flex-direction:column;text-align:left;border:1px solid rgba(255,255,255,.2);transition:all .15s ease;overflow:hidden;position:relative;color:#fff;font-weight:600}.world-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 25px 50px -12px #00000040}.world-card-w0{background:linear-gradient(to bottom right,#34d399,#10b981);box-shadow:0 20px 25px -5px #10b9814d}.world-card-w1{background:linear-gradient(to bottom right,#fb923c,#eab308);box-shadow:0 20px 25px -5px #fb923c4d}.world-card-w2{background:linear-gradient(to bottom right,#60a5fa,#6366f1);box-shadow:0 20px 25px -5px #60a5fa4d}.world-card-w3{background:linear-gradient(to bottom right,#a855f7,#6366f1);box-shadow:0 20px 25px -5px #a855f74d}.world-card-w4{background:linear-gradient(to bottom right,#f472b6,#ec4899);box-shadow:0 20px 25px -5px #f472b64d}.world-card-w5{background:linear-gradient(to bottom right,#14b8a6,#06b6d4);box-shadow:0 20px 25px -5px #14b8a64d}.world-icon-bg{width:64px;height:64px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:transform .15s ease}.world-card:hover .world-icon-bg{transform:scale(1.1)}.world-icon{font-size:32px}.world-title{font-size:24px;font-weight:700;margin-bottom:16px;color:#fff}.world-description{font-size:14px;line-height:1.6;margin-bottom:24px;flex-grow:1;opacity:.9}.world-badges{display:flex;gap:12px;font-size:12px}.world-badge{padding:8px 12px;border-radius:12px;background:#ffffff4d;border:1px solid rgba(255,255,255,.2);font-weight:600;color:#fff}.world-grid{display:grid;grid-template-columns:1fr;gap:32px;max-width:1200px;margin:0 auto}@media (min-width: 768px){.world-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.world-grid{grid-template-columns:repeat(3,1fr)}}.main-title{font-size:48px;font-weight:800;background:linear-gradient(to right,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:16px}@media (min-width: 768px){.main-title{font-size:64px}}.main-description{font-size:18px;color:#475569;max-width:32rem;margin:0 auto 48px;line-height:1.6;text-align:center}.app-background{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:linear-gradient(135deg,#6366f11a,#a855f70d,#f472b60d,#14b8a60d,#22c55e1a);z-index:-1;pointer-events:none}.topbar{position:sticky;top:0;z-index:20;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 6px -1px #0000000d}.topbar-content{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;min-height:80px}.topbar-center{display:flex;justify-content:center;align-items:center}.topbar-logo{display:inline-flex;align-items:center;gap:16px;color:#1e293b;font-weight:800;transition:color .2s ease;background:none;border:none;cursor:pointer;font-size:24px;letter-spacing:-.02em}.topbar-logo:hover{transform:scale(1.02)}.topbar-text{transition:all .2s ease}.topbar-logo:hover .topbar-text{background:linear-gradient(135deg,#fbbf24,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(to bottom right,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s ease;font-size:40px}.topbar-logo:hover .topbar-icon{transform:scale(1.05);box-shadow:0 10px 15px -3px #0000001a}.topbar-stats{display:flex;align-items:center;gap:16px;font-size:14px;height:48px}.xp-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;border-radius:16px;background:linear-gradient(to right,#fbbf2433,#fb923c33);border:1px solid rgba(251,191,36,.3);box-shadow:0 1px 2px #0000000d;height:44px;min-width:80px}.xp-star{font-size:18px}.xp-number{font-weight:800;color:#1e293b;font-size:18px;letter-spacing:-.02em}.xp-text{color:#475569;font-weight:800;font-size:14px;letter-spacing:-.01em}.badges-container{display:none;align-items:center;gap:8px;height:44px}@media (min-width: 768px){.badges-container{display:flex}}.badge-item{padding:8px 12px;border-radius:12px;background:linear-gradient(to right,#f59e0b33,#fbbf2433);border:1px solid rgba(245,158,11,.3);color:#92400e;font-weight:600;box-shadow:0 1px 2px #0000000d}.profile-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;font-weight:600;height:44px;box-shadow:0 2px 4px #6366f133}.profile-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #6366f14d;background:linear-gradient(135deg,#5b21b6,#7c3aed)}.profile-button-icon{font-size:18px}.profile-button-text{font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 767px){.profile-button-text{display:none}.profile-button{padding:8px 12px;min-width:44px}}.section-container{padding:32px 0}.main-container{max-width:1400px;margin:0 auto;padding:0 24px 24px;min-height:calc(100vh - 80px)}.space-main-container{padding:0;margin:0;min-height:calc(100vh - 80px);width:100vw;position:relative}.space-content-wrapper{max-width:1400px;margin:0 auto;padding:40px 24px;position:relative;z-index:5}.space-topbar .topbar{background:#0f0f1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.space-topbar .topbar-content{border-bottom:none}.space-topbar .topbar-logo{color:#fff}.space-topbar .topbar-text{color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.space-topbar .topbar-logo:hover .topbar-text{background:linear-gradient(135deg,#fbbf24,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.space-topbar .xp-number{color:#fff}.space-topbar .xp-text{color:#fffc}.space-topbar .level-progress-text{color:#ffffffe6!important}.space-topbar .level-display{background:linear-gradient(to bottom right,#6366f1,#8b5cf6);color:#fff}.space-topbar .level-progress-container{background:#ffffff26;border:1px solid rgba(255,255,255,.2)}.space-topbar .profile-button{background:linear-gradient(135deg,#fff3,#ffffff1a);color:#fff;border:1px solid rgba(255,255,255,.3)}.space-topbar .profile-button:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);transform:translateY(-2px);box-shadow:0 6px 12px #fff3}.space-topbar .xp-badge{background:linear-gradient(to right,#fbbf244d,#fb923c4d);border:1px solid rgba(251,191,36,.4)}.space-topbar .level-label{color:#fff;opacity:.9}.space-topbar .level-number{color:#fff}.space-topbar .level-progress-text.progress-text{color:#fffc}.space-topbar .max-level-text{color:#a78bfa}.level-detail-container{max-width:800px;margin:0 auto;padding:32px}.level-header{text-align:center;margin-bottom:32px}.level-title{font-size:36px;font-weight:800;color:#fff;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.level-description{font-size:18px;color:#ffffffe6;margin-bottom:24px;line-height:1.6}.level-back-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;height:48px;box-sizing:border-box;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.level-back-button:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.can-dos-section{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.can-dos-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:16px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.can-dos-list{list-style:none;padding:0;margin:0}.can-dos-item{display:flex;align-items:center;gap:12px;padding:8px 0;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.can-dos-check{width:20px;height:20px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.quests-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:stretch}@media (min-width: 768px){.quests-grid{grid-template-columns:repeat(2,1fr);align-items:stretch}}.quest-card{background:#ffffff0d;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;min-height:200px;height:100%;box-sizing:border-box}.quest-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000004d;border-color:#60a5fa;background:#ffffff26}.quest-type-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;margin-bottom:12px;align-self:flex-start;flex-shrink:0}.quest-type-puzzle{background:#10b9811a;color:#10b981}.quest-type-build{background:#3b82f61a;color:#3b82f6}.quest-type-quiz{background:#f59e0b1a;color:#f59e0b}.quest-type-matching{background:#a855f71a;color:#a855f7}.quest-type-bonus{background:#fbbf241a;color:#fbbf24}.quest-type-code{background:#8b5cf61a;color:#8b5cf6}.quest-type-boss{background:#ef44441a;color:#ef4444}.quest-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 1px 3px rgba(0,0,0,.5);flex-shrink:0}.quest-goals{list-style:none;padding:0;margin:0 0 16px;flex:1;min-height:0}.quest-goal{color:#fffc;font-size:14px;padding:4px 0;display:flex;align-items:flex-start;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.quest-goal:before{content:"•";color:#3b82f6;font-weight:700;flex-shrink:0}.quest-footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:12px;flex-shrink:0}.quest-xp{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#fbbf241a;border-radius:8px;color:#f59e0b;font-weight:600;font-size:14px}.quest-viewer-container{max-width:900px;margin:0 auto;padding:32px;min-height:calc(100vh - 80px);display:flex;flex-direction:column}.quest-viewer-header{margin-bottom:32px}.quest-breadcrumb{color:#ffffffb3;font-size:14px;margin-bottom:16px}.quest-viewer-title{font-size:32px;font-weight:800;color:#fff;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.quest-content{background:#ffffff0d;border-radius:16px;padding:32px;border:1px solid rgba(255,255,255,.15);margin-bottom:32px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.quest-content-fullwidth{background:transparent;border-radius:0;padding:32px;border:none;margin-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:calc(100vh - 300px)}.hardware-matching-quest-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;border-radius:0!important;padding:0!important;margin:-32px!important;min-height:600px;border:none!important}.hw-content-wrapper{padding:24px;max-width:none}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.quest-placeholder{text-align:center;padding:48px;color:#64748b}.quest-placeholder-icon{font-size:48px;margin-bottom:16px}.quest-placeholder-title{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:12px}.quest-placeholder-text{font-size:16px;color:#64748b;line-height:1.6}.quest-actions{display:flex;gap:16px;justify-content:space-between;align-items:center}.quest-complete-button{background:linear-gradient(to right,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;height:48px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b9814d}.quest-complete-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #10b98166}.dns-puzzle{padding:32px}.dns-instructions{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:12px;padding:20px;margin-bottom:32px}.dns-instructions h3{color:#0369a1;margin-bottom:12px;font-size:18px;font-weight:700}.dns-instructions p{color:#0c4a6e;margin:0;line-height:1.6}.dns-tiles-container{margin-bottom:32px}.dns-tiles-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px}.dns-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.dns-tile{background:#fff;border:2px dashed #d1d5db;border-radius:12px;padding:16px;text-align:center;cursor:grab;transition:all .2s ease}.dns-tile:hover{border-color:#3b82f6;background:#f8fafc}.dns-tile.dragging{opacity:.5;cursor:grabbing}.dns-dropzone{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.dns-drop-slot{min-height:80px;border:2px dashed #d1d5db;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f9fafb;transition:all .2s ease}.dns-drop-slot.drag-over{border-color:#3b82f6;background:#dbeafe}.dns-drop-slot.filled{border-style:solid;border-color:#10b981;background:#ecfdf5}.dns-tile-label{font-weight:600;color:#1e293b;margin-bottom:4px}.dns-tile-hint{font-size:12px;color:#64748b;font-style:italic}.dns-feedback{padding:16px;border-radius:12px;margin-bottom:24px}.dns-feedback.success{background:#ecfdf5;border:1px solid #d1fae5;color:#047857;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dns-feedback.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.scene-wrapper{opacity:1;transform:translateY(0);transition:all .5s ease}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-sm{font-size:14px}.text-xs{font-size:12px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-800{color:#1e293b}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.px-3{padding-left:12px;padding-right:12px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.rounded-lg{border-radius:8px}.bg-blue-100{background-color:#dbeafe}.bg-green-100{background-color:#dcfce7}.bg-yellow-100{background-color:#fef3c7}.bg-red-100{background-color:#fee2e2}.text-blue-800{color:#1e40af}.text-green-800{color:#166534}.text-yellow-800{color:#92400e}.text-red-800{color:#991b1b}.level-bar-container{display:flex;align-items:center;gap:12px;font-size:14px;height:48px;background:transparent}.level-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px;background:linear-gradient(to bottom right,#6366f1,#8b5cf6);color:#fff;border-radius:12px;box-shadow:0 2px 4px #6366f133;min-width:56px;height:44px;flex-shrink:0}.level-label{font-size:10px;font-weight:800;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.level-number{font-size:20px;font-weight:800;line-height:1;letter-spacing:-.02em}.level-progress-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:120px;height:44px;background:#f1f5f94d;border-radius:16px;padding:6px 12px;border:1px solid rgba(148,163,184,.2);flex-shrink:0;box-sizing:border-box}.level-progress-bar{height:4px;background:#94a3b84d;border-radius:2px;overflow:hidden;width:100%;box-shadow:inset 0 1px 2px #0000000d}.level-progress-fill{height:100%;background:linear-gradient(to right,#10b981,#059669);border-radius:2px;transition:width .5s ease;position:relative}.level-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.level-progress-text{font-size:13px;color:#64748b;font-weight:800;text-align:center;line-height:1;margin:0;white-space:nowrap;letter-spacing:-.01em}.max-level-text{color:#7c3aed;font-weight:700;font-size:12px}.progress-text{color:#475569}@media (max-width: 768px){.level-bar-container{gap:8px}.level-display{padding:6px 10px;min-width:50px}.level-number{font-size:16px}.level-progress-container{min-width:100px}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-particle{position:absolute;top:-10px;border-radius:2px;animation:confetti-fall 3s linear infinite}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-particle:nth-child(2n){animation:confetti-fall-left 3s linear infinite}.confetti-particle:nth-child(3n){animation:confetti-fall-right 3s linear infinite}@keyframes confetti-fall-left{0%{transform:translateY(-10px) translate(0) rotate(0);opacity:1}50%{transform:translateY(50vh) translate(-30px) rotate(360deg);opacity:1}to{transform:translateY(110vh) translate(-60px) rotate(720deg);opacity:0}}@keyframes confetti-fall-right{0%{transform:translateY(-10px) translate(0) rotate(0);opacity:1}50%{transform:translateY(50vh) translate(30px) rotate(360deg);opacity:1}to{transform:translateY(110vh) translate(60px) rotate(720deg);opacity:0}}.medal-notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:15000;cursor:pointer}.medal-notification-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:48px;border-radius:24px;text-align:center;position:relative;box-shadow:0 25px 50px #0006;max-width:450px;margin:20px;cursor:default;overflow:hidden}.medal-notification-content:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#fad390,plum);border-radius:24px;z-index:-1;animation:borderRainbow 3s linear infinite;background-size:400% 400%}@keyframes borderRainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.medal-notification-close{position:absolute;top:20px;right:24px;background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.8;transition:all .2s ease;font-weight:700;line-height:1;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.medal-notification-close:hover{opacity:1;background:#ffffff4d;transform:scale(1.1)}.medal-notification-header{position:relative;margin-bottom:32px}.medal-notification-icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff;margin:0 auto 24px;box-shadow:0 15px 35px #0000004d;border:4px solid rgba(255,255,255,.3);position:relative}.medal-notification-sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.medal-sparkle{position:absolute;font-size:16px;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.8)}.medal-notification-info{margin-bottom:32px}.medal-notification-title{font-size:28px;font-weight:800;margin:0 0 16px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.medal-notification-medal-title{font-size:24px;font-weight:700;margin:0 0 12px;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3)}.medal-notification-description{font-size:16px;margin:0 0 20px;opacity:.9;font-weight:500;line-height:1.5}.medal-notification-tier{display:inline-block;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #0003}.medal-notification-tier.tier-bronze{background:linear-gradient(135deg,#cd7f32,#b8860b)}.medal-notification-tier.tier-silver{background:linear-gradient(135deg,silver,#a8a8a8)}.medal-notification-tier.tier-gold{background:linear-gradient(135deg,gold,#ffb347)}.medal-notification-tier.tier-platinum{background:linear-gradient(135deg,#e5e4e2,#b8b8b8)}.medal-notification-tier.tier-special{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.medal-notification-additional{font-size:14px;margin:16px 0 0;opacity:.8;font-style:italic}.medal-notification-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px 32px;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #10b9814d;text-transform:uppercase;letter-spacing:1px}.medal-notification-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #10b98166}@media (max-width: 767px){.medal-notification-content{padding:32px 24px;margin:16px}.medal-notification-icon{width:100px;height:100px;font-size:50px}.medal-notification-title{font-size:24px}.medal-notification-medal-title{font-size:20px}.medal-notification-description{font-size:14px}.medal-notification-button{font-size:16px;padding:12px 24px}}.space-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;overflow:hidden;background:radial-gradient(ellipse at center,#1a1a2e,#16213e,#0f0f1e 80%,#000);pointer-events:none}.space-nebula{position:absolute;border-radius:50%;filter:blur(80px);opacity:.1;animation:nebula-drift 60s ease-in-out infinite}.space-nebula{width:800px;height:800px;top:10%;left:20%;background:radial-gradient(circle,#6366f1 0%,transparent 70%)}.space-nebula-2{width:600px;height:600px;top:60%;right:10%;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);animation-delay:-20s}.space-nebula-3{width:400px;height:400px;bottom:20%;left:10%;background:radial-gradient(circle,#ec4899 0%,transparent 70%);animation-delay:-40s}@keyframes nebula-drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-30px) scale(1.1)}50%{transform:translate(-30px,40px) scale(.9)}75%{transform:translate(20px,20px) scale(1.05)}}.space-star{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 10px #fffc;animation:star-twinkle linear infinite}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.space-particle{position:absolute;background:radial-gradient(circle,#60a5fa 0%,transparent 70%);border-radius:50%;opacity:.6;animation:particle-float linear infinite}@keyframes particle-float{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) translate(50px) scale(1);opacity:0}}.shooting-star{position:absolute;left:var(--start-x);top:var(--start-y);width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff,0 0 12px #60a5fa,0 0 20px #3b82f6;animation:shooting-star-move infinite linear;transform:rotate(var(--angle));pointer-events:none}.shooting-star-trail{position:absolute;top:0;right:100%;width:var(--length);height:2px;background:linear-gradient(to left,white,rgba(255,255,255,.8) 20%,rgba(96,165,250,.4) 60%,transparent);border-radius:0 2px 2px 0;transform:translateY(-50%);opacity:inherit}@keyframes shooting-star-move{0%{left:var(--start-x);top:var(--start-y);opacity:0}3%{opacity:1}97%{opacity:1}to{left:var(--end-x);top:var(--end-y);opacity:0}}.space-galaxy{position:absolute;width:300px;height:300px;border-radius:50%;opacity:.05;animation:galaxy-rotate 120s linear infinite}.space-galaxy-1{top:20%;right:20%;background:conic-gradient(from 0deg,transparent 0%,#6366f1 50%,transparent 100%)}.space-galaxy-2{bottom:30%;left:30%;background:conic-gradient(from 180deg,transparent 0%,#8b5cf6 50%,transparent 100%);animation-direction:reverse}@keyframes galaxy-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.space-globe-wrapper{position:relative;margin:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:400px}.space-globe-container{position:relative;perspective:1000px;margin-bottom:30px}.globe-info-panel-static{text-align:center;max-width:300px;width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 20px #0000004d;overflow:hidden}.globe-info-panel-static>div{padding:20px}.globe-info-panel-static .globe-info-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 12px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.globe-info-panel-static .globe-info-description{color:#fffc;font-size:14px;line-height:1.5;margin:0 0 16px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.globe-info-panel-static .globe-info-stats{display:flex;justify-content:center;gap:20px;margin-bottom:16px}.globe-info-panel-static .globe-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffb3;font-weight:600}.globe-info-panel-static .globe-action-button{padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px}.globe-info-panel-static .globe-locked{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.globe-info-panel-static .globe-completed{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.globe-info-panel-static .globe-available{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.globe-energy-ring{position:absolute;border:3px solid;border-radius:50%;opacity:.3;animation:ring-pulse 3s ease-in-out infinite}.globe-energy-ring{width:320px;height:320px;top:50%;left:50%;transform:translate(-50%,-50%)}.globe-ring-middle{width:280px;height:280px;animation-delay:.5s}@keyframes ring-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.6}}.space-globe{width:200px;height:200px;border-radius:50%;position:relative;box-shadow:inset -20px -20px 60px #0006,inset 20px 20px 40px #ffffff1a,0 20px 40px #0000004d;transform-style:preserve-3d;transition:all .3s ease;cursor:pointer;overflow:hidden}.globe-surface{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;overflow:hidden}.globe-pattern-circuit:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-image:repeating-linear-gradient(45deg,transparent 0px,transparent 10px,rgba(255,255,255,.1) 10px,rgba(255,255,255,.1) 20px),repeating-linear-gradient(-45deg,transparent 0px,transparent 15px,rgba(255,255,255,.05) 15px,rgba(255,255,255,.05) 30px)}.globe-pattern-brain:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 2px,transparent 3px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.08) 1px,transparent 2px),radial-gradient(circle at 20% 80%,rgba(255,255,255,.06) 1px,transparent 2px)}.globe-pattern-network:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-image:linear-gradient(30deg,transparent 48%,rgba(255,255,255,.1) 50%,transparent 52%),linear-gradient(90deg,transparent 48%,rgba(255,255,255,.05) 50%,transparent 52%),linear-gradient(150deg,transparent 48%,rgba(255,255,255,.08) 50%,transparent 52%)}.globe-pattern-code:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 8px,rgba(255,255,255,.1) 8px,rgba(255,255,255,.1) 9px),repeating-linear-gradient(120deg,transparent 0px,transparent 12px,rgba(255,255,255,.05) 12px,rgba(255,255,255,.05) 14px)}.globe-pattern-data:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-image:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,255,255,.1) 10deg,transparent 20deg)}.globe-pattern-algorithm:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-image:repeating-linear-gradient(60deg,transparent 0px,transparent 6px,rgba(255,255,255,.08) 6px,rgba(255,255,255,.08) 12px),repeating-linear-gradient(-60deg,transparent 0px,transparent 8px,rgba(255,255,255,.06) 8px,rgba(255,255,255,.06) 16px)}.globe-atmosphere{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;pointer-events:none}.globe-highlight{position:absolute;top:20%;left:30%;width:40px;height:40px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;filter:blur(10px)}.globe-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;text-shadow:0 4px 8px rgba(0,0,0,.5);z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.globe-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.globe-lock-icon{font-size:36px;opacity:.9}.globe-completion-effect{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none}.completion-sparkle{position:absolute;top:15%;right:15%;font-size:20px;animation:sparkle-twinkle 2s ease-in-out infinite}.completion-crown{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:24px;animation:crown-float 3s ease-in-out infinite}@keyframes sparkle-twinkle{0%,to{opacity:.6;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes crown-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.globe-info-panel{position:absolute;bottom:-120px;left:50%;transform:translate(-50%);background:#0f0f1ef2;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;min-width:280px;max-width:320px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080;z-index:100}.globe-info-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px;text-align:center}.globe-info-description{color:#fffc;font-size:14px;line-height:1.4;margin:0 0 16px;text-align:center}.globe-info-stats{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.globe-stat{display:flex;align-items:center;gap:6px;color:#ffffffb3;font-size:12px;font-weight:500}.globe-stat-icon{font-size:14px}.globe-action-button{text-align:center}.globe-locked{background:#6b7280cc;color:#fff;padding:8px 16px;border-radius:8px;font-weight:600;font-size:12px}.globe-available{background:#3b82f6cc;color:#fff;padding:8px 16px;border-radius:8px;font-weight:600;font-size:12px}.globe-completed{background:#10b981cc;color:#fff;padding:8px 16px;border-radius:8px;font-weight:600;font-size:12px}.globe-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:1px;height:1px}.globe-particle{position:absolute;width:8px;height:8px;border-radius:50%;transform-origin:0 0;left:0;top:0;box-shadow:0 0 15px currentColor}.space-world-container{position:relative;min-height:calc(100vh - 80px);padding:40px 20px;width:100%}.space-world-header{text-align:center;margin-bottom:60px;position:relative;z-index:15}.space-world-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;text-shadow:0 0 30px rgba(96,165,250,.3)}.space-world-subtitle{font-size:18px;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.space-worlds-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:0 auto;position:relative;z-index:10;padding:40px 20px}.space-worlds-grid>:nth-child(2n){transform:translateY(80px)}.space-worlds-grid>:nth-child(odd){transform:translateY(0)}@media (max-width: 768px){.space-world-container{padding:20px 10px}.space-world-title{font-size:36px}.space-worlds-grid{grid-template-columns:1fr;gap:30px;padding:20px 10px}.space-worlds-grid>:nth-child(2n),.space-worlds-grid>:nth-child(odd){transform:translateY(0)}.space-globe-wrapper{margin:15px;min-height:350px}.space-world-subtitle{font-size:16px}.space-worlds-grid{grid-template-columns:1fr;gap:40px 20px}.space-globe-container{margin:20px;min-height:300px}.space-globe{width:160px;height:160px}.globe-icon{font-size:36px}.globe-energy-ring{width:220px;height:220px}.globe-ring-middle{display:none}.globe-info-panel{min-width:240px;max-width:280px;padding:16px}}@media (max-width: 480px){.space-world-title{font-size:28px}.space-globe{width:140px;height:140px}.globe-icon{font-size:32px}.globe-energy-ring{width:200px;height:200px}.globe-ring-middle{display:none}}.level-up-notification{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:notification-fade-in .3s ease-out}.level-up-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;border-radius:20px;text-align:center;position:relative;box-shadow:0 20px 40px #0000004d;animation:notification-bounce-in .5s ease-out .2s both;max-width:400px;margin:20px}.level-up-icon{font-size:60px;margin-bottom:20px;animation:icon-pulse 2s infinite}.level-up-text h2{font-size:32px;font-weight:800;margin:0 0 16px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.level-up-text p{font-size:18px;margin:0;opacity:.9;font-weight:500}.level-up-close{position:absolute;top:15px;right:20px;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;opacity:.7;transition:opacity .2s ease;font-weight:700;line-height:1}.level-up-close:hover{opacity:1}@keyframes notification-fade-in{0%{opacity:0}to{opacity:1}}@keyframes notification-bounce-in{0%{transform:scale(.3) translateY(-50px);opacity:0}50%{transform:scale(1.05) translateY(0)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.profile-container{max-width:1200px;margin:0 auto;padding:32px;min-height:calc(100vh - 80px)}.profile-header{display:flex;align-items:center;gap:24px;margin-bottom:32px}.profile-back-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;height:48px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.profile-back-button:hover{background:#fff3;transform:translateY(-2px)}.profile-title{font-size:36px;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-content{display:grid;gap:24px}.profile-card{background:#ffffff0d;border-radius:20px;padding:32px;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;align-items:center;gap:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.profile-info{text-align:center;width:100%}.profile-username-section{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px}.profile-username-label{font-size:14px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.profile-username-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.profile-username{font-size:28px;font-weight:700;color:#fff;margin:0;border:2px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:12px;background:#ffffff1a;box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-edit-button{background:linear-gradient(135deg,#e2e8f0,#f1f5f9);border:2px solid #cbd5e1;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;padding:10px 16px;border-radius:10px;color:#475569;box-shadow:0 2px 6px #0000001a}.profile-edit-button:hover{background:linear-gradient(135deg,#cbd5e1,#e2e8f0);border-color:#94a3b8;color:#334155;transform:translateY(-1px);box-shadow:0 4px 10px #00000026}.profile-username-form{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;justify-content:center}.profile-username-input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:20px;font-weight:600;text-align:center;min-width:200px;outline:none;transition:border-color .2s ease}.profile-username-input:focus{border-color:#3b82f6}.styled-username-input{border:3px solid #94a3b8!important;background:#fffffff2;box-shadow:0 2px 8px #0000001a}.styled-username-input:focus{border-color:#3b82f6!important;background:#fff;box-shadow:0 0 0 4px #3b82f633,0 2px 12px #00000026}.profile-avatar-section{position:relative;display:flex;justify-content:center;margin-bottom:20px}.profile-avatar{width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s ease;border:4px solid rgba(255,255,255,.3);box-shadow:0 8px 25px #00000026}.profile-avatar:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0003}.profile-avatar-icon{font-size:80px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.profile-avatar-edit{position:absolute;bottom:-5px;right:-5px;background:#fff;border:2px solid #e2e8f0;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.profile-avatar:hover .profile-avatar-edit{background:#3b82f6;border-color:#3b82f6;color:#fff}.avatar-customization-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.avatar-customization-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:15px;max-width:700px;width:95%;max-height:70vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:2px solid rgba(255,255,255,.2)}.avatar-modal-title{color:#fff;font-size:22px;font-weight:700;margin:0 0 12px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.avatar-section{margin-bottom:12px}.avatar-section-title{color:#fff;font-size:15px;font-weight:600;margin:0 0 8px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.avatar-icon-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-height:220px;overflow-y:auto;padding-right:5px}.avatar-icon-option{aspect-ratio:1;border-radius:8px;background:#fff3;border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar-icon-option:hover{background:#ffffff4d;transform:scale(1.05)}.avatar-icon-option.selected{background:#fff6;border-color:gold;box-shadow:0 0 15px #ffd70080}.avatar-color-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-height:100px;overflow-y:auto;padding-right:5px}.avatar-color-option{aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003}.avatar-color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.avatar-color-option.selected{border-color:gold;box-shadow:0 0 15px #ffd70099}.avatar-preview-section{text-align:center;margin-top:10px}.avatar-preview{width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin:8px auto;border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 20px #0003}.avatar-modal-close{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:15px;font-weight:600;cursor:pointer;width:100%;margin-top:12px;transition:all .2s ease;box-shadow:0 4px 15px #ee5a244d}.avatar-modal-close:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ee5a2466}.profile-username-buttons{display:flex;gap:8px}.profile-btn-save,.profile-btn-cancel{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;min-width:120px}.profile-btn-save{background:#10b981;color:#fff}.profile-btn-save:hover{background:#059669;transform:scale(1.05)}.profile-btn-cancel{background:#ef4444;color:#fff}.profile-btn-cancel:hover{background:#dc2626;transform:scale(1.05)}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;justify-content:center}.profile-stat{display:flex;flex-direction:column;align-items:center;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.profile-stat-icon{font-size:24px;margin-bottom:8px}.profile-stat-value{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:4px}.profile-stat-label{font-size:14px;color:#64748b;font-weight:500}.profile-section-title{font-size:24px;font-weight:700;color:#fff;margin:0;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.world-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.world-progress-item{padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.world-progress-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.world-progress-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a}.world-progress-info{flex:1}.world-progress-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.world-progress-text{font-size:14px;color:#64748b}.world-progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.world-progress-fill{height:100%;border-radius:4px;transition:width .5s ease;background:linear-gradient(90deg,#10b981,#059669)}.profile-medals-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px;flex-wrap:wrap;gap:16px}.profile-medal-filters{display:flex;gap:8px;flex-wrap:wrap}.profile-filter-btn{padding:6px 16px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;transition:all .2s ease;font-weight:600;color:#ffffffe6;font-size:14px;line-height:1.4;display:inline-flex;align-items:center}.profile-filter-btn:hover{background:#fff3;border-color:#fff6}.profile-filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.profile-medals-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:start}@media (max-width: 1024px){.profile-medals-grid{grid-template-columns:repeat(3,1fr)}}.profile-medal{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:6px;padding:12px 10px 10px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease;min-height:180px;height:180px;box-sizing:border-box;position:relative}.profile-medal.earned{background:#fff;border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.profile-medal.earned:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98133}.profile-medal.locked{opacity:.6}.profile-medal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:48px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000001a;font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;text-align:center;vertical-align:top;overflow:hidden}.profile-medal-title{font-size:13px;font-weight:700;color:#1e293b;margin:0;line-height:1.2;text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center}.profile-medal-description{font-size:11px;color:#64748b;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center;min-height:28px;max-height:28px;flex-shrink:0}.profile-medal-tier{display:inline-block;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;margin-top:auto;flex-shrink:0}.tier-bronze{background:#fbbf24;color:#92400e}.tier-silver{background:#e5e7eb;color:#374151}.tier-gold{background:#fbbf24;color:#92400e}.tier-platinum{background:#c084fc;color:#581c87}.tier-special{background:#34d399;color:#047857;text-shadow:0 1px 2px rgba(0,0,0,.1)}.profile-recent-medals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}.profile-recent-medal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;min-height:140px;transition:all .3s ease}.profile-recent-medal:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.profile-recent-medal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.profile-recent-medal-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.profile-recent-medal-desc{font-size:14px;color:#64748b;margin:0}@media (max-width: 1200px){.profile-recent-medals{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.profile-recent-medals{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.profile-recent-medals{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.profile-container{padding:20px 16px}.profile-header{flex-direction:column;align-items:flex-start;gap:16px}.profile-title{font-size:28px}.profile-card{padding:24px 20px}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-medals-header{flex-direction:column;align-items:flex-start}.profile-medal{padding:10px 8px 8px;min-height:170px;height:170px}.profile-medals-grid{grid-template-columns:repeat(2,1fr);gap:10px}.profile-medal-icon{width:42px;height:42px;font-size:20px}.profile-medal-title{font-size:12px;min-height:30px}.profile-medal-description{font-size:10px;min-height:26px;max-height:26px}.profile-medal-tier{font-size:9px;padding:2px 6px}.world-progress-grid{grid-template-columns:1fr}.world-progress-header{flex-direction:column;align-items:flex-start;gap:12px}.profile-username-form{flex-direction:column}.profile-username-input{min-width:auto;width:100%}.profile-avatar{width:120px;height:120px}.profile-avatar-icon{font-size:48px}.profile-card{padding:20px;margin:0 16px}.avatar-customization-modal{width:95%;padding:20px;max-height:85vh}.avatar-icon-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}.avatar-color-grid{grid-template-columns:repeat(auto-fill,minmax(35px,1fr))}}.hardware-quiz{padding:32px;max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hardware-question-card{margin-bottom:32px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:2px solid #c7d2fe;box-shadow:0 8px 25px #8b5cf626;position:relative;overflow:hidden}.hardware-question-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#8b5cf6,#6366f1,#3b82f6);border-radius:20px;z-index:-1;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.3}50%{opacity:.8}}.hardware-question-title{font-size:28px;font-weight:800;color:#5b21b6;margin-bottom:16px;display:flex;align-items:center;gap:12px;line-height:1.2}.hardware-description{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-radius:12px;padding:16px 20px;margin-bottom:40px;border-left:4px solid #0ea5e9}.hardware-description-text{font-size:18px;line-height:1.6;color:#0f172a;margin:0;font-weight:500;font-style:normal}.hardware-question-text{font-size:18px;line-height:1.7;color:#6d28d9;margin:0;white-space:pre-line;font-weight:500}.hardware-answers-grid{display:grid;gap:16px;margin-bottom:32px}.hardware-answer-button{padding:20px 24px;border-radius:16px;font-size:18px;font-weight:600;cursor:pointer;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:none;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#374151;box-shadow:0 4px 6px #0000000d;display:flex;align-items:center;min-height:70px}.hardware-answer-button:hover:not(:disabled):not(.correct):not(.incorrect){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 25px #00000026;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.hardware-answer-button:active:not(:disabled):not(.correct):not(.incorrect){transform:translateY(-1px) scale(1.01)}.hardware-answer-button.correct{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:translateY(-2px) scale(1.03);box-shadow:0 15px 35px #10b98166;animation:correctPulse .6s ease-out}.hardware-answer-button.correct:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 18px 40px #10b98180;transform:translateY(-3px) scale(1.04)}.hardware-answer-button.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:scale(.98);box-shadow:0 8px 20px #ef444466;animation:incorrectShake .5s ease-out}.hardware-answer-button.disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);color:#64748b}@keyframes correctPulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes incorrectShake{0%,to{transform:scale(.98) translate(0)}25%{transform:scale(.98) translate(-5px)}75%{transform:scale(.98) translate(5px)}}.hardware-answer-letter{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0000001a;margin-right:16px;font-size:18px;font-weight:700;flex-shrink:0}.hardware-answer-button.correct .hardware-answer-letter{background:#ffffff4d}.hardware-answer-button.incorrect .hardware-answer-letter{background:#fff3}.hardware-answer-icon{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:28px;animation:iconPop .3s ease-out}@keyframes iconPop{0%{transform:translateY(-50%) scale(0)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}.hardware-result-card{text-align:center;padding:32px;border-radius:20px;margin-bottom:24px;box-shadow:0 10px 25px #0000001a;position:relative;overflow:hidden}.hardware-result-card.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#047857;text-shadow:0 1px 2px rgba(0,0,0,.1)}.hardware-result-card.failure{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;color:#991b1b}.hardware-result-emoji{font-size:72px;margin-bottom:20px;display:inline-block;animation:emojiBouncenIn .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes emojiBounceIn{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.hardware-result-title{font-size:28px;font-weight:800;margin-bottom:12px;line-height:1.2}.hardware-result-message{font-size:20px;margin:0;font-weight:600;line-height:1.4}.hardware-retry-button{margin-top:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:14px 28px;border-radius:14px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #3b82f64d}.hardware-retry-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #3b82f666;background:linear-gradient(135deg,#2563eb,#1e40af)}.hardware-xp-indicator{display:flex;justify-content:center;align-items:center;gap:12px;font-size:18px;color:#64748b;font-weight:600;padding:16px 24px;background:#ffffffb3;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);margin-top:16px}.hardware-xp-gem{font-size:24px;animation:gemSparkle 2s ease-in-out infinite}@keyframes gemSparkle{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.3)}}@media (max-width: 767px){.hardware-quiz{padding:20px 16px}.hardware-question-card{padding:20px;margin-bottom:24px}.hardware-question-title{font-size:22px;line-height:1.3}.hardware-question-text{font-size:16px;line-height:1.6}.hardware-answers-grid{gap:12px}.hardware-answer-button{padding:16px 20px;font-size:16px;min-height:60px}.hardware-answer-letter{width:32px;height:32px;font-size:16px;margin-right:12px}.hardware-answer-icon{font-size:24px;right:20px}.hardware-result-emoji{font-size:56px;margin-bottom:16px}.hardware-result-title{font-size:24px}.hardware-result-message{font-size:18px}.hardware-retry-button{padding:12px 24px;font-size:16px}.hardware-xp-indicator{font-size:16px;padding:12px 20px}}@media (max-width: 767px){.main-container{padding:0 16px 48px}.section-container{padding:24px 0}.main-title{font-size:32px;line-height:1.2}.main-description{font-size:16px;line-height:1.5;padding:0 8px}.world-card{padding:24px;height:auto;min-height:280px}.world-grid{gap:20px;padding:0 8px}.world-title{font-size:18px;line-height:1.3}.world-description{font-size:14px;line-height:1.4}.world-badges{flex-wrap:wrap;gap:8px}.world-badge{font-size:12px;padding:4px 8px}.level-detail-container{padding:16px;max-width:100%}.level-back-button{font-size:14px;padding:8px 12px;margin-bottom:16px}.level-title{font-size:20px}.quests-grid{display:flex;flex-direction:column;gap:16px}.quest-card{padding:20px}.quest-title{font-size:16px;line-height:1.3}.quest-goals{font-size:14px}.quest-xp{font-size:12px;padding:4px 8px}.can-dos-title{font-size:18px}.can-dos-item{font-size:14px;line-height:1.4}.quest-viewer-container{padding:16px}.quest-viewer-title{font-size:20px;line-height:1.3}.quest-content{padding:20px}.topbar{padding:12px 16px}.topbar-content{flex-wrap:wrap;gap:8px}.topbar-logo{font-size:16px}.topbar-stats{flex-wrap:wrap;gap:8px}.topbar-stat{font-size:12px;padding:4px 8px}.level-up-notification{width:90%;margin:0 5%;padding:20px}.level-up-title{font-size:20px}.level-up-message{font-size:14px}}@media (max-width: 480px){.main-title{font-size:28px}.world-card{padding:20px;min-height:260px}.world-title{font-size:16px}.world-description{font-size:13px}.main-container{padding:0 12px 36px}}@media (min-width: 768px) and (max-width: 1024px){.world-card{height:340px;padding:28px}.main-container{padding:0 20px 72px}.level-detail-container{padding:24px}.quests-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 767px){button{min-height:44px;min-width:44px}.quest-card button{padding:10px 16px;font-size:14px}.world-card button{padding:10px 14px;font-size:13px;min-width:80px;height:40px}.world-card{touch-action:manipulation}.world-card:active{transform:scale(.98)}.app-background>div{padding:0!important}}.profile-import-export-section{display:flex;flex-direction:column;gap:16px;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.profile-import-export-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.profile-export-button,.profile-import-button{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;display:inline-flex;align-items:center;justify-content:center;gap:8px}.profile-export-button:hover,.profile-import-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.profile-import-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.profile-import-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166}.profile-reset-section{display:flex;flex-direction:column;gap:16px;align-items:center}.profile-reset-info{text-align:center;max-width:600px}.profile-reset-description{font-size:14px;color:#ffffffe6;line-height:1.5;margin:0}.profile-reset-button{padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.profile-reset-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.reset-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reset-confirmation-modal{background:#ffffff1a;border-radius:20px;padding:32px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.reset-modal-header{text-align:center;margin-bottom:24px}.reset-modal-title{font-size:20px;font-weight:700;color:#fca5a5;margin:0;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.5)}.reset-modal-content{margin-bottom:32px}.reset-modal-warning{font-size:16px;color:#fca5a5;font-weight:600;text-align:center;margin:0 0 24px;padding:12px;background:#fef2f233;border:1px solid rgba(254,202,202,.3);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 3px rgba(0,0,0,.5)}.reset-modal-details{margin-bottom:20px}.reset-modal-details p{font-size:14px;color:#ffffffe6;margin:0 0 12px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.reset-modal-list{margin:0;padding-left:20px}.reset-modal-list li{font-size:14px;color:#fffc;margin-bottom:6px;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}.reset-modal-question{font-size:16px;color:#fffffff2;font-weight:600;text-align:center;margin:0;padding:16px;background:#f8fafc1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.3)}.reset-modal-actions{display:flex;gap:12px;justify-content:center}.reset-modal-cancel{padding:12px 24px;background:#f1f5f933;color:#ffffffe6;border:1px solid rgba(203,213,225,.3);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.3)}.reset-modal-cancel:hover{background:#e2e8f04d;color:#fff}.reset-modal-confirm{padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;box-shadow:0 4px 12px #ef44444d}.reset-modal-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}@media (max-width: 640px){.reset-confirmation-modal{padding:24px 20px;margin:16px}.reset-modal-actions{flex-direction:column}.reset-modal-cancel,.reset-modal-confirm{width:100%}}.profile-admin-section{display:flex;justify-content:center;margin:16px 0 24px;padding:16px;background:linear-gradient(135deg,#ef44440d,#dc26260d);border:2px dashed #ef4444;border-radius:12px}.profile-admin-button{padding:12px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #ef44444d;min-width:280px;position:relative;overflow:hidden}.profile-admin-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.profile-admin-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #ef444480}.profile-admin-button:hover:before{left:100%}.profile-admin-button:active{transform:translateY(0) scale(.98);transition:transform .1s ease}@media (max-width: 767px){.profile-admin-button{min-width:250px;padding:10px 16px;font-size:13px}}.medal-icon-image,.recent-medal-icon-image{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .3s ease}.profile-medal:hover .medal-icon-image{transform:scale(1.1)}.locked-icon{font-size:24px;color:#94a3b8;display:flex;align-items:center;justify-content:center}.notification-medal-icon-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.medal-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:16000;cursor:pointer}.medal-detail-content{background:linear-gradient(135deg,#1e293b,#334155,#475569);color:#fff;padding:48px;border-radius:32px;text-align:center;position:relative;box-shadow:0 30px 60px #00000080;max-width:520px;margin:20px;cursor:default;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.medal-detail-content:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899,#10b981,#f59e0b,#ef4444);border-radius:32px;z-index:-1;animation:borderRainbow 4s linear infinite;background-size:600% 600%}.medal-detail-close{position:absolute;top:24px;right:28px;background:#ffffff26;border:none;color:#fff;font-size:24px;cursor:pointer;opacity:.8;transition:all .3s ease;font-weight:700;line-height:1;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.medal-detail-close:hover{opacity:1;background:#ffffff40;transform:scale(1.1)}.medal-detail-header{position:relative;margin-bottom:40px}.medal-detail-icon{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:70px;color:#fff;margin:0 auto 32px;box-shadow:0 20px 40px #0006;border:5px solid rgba(255,255,255,.2);position:relative}.detail-medal-icon-image{width:80%;height:80%;object-fit:cover;border-radius:50%}.medal-detail-sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:280px;height:280px}.medal-sparkle-detail{position:absolute;font-size:20px;text-shadow:0 0 20px rgba(255,255,255,.9);left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}.medal-detail-sparkles-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:200px;height:200px}.medal-sparkle-inner{position:absolute;font-size:16px;text-shadow:0 0 15px rgba(255,255,255,.7);left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 6px rgba(255,255,255,.6))}.medal-detail-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;z-index:-1;pointer-events:none}.medal-detail-info{margin-bottom:40px}.medal-detail-tier{display:inline-block;padding:10px 30px;border-radius:35px;font-size:28px;font-weight:800;text-transform:uppercase;letter-spacing:3px;box-shadow:0 6px 15px #0000004d;margin-bottom:20px;border:2px solid rgba(255,255,255,.2)}.medal-detail-title{font-size:36px;font-weight:900;margin:0 0 20px;color:#1e293b;text-shadow:0 2px 4px rgba(255,255,255,.3);line-height:1.2}.medal-detail-description{font-size:18px;margin:0 0 32px;opacity:.95;font-weight:500;line-height:1.6;color:#334155}.medal-detail-stats{background:#ffffff0d;border-radius:20px;padding:24px;margin:32px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.medal-detail-stat{display:flex;align-items:center;justify-content:center;margin:12px 0;font-size:24px;font-weight:600}.medal-stat-icon{font-size:30px;margin-right:12px}.medal-stat-label{color:#475569}.medal-detail-achievement{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;padding:16px 24px;margin:24px 0;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #10b9814d}.medal-achievement-icon{font-size:20px;margin-right:12px}.medal-achievement-text{font-size:16px;font-weight:600;color:#fff}.medal-detail-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.medal-detail-button{border:none;padding:16px 24px;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1px;min-width:140px;justify-content:center}.medal-detail-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 8px 20px #3b82f64d}.medal-detail-button.primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3b82f666}.medal-detail-button.secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.medal-detail-button.secondary:hover{background:#fff3;transform:translateY(-2px)}.button-icon{font-size:18px}.profile-medal.clickable{cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.profile-medal.clickable:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 15px 30px #0003}.profile-medal.clickable:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.profile-medal.clickable:hover:before{left:100%}.profile-medal-click-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;pointer-events:none;display:flex;align-items:center;gap:4px}.profile-medal.clickable:hover .profile-medal-click-hint{opacity:1;transform:translate(-50%) translateY(-4px)}.click-hint-icon{font-size:12px}.click-hint-text{font-size:10px}.profile-recent-medal.clickable{cursor:pointer;transition:all .3s ease;border-radius:12px;padding:12px;margin:-4px}@media (max-width: 767px){.medal-detail-content{padding:24px 16px 20px;margin:12px;max-width:calc(100vw - 24px);border-radius:24px;max-height:90vh;overflow-y:auto}.medal-detail-close{top:16px;right:16px;width:44px;height:44px;font-size:24px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;box-shadow:0 2px 8px #0000004d}.medal-detail-close:active{transform:scale(.95);opacity:1}.medal-detail-header{margin-bottom:24px}.medal-detail-icon-wrapper{width:100px!important;height:100px!important;margin-bottom:20px!important}.medal-detail-icon{width:100px;height:100px;font-size:50px;margin-bottom:20px}.detail-medal-icon-image{width:75%;height:75%}.medal-detail-info{margin-bottom:20px}.medal-detail-tier{padding:6px 16px;font-size:14px;letter-spacing:1.5px;margin-bottom:12px}.medal-detail-title{font-size:22px;margin-bottom:12px}.medal-detail-description{font-size:14px;margin-bottom:16px;line-height:1.5}.medal-detail-stats{padding:16px 12px;margin:16px 0;border-radius:16px}.medal-detail-stat{font-size:13px;margin:8px 0;flex-wrap:wrap;justify-content:center;gap:4px}.medal-stat-icon{font-size:20px;margin-right:8px}.medal-stat-label{font-size:13px}.medal-detail-achievement{padding:12px 16px;margin:16px 0;border-radius:12px}.medal-achievement-icon{font-size:16px;margin-right:8px}.medal-achievement-text{font-size:13px}.medal-detail-button{font-size:14px;padding:12px 18px;min-width:120px}.medal-detail-actions{flex-direction:column;align-items:center}.medal-detail-glow{width:140px;height:140px}}@media screen and (-webkit-min-device-pixel-ratio: 0){select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color]{font-size:16px}}.profile-boss-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;flex-wrap:wrap;gap:16px}.profile-boss-stats{display:flex;align-items:center;gap:12px}.profile-boss-count{font-size:16px;font-weight:600;color:#ffffffe6;padding:8px 16px;background:#8b5cf633;border:2px solid rgba(139,92,246,.3);border-radius:12px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.profile-boss-description{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border:2px solid rgba(139,92,246,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-boss-desc-text{font-size:16px;color:#ffffffe6;margin:0;line-height:1.6;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3)}.profile-boss-desc-highlight{font-weight:700;color:#8b5cf6;filter:drop-shadow(0 1px 2px rgba(139,92,246,.3))}.profile-boss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.profile-boss-item{display:flex;align-items:center;gap:20px;padding:20px;background:#f8fafc;border-radius:16px;border:2px solid #e2e8f0;transition:all .3s ease;min-height:100px}.profile-boss-item.defeated{background:#fff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.profile-boss-item.defeated:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf640}.profile-boss-item.undefeated{opacity:.7;background:#f1f5f9;border-color:#cbd5e1}.profile-boss-icon-container{position:relative;flex-shrink:0}.profile-boss-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.profile-boss-icon.defeated{border-color:#ffffff4d;box-shadow:0 4px 12px #0003}.profile-boss-icon.locked{background:#e2e8f0!important;border-color:#cbd5e1;box-shadow:inset 0 2px 4px #0000001a}.boss-icon-image{border-radius:50%;transition:all .3s ease;width:100%;height:100%;object-fit:cover}.boss-icon-image.locked{filter:brightness(0) opacity(.3)!important}.profile-boss-world-indicator{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 6px #00000026}.profile-boss-world-icon{font-size:14px;line-height:1}.profile-boss-info{flex:1;text-align:left}.profile-boss-title{font-size:18px;font-weight:700;margin:0 0 8px;line-height:1.2}.profile-boss-title.defeated{color:#1e293b}.profile-boss-title.locked{color:#64748b}.profile-boss-world-name{font-size:14px;color:#64748b;margin-bottom:12px;font-weight:500}.profile-boss-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-boss-status-badge:not(.locked){background:linear-gradient(135deg,#eab308,#d97706);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 6px #eab3084d}.profile-boss-status-badge.locked{background:#e2e8f0;color:#64748b;border:1px solid #cbd5e1}.profile-boss-status-icon{font-size:14px;line-height:1}.profile-boss-status-text{font-size:12px;font-weight:600}.profile-boss-summary{margin-top:32px;padding:20px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.profile-boss-progress-bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:16px;border:1px solid rgba(255,255,255,.2)}.profile-boss-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:6px;transition:width .8s ease;box-shadow:0 0 12px #8b5cf666}.profile-boss-progress-text{text-align:center}.profile-boss-complete{font-size:16px;font-weight:700;color:#eab308;text-shadow:0 1px 3px rgba(234,179,8,.3);animation:glow 2s ease-in-out infinite alternate}.profile-boss-incomplete{font-size:16px;font-weight:600;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(234,179,8,.5))}to{filter:drop-shadow(0 0 15px rgba(234,179,8,.8))}}@media (max-width: 1200px){.profile-boss-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.profile-boss-grid{grid-template-columns:repeat(2,1fr);gap:12px}.profile-boss-item{flex-direction:column;text-align:center;gap:10px;padding:16px 12px;min-height:auto}.profile-boss-info{text-align:center}.profile-boss-header{flex-direction:column;align-items:center;text-align:center}.profile-boss-description{padding:16px}.profile-boss-desc-text{font-size:14px}}@media (max-width: 480px){.profile-boss-grid{grid-template-columns:repeat(2,1fr);gap:10px}.profile-boss-item{padding:12px 8px;gap:8px;border-radius:12px}.profile-boss-icon{width:48px;height:48px}.boss-icon-image{width:36px!important;height:36px!important}.profile-boss-world-indicator{width:18px;height:18px}.profile-boss-world-icon{font-size:11px}.profile-boss-title{font-size:13px}.profile-boss-world-name{font-size:11px;margin-bottom:8px}.profile-boss-status-badge{padding:4px 8px;font-size:10px}.profile-boss-status-icon{font-size:11px}}.robot-dialog-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20000;padding:20px;cursor:pointer;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.robot-dialog-container{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:4px solid #00d4ff;border-radius:24px;padding:40px 32px 32px;max-width:600px;width:100%;box-shadow:0 0 40px #00d4ff66,0 0 80px #00d4ff33,inset 0 0 60px #00d4ff0d;cursor:default;animation:robot-dialog-glow 3s ease-in-out infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden}@keyframes robot-dialog-glow{0%,to{box-shadow:0 0 40px #00d4ff66,0 0 80px #00d4ff33,inset 0 0 60px #00d4ff0d;transform:translateZ(0)}50%{box-shadow:0 0 60px #00d4ff99,0 0 100px #00d4ff4d,inset 0 0 80px #00d4ff14;transform:translateZ(0)}}.robot-avatar{position:absolute;top:-60px;left:50%;width:100px;height:100px;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #00d4ff;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:50px;box-shadow:0 10px 30px #00000080,0 0 40px #00d4ff80;filter:drop-shadow(0 0 20px rgba(0,212,255,.6));will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;animation:robot-avatar-float 2s ease-in-out infinite}.robot-dialog-content{display:flex;flex-direction:column;gap:24px;margin-top:20px}.robot-dialog-text{font-family:Orbitron,Rajdhani,sans-serif;font-size:28px;font-weight:700;line-height:1.4;color:#00d4ff;text-align:center;text-shadow:0 0 10px rgba(0,212,255,.8),0 0 20px rgba(0,212,255,.4);min-height:80px;display:flex;align-items:center;justify-content:center;padding:0 10px}.robot-cursor{display:inline-block;margin-left:4px;animation:robot-cursor-blink .8s infinite;color:#00d4ff}@keyframes robot-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.robot-dialog-subtitle{font-family:Rajdhani,sans-serif;font-size:18px;font-weight:600;line-height:1.5;color:#ffffffd9;text-align:center;padding:16px 20px;background:#00d4ff14;border:2px solid rgba(0,212,255,.3);border-radius:12px;box-shadow:inset 0 0 20px #00d4ff1a}.robot-progress{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 0}.robot-progress-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);transition:all .3s ease;position:relative}.robot-progress-dot.active{background:#00d4ff;border-color:#00d4ff;box-shadow:0 0 15px #00d4ffcc,0 0 30px #00d4ff66;transform:scale(1.3)}.robot-progress-dot.completed{background:#10b981;border-color:#10b981;box-shadow:0 0 10px #10b98180}.robot-dialog-buttons{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.robot-nav-buttons{display:flex;gap:12px;flex:1;justify-content:flex-end}.robot-button{font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;padding:14px 24px;border:3px solid;border-radius:12px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px #0000004d;position:relative;top:0}.robot-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #0000004d}.robot-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0000004d}.robot-button:disabled{opacity:.5;cursor:not-allowed}.robot-button-primary{background:linear-gradient(135deg,#00d4ff,#09c);border-color:#07a;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.robot-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#00e4ff,#00aae6);box-shadow:0 6px #0000004d,0 0 20px #00d4ff80}.robot-button-secondary{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6}.robot-button-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.robot-button-nav{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#5a4d8f;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.robot-button-nav:hover:not(:disabled){background:linear-gradient(135deg,#7789f5,#8758b8);box-shadow:0 6px #0000004d,0 0 20px #667eea80}.robot-menu-buttons{display:flex;flex-direction:column;gap:16px;width:100%;margin-top:8px}.robot-menu-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;min-height:80px;font-size:18px;font-weight:700;text-align:center;transition:all .3s ease}.robot-menu-button-description{font-size:13px;font-weight:500;opacity:.9;line-height:1.3}.robot-menu-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #64c8ff4d,0 0 0 1px #64c8ff80}.robot-sparkles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;border-radius:24px}.robot-sparkle{position:absolute;font-size:16px;filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}@media (max-width: 768px){.robot-dialog-container{padding:32px 20px 24px;max-width:90%}.robot-avatar{width:80px;height:80px;font-size:40px;top:-50px}.robot-dialog-text{font-size:22px;line-height:1.4;min-height:90px}.robot-dialog-subtitle{font-size:16px;line-height:1.4;padding:12px 16px}.robot-button{font-size:13px;padding:14px 20px;width:100%;justify-content:center}.robot-dialog-buttons{flex-direction:column;gap:10px}.robot-nav-buttons{width:100%;flex-direction:column;gap:10px}.robot-button-secondary{width:100%;order:2}.robot-button-primary{width:100%;order:1}.robot-button-nav{width:100%;order:3}.robot-progress-dot{width:10px;height:10px}.robot-menu-buttons{gap:12px}.robot-menu-button{padding:16px 18px;min-height:70px;font-size:16px}.robot-menu-button-description{font-size:12px}}@media (max-width: 480px){.robot-dialog-text{font-size:18px;line-height:1.3;min-height:70px}.robot-dialog-subtitle{font-size:14px;line-height:1.3;padding:10px 12px}.robot-button{font-size:12px;padding:12px 16px}.robot-menu-button{padding:14px 16px;min-height:65px;font-size:15px}.robot-menu-button-description{font-size:11px}.robot-dialog-container{padding:28px 16px 20px;max-width:95%}}.language-dropdown-wrapper{position:fixed;bottom:115px;right:30px;z-index:20001;pointer-events:auto}.language-switch-button{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);border:4px solid #ffffff;font-size:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #0006,0 0 30px #4facfe80;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;isolation:isolate;contain:layout style paint;pointer-events:auto}.language-dropdown-menu{position:absolute;bottom:calc(100% + 15px);right:0;background:#141428fa;border:2px solid rgba(100,200,255,.6);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 30px #00000080,0 0 40px #4facfe4d;min-width:180px;pointer-events:auto}.language-option{width:100%;padding:14px 18px;border:none;color:#fff;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;background:transparent;text-align:left}.language-option:hover{background:#64c8ff26!important}.language-option:not(:last-child){border-bottom:1px solid rgba(100,200,255,.2)}.language-flag{font-size:28px;line-height:1}.language-name{flex:1;font-size:16px}.language-check{font-size:20px;color:#4facfe;font-weight:700}.language-switch-button:hover{transform:scale(1.1) translateZ(0);box-shadow:0 12px 30px #00000080,0 0 50px #4facfecc;filter:brightness(1.2)}.robot-help-button{position:fixed;bottom:30px;right:30px;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #00d4ff;font-size:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20001;box-shadow:0 8px 20px #0006,0 0 30px #00d4ff80;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;animation:robot-help-pulse 2s ease-in-out infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;isolation:isolate;contain:layout style paint}.robot-help-button:hover{box-shadow:0 12px 30px #00000080,0 0 50px #00d4ffcc;filter:brightness(1.2)}@keyframes robot-help-pulse{0%,to{box-shadow:0 8px 20px #0006,0 0 30px #00d4ff80;transform:translateZ(0)}50%{box-shadow:0 8px 20px #0006,0 0 50px #00d4ffcc;transform:translateZ(0)}}@keyframes robot-float{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-10px) translateZ(0)}}@keyframes robot-avatar-float{0%,to{transform:translate(-50%) translateY(0) translateZ(0)}50%{transform:translate(-50%) translateY(-10px) translateZ(0)}}@media (max-width: 768px){.language-switch-button{width:55px;height:55px;font-size:26px;bottom:90px;right:20px}.robot-help-button{width:60px;height:60px;font-size:30px;bottom:20px;right:20px}}.faq-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f0c29f2,#302b63f2,#24243ef2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;overflow-y:auto;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.faq-container{background:linear-gradient(145deg,#1e1e3cf2,#141432fa);border-radius:24px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080,0 0 0 1px #64c8ff4d,inset 0 1px #ffffff1a;overflow:hidden;position:relative;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.faq-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(100,200,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(150,100,255,.08) 0%,transparent 50%);pointer-events:none;border-radius:24px}.faq-header{padding:32px 32px 24px;text-align:center;border-bottom:2px solid rgba(100,200,255,.2);background:linear-gradient(180deg,rgba(100,200,255,.05) 0%,transparent 100%);position:relative;z-index:1}.faq-robot-icon{font-size:64px;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(100,200,255,.4));will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;animation:robot-float 2s ease-in-out infinite}.faq-title{font-size:37px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#64c8ff,#9d7aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(100,200,255,.5)}.faq-subtitle{font-size:18px;color:#ffffffb3;margin:0;font-weight:500}.faq-content{flex:1;overflow-y:auto;padding:24px 32px;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:rgba(100,200,255,.5) rgba(255,255,255,.1)}.faq-content::-webkit-scrollbar{width:8px}.faq-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.faq-content::-webkit-scrollbar-thumb{background:#64c8ff80;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.faq-content::-webkit-scrollbar-thumb:hover{background:#64c8ffb3}.faq-item{margin-bottom:16px;background:#ffffff08;border:1px solid rgba(100,200,255,.2);border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{background:#ffffff0d;border-color:#64c8ff66;box-shadow:0 4px 16px #64c8ff26}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:transparent;border:none;color:#fff;font-size:18px;font-weight:600;cursor:pointer;text-align:left;transition:all .3s ease}.faq-question:hover{background:#64c8ff14}.faq-question-text{flex:1;margin-right:16px;line-height:1.4}.faq-toggle-icon{font-size:14px;color:#64c8ffcc;transition:transform .3s ease;flex-shrink:0}.faq-answer{overflow:hidden}.faq-answer-content{padding:16px 20px 20px;color:#ffffffd9;font-size:16px;line-height:1.7;border-top:1px solid rgba(100,200,255,.1);margin-top:4px}.faq-answer-content p{margin:0 0 12px}.faq-answer-content p:last-child{margin-bottom:0}.faq-footer{padding:20px 32px;border-top:2px solid rgba(100,200,255,.2);background:linear-gradient(0deg,rgba(100,200,255,.05) 0%,transparent 100%);display:flex;justify-content:center;position:relative;z-index:1}@media (max-width: 768px){.faq-container{max-height:95vh;border-radius:16px}.faq-header{padding:24px 20px 20px}.faq-robot-icon{font-size:48px}.faq-title{font-size:28px}.faq-subtitle{font-size:16px}.faq-content{padding:16px 20px}.faq-question{padding:14px 16px;font-size:17px}.faq-answer-content{padding:12px 16px 16px;font-size:15px}.faq-footer{padding:16px 20px}}@media (max-width: 480px){.faq-overlay{padding:10px}.faq-title{font-size:23px}.faq-question{font-size:16px}.faq-answer-content{font-size:14px}}@media (max-width: 480px){.topbar-content{padding:8px 8px 8px 12px;min-height:56px;gap:8px}.topbar-logo{gap:6px;font-size:14px;margin-right:auto}.topbar-icon{width:56px;height:56px;border-radius:14px;font-size:28px}.topbar-text{font-size:14px;display:none}.topbar-stats{gap:6px;height:40px}.level-bar-container{gap:4px;height:38px}.level-display{padding:4px 8px;min-width:44px;height:36px;border-radius:10px}.level-label{font-size:8px}.level-number{font-size:14px}.level-progress-container{min-width:70px;height:36px;padding:4px 8px;border-radius:10px;display:none}.level-progress-text{font-size:10px}.xp-badge{padding:4px 10px;height:36px;min-width:65px;border-radius:10px;gap:4px}.xp-star{font-size:14px}.xp-number{font-size:14px;font-weight:700}.xp-text{font-size:11px;display:none}.profile-button{padding:6px 10px;height:36px;min-width:36px;border-radius:10px}.profile-button-icon{font-size:16px}}@media (max-width: 480px){.space-world-container{padding:16px 8px}.space-world-header{padding:0 12px;margin-bottom:16px}.space-world-title{font-size:24px!important;margin-bottom:8px!important}.space-world-subtitle{font-size:13px!important;line-height:1.5!important;padding:0 8px}.game-mode-selector{margin-top:16px!important;gap:8px!important}.game-mode-selector label{font-size:14px!important}.game-mode-selector select{min-width:100%!important;max-width:320px!important;padding:10px 12px!important;font-size:12px!important}.game-mode-selector>div:last-child{font-size:11px!important;max-width:320px!important;padding:0 8px}.space-worlds-grid{grid-template-columns:1fr!important;gap:20px!important;padding:16px 8px!important}.space-worlds-grid>:nth-child(2n),.space-worlds-grid>:nth-child(odd){transform:translateY(0)!important}.space-travel-hint{bottom:20px!important;font-size:11px!important;padding:0 16px}.space-travel-hint>div:first-child{font-size:11px!important;display:none}.space-travel-hint>div:last-child{font-size:11px!important}.language-dropdown-wrapper{bottom:16px!important;right:16px!important}.language-switch-button{width:50px!important;height:52px!important}.language-switch-button span{font-size:24px!important}.robot-help-button{bottom:16px!important;left:16px!important;width:50px!important;height:52px!important;font-size:24px!important}}@media (max-width: 480px){.space-globe-wrapper{margin:8px;min-height:260px}.space-globe-container{margin-bottom:16px;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.space-globe{width:140px!important;height:140px!important}.globe-icon{font-size:32px!important}.globe-energy-ring{width:160px!important;height:160px!important;border-width:2px;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.globe-ring-middle{display:none!important}.globe-info-panel-static{max-width:260px}.globe-info-panel-static>div{padding:14px}.globe-info-panel-static .globe-info-title{font-size:16px;margin-bottom:8px}.globe-info-panel-static .globe-info-description{font-size:12px;line-height:1.4;margin-bottom:12px}.globe-info-panel-static .globe-info-stats{gap:12px;margin-bottom:12px;flex-wrap:wrap;justify-content:center}.globe-info-panel-static .globe-stat{font-size:11px;gap:4px}.globe-info-panel-static .globe-action-button{padding:8px 14px;font-size:12px}}@media (max-width: 480px){.level-detail-container{padding:12px;max-width:100%}.level-title{font-size:20px!important}.level-back-button{padding:10px 14px;font-size:13px;height:40px;margin-bottom:12px!important;border-radius:10px}.level-detail-container>div{border-radius:16px!important;overflow:hidden}.level-detail-container>div>div:first-child{padding:20px 16px!important}.level-detail-container>div>div:last-child{padding:16px!important}.can-dos-section{padding:14px;border-radius:12px;margin-bottom:16px;background:#ffffff14!important;border:1px solid rgba(255,255,255,.12)!important}.can-dos-title{font-size:15px;margin-bottom:10px}.can-dos-item{font-size:13px;padding:5px 0;gap:8px;line-height:1.4}.can-dos-check{width:18px;height:18px;font-size:10px;flex-shrink:0}}@media (max-width: 480px){.quests-grid{grid-template-columns:1fr!important;gap:12px!important}.quest-card{padding:16px!important;border-radius:14px!important}.quest-type-badge{font-size:10px!important;padding:4px 10px!important;border-radius:8px!important}.quest-title{font-size:15px!important;margin-bottom:8px!important}.quest-goals{margin-bottom:12px!important}.quest-goal{font-size:12px!important;padding-left:16px!important;margin-bottom:4px!important}.quest-goal:before{font-size:10px!important}.quest-xp{font-size:13px!important}.quest-start-button{padding:8px 14px!important;font-size:12px!important;border-radius:8px!important}}@media (max-width: 480px){.quest-viewer-container{padding:16px;min-height:calc(100vh - 60px)}.quest-viewer-header{margin-bottom:16px}.quest-viewer-title{font-size:20px!important}.quest-content{padding:16px;border-radius:12px}.quest-content-fullwidth{padding:16px}}@media (max-width: 480px){.hw-quiz-container{padding:12px!important;max-width:100%}.hw-quiz-question{font-size:14px!important;padding:12px!important;border-radius:12px!important}.hw-quiz-answers{gap:10px!important}.hw-quiz-answer{padding:14px 12px!important;font-size:14px!important;border-radius:12px!important;width:100%}.hw-quiz-progress{font-size:12px!important}.hw-quiz-feedback{padding:14px!important;font-size:13px!important;border-radius:12px!important}.hardware-quiz{padding:8px!important;max-width:100%}.hardware-question-card{padding:14px!important;border-radius:14px!important;margin-bottom:16px}.hardware-description{padding:12px!important;border-radius:10px!important;margin-bottom:12px}.hardware-description-text{font-size:15px!important;line-height:1.5!important}.hardware-question-text{font-size:15px!important;line-height:1.4!important}.hardware-answers-grid{gap:10px!important}.hardware-answer-button{padding:14px 12px!important;font-size:14px!important;border-radius:12px!important;min-height:52px}.hardware-answer-letter{width:28px!important;height:28px!important;font-size:13px!important}.hardware-result-card{padding:16px!important;border-radius:14px!important;margin-top:16px}.hardware-result-title{font-size:18px!important}.hardware-result-message{font-size:14px!important}.hardware-retry-button{padding:12px 16px!important;font-size:14px!important;border-radius:10px!important;min-height:46px}}@media (max-width: 480px){.boss-quest-container{padding:16px!important}.boss-progress-bar{height:16px!important;border-radius:8px!important}.boss-health-text{font-size:11px!important}}@media (max-width: 480px){.space-topbar .topbar-content{padding:12px 16px;min-height:56px}.space-topbar .topbar-icon{width:50px;height:50px;font-size:26px;border-radius:10px}.space-topbar .topbar-text,.space-topbar .level-progress-container{display:none}.space-topbar .xp-badge{padding:4px 8px;height:34px}.space-topbar .xp-text{display:none}.space-topbar .profile-button{height:34px;padding:6px 10px}}@media (max-width: 480px){button,.quest-card,.space-globe-container{-webkit-tap-highlight-color:transparent}.space-world-container,.level-detail-container,.quest-viewer-container{-webkit-overflow-scrolling:touch}@media (hover: none){.space-globe-container:hover,.quest-card:hover,.world-card:hover{transform:none}}}@media (max-width: 375px){.topbar-content{padding:6px 6px 6px 10px}.topbar-icon{width:48px;height:48px;font-size:24px}.xp-badge{padding:4px 8px;min-width:50px;height:34px}.xp-number{font-size:13px}.profile-button{height:34px;min-width:34px}.space-world-title{font-size:20px!important}.space-world-subtitle{font-size:12px!important}.space-globe-container{width:140px;height:140px}.space-globe{width:120px!important;height:120px!important}.globe-icon{font-size:28px!important}.globe-energy-ring{width:140px!important;height:140px!important}.globe-ring-middle{display:none!important}.globe-info-panel-static{max-width:240px}.globe-info-panel-static .globe-info-title{font-size:14px}.globe-info-panel-static .globe-info-description{font-size:11px}.level-title{font-size:18px!important}.quest-title{font-size:14px!important}.profile-boss-grid{grid-template-columns:repeat(2,1fr);gap:8px}.profile-boss-item{padding:10px 6px}.profile-boss-icon{width:40px;height:40px}.boss-icon-image{width:30px!important;height:30px!important}.profile-boss-title{font-size:12px}.profile-boss-world-name{font-size:10px;margin-bottom:6px}.profile-boss-status-badge{padding:4px 8px;font-size:9px}.profile-boss-status-icon{font-size:10px}}.bottom-bar{position:relative;width:100%;padding:20px;background:transparent;margin-top:40px}.bottom-bar-content{display:flex;justify-content:center;align-items:center;gap:16px}.bottom-bar-link{background:none;border:none;color:#fff9;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;font-family:inherit}.bottom-bar-link:hover{color:#ffffffe6;background:#ffffff1a}.bottom-bar-divider{color:#ffffff4d;font-size:12px}.legal-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.legal-modal{background:linear-gradient(145deg,#1e293bfa,#0f172afa);border:1px solid rgba(100,200,255,.2);border-radius:20px;max-width:700px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000080,0 0 40px #64c8ff1a}.legal-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.legal-modal-close:hover{background:#ff64644d;border-color:#ff646480;color:#fff}.legal-modal-title{font-size:24px;font-weight:700;color:#fff;margin:0;padding:24px 50px 16px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.legal-modal-content{padding:24px;color:#ffffffd9;line-height:1.7}.legal-modal-content h3{color:#64c8ffe6;font-size:16px;font-weight:600;margin:24px 0 12px}.legal-modal-content h3:first-child{margin-top:0}.legal-modal-content p{margin:0 0 16px;font-size:14px;color:#ffffffbf}.legal-modal-content ul{margin:0 0 16px;padding-left:20px}.legal-modal-content li{margin-bottom:8px;font-size:14px;color:#ffffffbf}@media (max-width: 768px){.bottom-bar{padding:10px 16px}.bottom-bar-link{font-size:11px}.legal-modal-title{font-size:20px;padding:20px 45px 14px 20px}.legal-modal-content{padding:20px}.legal-modal-content h3{font-size:15px}.legal-modal-content p{font-size:13px}}@media (max-width: 480px){.bottom-bar-content{gap:10px}.bottom-bar-link{font-size:10px;padding:3px 6px}.legal-modal{border-radius:16px;max-height:85vh}.legal-modal-title{font-size:18px;padding:16px 40px 12px 16px}.legal-modal-close{width:32px;height:32px;font-size:16px;top:12px;right:12px}.legal-modal-content{padding:16px}.legal-modal-content h3{font-size:14px;margin:20px 0 10px}.legal-modal-content p,.legal-modal-content li{font-size:12px}}