@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(180deg,#7dd3fc 0,#38bdf8 40%,#86efac);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-background{left:0;overflow:hidden;top:0}.dungeon-particles,.login-background{height:100%;position:absolute;width:100%}.dungeon-particles:after,.dungeon-particles:before{animation:cloudDrift 30s linear infinite;content:"☁️";font-size:80px;opacity:.7;position:absolute}.dungeon-particles:before{animation-duration:25s;left:-100px;top:10%}.dungeon-particles:after{animation-delay:5s;animation-duration:35s;font-size:100px;left:-150px;top:25%}@keyframes cloudDrift{0%{transform:translateX(0)}to{transform:translateX(calc(100vw + 200px))}}.login-background:before{background:linear-gradient(180deg,#86efac00 0,#86efac80 15%,#86efac 30%,#4ade80);bottom:0;content:"";height:35%;left:0;position:absolute;right:0;z-index:0}.login-card{animation:cardEntrance .6s ease-out;border-radius:32px;max-width:800px;padding:44px;position:relative;width:90%;z-index:10}.login-card:before{content:"";display:none}@keyframes shimmer{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(-50px) scale(.9)}60%{transform:translateY(10px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{background:#0000;margin:0;padding:0 0 32px;text-align:center}.login-icon{animation:swordBounce 2s ease-in-out infinite;color:#f59e0b;filter:drop-shadow(0 4px 8px rgba(245,158,11,.4));margin-bottom:16px}@keyframes swordBounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(10deg)}75%{transform:translateY(-5px) rotate(-10deg)}}.login-header h1{font-family:Inter,monospace;font-size:52px;font-weight:900;letter-spacing:3px;margin-bottom:8px;text-shadow:4px 4px 0 #ffffffe6,8px 8px 0 #0003}.login-header h1,.login-header p{color:#1e293b;text-transform:uppercase}.login-header p{font-size:16px;font-weight:700;letter-spacing:2px;text-shadow:none}.login-form{background:#0000;display:flex;flex-direction:column;gap:20px;padding:0}.input-group{position:relative}.input-icon{color:#64748b;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-group .input-field{background:#fffffff2;border:none;border-radius:16px;box-shadow:0 6px 0 #00000026,0 8px 20px #0003;color:#64748b;font-size:16px;font-weight:600;padding:18px 20px 18px 52px;transition:all .3s ease}.input-group .input-field::placeholder{color:#94a3b8;font-weight:600}.input-group .input-field:focus{background:#fff;box-shadow:0 6px 0 #00000026,0 8px 20px #0000004d,0 0 0 4px #fbbf244d;outline:none;transform:translateY(-2px)}.login-btn{background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:20px;box-shadow:0 8px 0 #7c3aed,0 12px 24px #a855f766;color:#fff;cursor:pointer;font-size:20px;font-weight:900;letter-spacing:1.5px;margin-top:16px;padding:20px;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase;transition:all .2s ease}.login-btn:hover{box-shadow:0 11px 0 #7c3aed,0 16px 32px #a855f780;transform:translateY(-3px)}.login-btn:active{box-shadow:0 4px 0 #7c3aed,0 6px 16px #a855f766;transform:translateY(4px)}.login-footer{background:#0000;border-top:none;padding:24px 0 0;text-align:center}.toggle-btn{background:none;border:none;color:#1e293b;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:800;letter-spacing:1px;text-shadow:none;text-transform:uppercase;transition:all .2s ease}.toggle-btn:hover{color:#a855f7;text-decoration:underline;transform:scale(1.05)}.feature-badges{background:#0000;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:24px 0 0}.badge{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:4px solid #fbbf24;border-radius:20px;box-shadow:0 4px 0 #f59e0b,0 6px 12px #0003;color:#92400e;font-size:13px;font-weight:900;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase}.badge:first-child{animation-delay:0s}.badge:nth-child(2){animation-delay:.3s}.badge:nth-child(3){animation-delay:.6s}@keyframes badgePulse{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-2px)}}@media (max-width:480px){.login-card{padding:32px 24px}.login-header h1{font-size:28px}.login-background:after{display:none}}.challenge-picker{padding:10px 0}.challenge-picker-header{margin-bottom:24px;text-align:center}.challenge-picker-header svg{color:#8b5cf6;margin-bottom:8px}.challenge-picker-header h2{color:#1f2937;font-size:22px;font-weight:800;margin:0 0 6px}.challenge-picker-header p{color:#6b7280;font-size:14px;margin:0}.challenge-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.challenge-option{align-items:center;background:#fff;border:3px solid #0000;border-radius:16px;box-shadow:0 4px 15px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:18px 12px;transition:all .25s ease}.challenge-option:hover{border-color:var(--accent);box-shadow:0 8px 25px #0000001f}.opt-emoji{font-size:32px;line-height:1}.opt-label{color:#1f2937;font-size:18px;font-weight:800}.opt-desc{color:#6b7280;font-size:12px}.opt-levels{background:color-mix(in srgb,var(--accent) 12%,#fff);border-radius:20px;color:var(--accent);font-size:13px;font-weight:700;margin-top:4px;padding:3px 10px}.custom-days{margin-bottom:16px}.custom-days p{color:#6b7280;font-size:13px;margin:0 0 8px;text-align:center}.custom-input-row{display:flex;gap:10px}.custom-input-row .input-field{flex:1 1;font-size:18px;font-weight:700;text-align:center}.custom-input-row .btn{padding:12px 20px;white-space:nowrap}.back-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:10px;text-align:center;transition:color .2s;width:100%}.back-btn:hover{color:#374151}@media (max-width:640px){.login-container{align-items:flex-start;padding:40px 16px 16px}.login-card{border-radius:24px;padding:28px 20px;width:100%}.login-header h1{font-size:32px;letter-spacing:1px}.login-header p{font-size:13px}.login-btn{font-size:16px;padding:16px}.challenge-options{gap:10px;grid-template-columns:1fr 1fr}.challenge-option{padding:14px 8px}.opt-emoji{font-size:26px}.opt-label{font-size:15px}.opt-desc{font-size:11px}.opt-levels{font-size:12px}.custom-input-row{flex-direction:column}.custom-input-row .btn{justify-content:center;width:100%}}.mode-entry-overlay{align-items:center;background:linear-gradient(135deg,#ffecd2,#fcb69f 50%,#ff9a9e);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.mode-entry-card{border-radius:25px;max-width:1000px;overflow:hidden;padding:40px;position:relative;width:100%}.glass-gaming{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:3px solid #fff;box-shadow:0 20px 60px #00000026,inset 0 1px 0 #fff}.close-btn-gaming{align-items:center;background:#0000000d;border:2px solid #0000001a;border-radius:50%;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.close-btn-gaming:hover{background:#0000001a;transform:rotate(90deg)}.mode-entry-header{margin-bottom:40px;text-align:center}.mode-entry-title{-webkit-text-fill-color:#0000;animation:glow-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f093fb,#f5576c 50%,gold);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:900;margin:0 0 10px}@keyframes glow-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.mode-entry-subtitle{color:#666;font-size:20px;margin:0}.mode-options-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.mode-card{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 10px 30px #0000001a;cursor:pointer;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.solo-mode{background:linear-gradient(135deg,#e0c3fc,#8ec5fc)}.solo-mode:hover{border-color:#667eea;box-shadow:0 15px 50px #667eea4d;transform:translateY(-5px)}.duo-mode{background:linear-gradient(135deg,#fbc2eb,#a6c1ee)}.duo-mode:hover{border-color:#f093fb;box-shadow:0 15px 50px #f093fb4d;transform:translateY(-5px)}.mode-icon-wrapper{align-items:center;animation:float 3s ease-in-out infinite;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 20px;width:120px}.solo-mode .mode-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 30px #667eea80}.duo-mode .mode-icon-wrapper{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 10px 30px #f093fb80}.mode-icon{color:#fff;filter:drop-shadow(0 2px 10px rgba(0,0,0,.3))}.mode-card h2{color:#333;font-size:32px;font-weight:800;margin:0 0 10px}.mode-card>p{color:#666;font-size:16px;margin:0 0 25px}.mode-features{list-style:none;margin:0 0 30px;padding:0;text-align:left}.mode-features li{border-bottom:1px solid #0000000d;color:#444;font-size:15px;padding:10px 0}.mode-select-btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;padding:15px 30px;transition:all .3s ease;width:100%}.solo-mode .mode-select-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.duo-mode .mode-select-btn{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f093fb66}.mode-entry-footer{border-top:1px solid #0000001a;padding-top:20px;text-align:center}.mode-entry-footer p{color:#666;font-size:14px;margin:0}.duo-room-options{margin:0 auto;max-width:500px;padding:40px}.btn-large{border:none;border-radius:15px;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:20px;padding:18px 30px;transition:all .3s ease;width:100%}.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.btn-join{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 8px 25px #f093fb4d;color:#fff}.btn-enter{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 8px 25px #11998e4d;color:#fff}.divider-text{color:#999;margin:30px 0}.divider-text,.room-input{font-weight:600;text-align:center}.room-input{border:3px solid #0000001a;border-radius:12px;font-size:16px;margin-bottom:15px;padding:15px 20px;width:100%}.room-created{padding:40px 20px;text-align:center}.room-id-box{align-items:center;background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:15px;display:flex;gap:15px;justify-content:center;margin:20px 0;padding:20px 30px}.room-id-box code{color:#333;font-size:28px;font-weight:900}.copy-btn-inline{background:#fff;border:none;border-radius:10px;cursor:pointer;height:45px;width:45px}@media (max-width:640px){.mode-entry-overlay{align-items:flex-start;overflow-y:auto;padding:20px 12px 12px}.mode-entry-card{border-radius:20px;padding:24px 16px}.mode-entry-title{font-size:30px}.mode-entry-subtitle{font-size:15px}.mode-entry-header{margin-bottom:24px}.mode-options-grid{gap:16px;grid-template-columns:1fr;margin-bottom:20px}.mode-card{padding:28px 20px}.mode-icon-wrapper{height:80px;margin-bottom:14px;width:80px}.mode-icon{height:36px;width:36px}.mode-card h2{font-size:24px}.mode-card>p{font-size:14px}.mode-features li{font-size:13px;padding:8px 0}.mode-select-btn{font-size:16px;padding:13px 20px}.duo-room-options{padding:20px 0}.btn-large{font-size:16px;padding:15px 20px}.room-id-box{flex-direction:column;gap:10px;padding:16px}.room-id-box code{font-size:22px}}.dashboard-container{background:linear-gradient(180deg,#ddd6fe 0,#fae8ff 50%,#fef3c7);min-height:100vh;padding-bottom:40px;position:relative}.dashboard-container:before{animation:float 3s ease-in-out infinite;content:"⭐";font-size:40px;left:5%;opacity:.3;position:absolute;top:10%}.dashboard-container:after{animation:float 4s ease-in-out infinite;animation-delay:1s;content:"✨";font-size:35px;opacity:.3;position:absolute;right:8%;top:20%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.dashboard-nav{align-items:center;background:#fff;border-bottom:4px solid #a855f7;box-shadow:0 4px 12px #a855f726;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 40px}.nav-brand h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900}.nav-user{align-items:center;color:#64748b;display:flex;font-size:15px;font-weight:700;gap:16px}.dashboard-content{margin:0 auto;max-width:1400px;padding:0 40px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:4px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 12px #00000014;display:flex;gap:20px;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#a855f7,#ec4899);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{border-color:#a855f7;box-shadow:0 12px 24px #a855f733;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:20px;box-shadow:0 8px 16px #00000026;color:#fff;display:flex;height:70px;justify-content:center;width:70px}.stat-info h3{color:#64748b;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:900}.activity-section{background:#fff;border:4px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:36px}.activity-header h3{color:#1e293b;font-size:22px;font-weight:800;margin-bottom:4px}.activity-subtitle{color:#64748b;font-size:15px;font-weight:600;margin-bottom:24px}.heatmap-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px solid #e2e8f0;border-radius:16px;margin:24px 0;padding:28px}.react-calendar-heatmap{width:100%}.react-calendar-heatmap text{fill:#64748b;font-size:11px;font-weight:700}.react-calendar-heatmap .color-empty{fill:#e2e8f0;rx:3}.react-calendar-heatmap .color-scale-1{fill:#86efac;rx:3}.react-calendar-heatmap .color-scale-2{fill:#4ade80;rx:3}.react-calendar-heatmap .color-scale-3{fill:#22c55e;rx:3}.react-calendar-heatmap .color-scale-4{fill:#16a34a;rx:3}.react-calendar-heatmap rect:hover{stroke:#a855f7;stroke-width:3}.heatmap-legend{color:#64748b;font-size:13px;font-weight:700;justify-content:space-between;margin-top:16px}.heatmap-legend,.legend-left{align-items:center;display:flex}.legend-left{gap:12px}.legend-right{align-items:center;display:flex;gap:8px}.legend-boxes{display:flex;gap:4px}.legend-box{border:2px solid #fff;border-radius:3px;height:14px;width:14px}.action-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{background:#fff;border:4px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;padding:36px;position:relative;text-align:center;transition:all .3s ease}.action-card:before{background:radial-gradient(circle,#a855f71a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.action-card:hover:before{opacity:1}.action-card:hover{border-color:#a855f7;box-shadow:0 16px 32px #a855f733;transform:translateY(-6px) scale(1.02)}.action-icon{color:#a855f7;filter:drop-shadow(0 4px 8px rgba(168,85,247,.2));margin-bottom:16px}.action-card h3{color:#1e293b;font-size:20px;font-weight:800;margin-bottom:8px}.action-card p{color:#64748b;font-size:15px;font-weight:600}.action-card.primary-action{background:linear-gradient(135deg,#a855f7,#ec4899);border-color:#a855f7;box-shadow:0 8px 24px #a855f74d;color:#fff;grid-column:span 2}.action-card.primary-action:hover{background:linear-gradient(135deg,#9333ea,#db2777);box-shadow:0 16px 40px #a855f766}.action-card.primary-action h3,.action-card.primary-action p{color:#fff}.action-card.primary-action .action-icon{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@media (max-width:768px){.dashboard-nav{flex-direction:column;gap:16px;padding:20px}.dashboard-content{padding:0 20px}.action-grid,.stats-grid{grid-template-columns:1fr}.action-card.primary-action{grid-column:span 1}}.month-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(10,1fr);padding:16px 0}.month-cell{align-items:center;aspect-ratio:1;border-radius:8px;cursor:default;display:flex;flex-direction:column;justify-content:center;min-height:52px;position:relative;transition:transform .2s ease}.month-cell:hover{transform:scale(1.15);z-index:1}.month-cell.today{outline:3px solid #a855f7;outline-offset:1px;z-index:1}.month-cell.future{cursor:default;opacity:.4}.month-cell.future:hover{transform:none}.cell-day{color:#374151;font-size:11px;font-weight:600;line-height:1}.cell-count{color:#fff;font-size:14px;font-weight:800;line-height:1;margin-top:2px;text-shadow:0 1px 3px #0000004d}.month-legend{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px;justify-content:flex-end;padding-top:8px}.month-legend .legend-box{border-radius:4px;height:16px;width:16px}.match-history{background:#fff;border-radius:20px;margin:0 0 24px;padding:24px}.match-history h3{color:#1f2937;font-size:18px;font-weight:800;margin:0 0 16px}.match-list{display:flex;flex-direction:column;gap:10px}.match-row{align-items:center;border-left:5px solid;border-radius:12px;display:flex;gap:16px;padding:14px 18px}.match-row.win{background:#f0fdf4;border-color:#10b981}.match-row.loss{background:#fff7ed;border-color:#f59e0b}.match-result-badge{font-size:12px;font-weight:800;min-width:70px}.match-row.win .match-result-badge{color:#065f46}.match-row.loss .match-result-badge{color:#92400e}.match-vs{align-items:center;display:flex;flex:1 1;font-size:14px;gap:12px}.match-you{color:#1f2937;font-weight:700}.match-opp{color:#6b7280;font-weight:700}.match-score{background:#f5f3ff;border-radius:8px;color:#8b5cf6;font-size:18px;font-weight:900;padding:2px 12px}.match-meta{color:#9ca3af;font-size:12px;white-space:nowrap}@media (max-width:640px){.dashboard-nav{gap:10px;padding:14px 16px}.nav-brand h2{font-size:20px}.nav-user{font-size:13px;gap:10px}.dashboard-content{padding:0 12px}.stats-grid{gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat-card{border-width:3px;gap:12px;padding:16px}.stat-icon{border-radius:14px;flex-shrink:0;height:48px;width:48px}.stat-icon svg{height:20px;width:20px}.stat-info h3{font-size:10px}.stat-value{font-size:22px}.activity-section{border-width:3px;padding:20px 16px}.activity-header h3{font-size:16px}.activity-subtitle{font-size:13px;margin-bottom:16px}.month-grid{gap:5px;padding:10px 0}.month-cell{border-radius:6px;min-height:36px}.cell-day{font-size:9px}.cell-count{font-size:11px}.match-history{padding:16px}.match-row{flex-wrap:wrap;gap:8px;padding:10px 12px}.match-vs{flex-wrap:wrap;font-size:13px;gap:6px}.match-score{font-size:15px}.match-meta{font-size:11px}.action-grid{gap:14px;grid-template-columns:1fr}.action-card{border-width:3px;padding:24px 20px}.action-card.primary-action{grid-column:span 1}.action-card h3{font-size:18px}.action-card p{font-size:14px}.action-icon{height:36px;margin-bottom:10px;width:36px}}.dmap-container{background:linear-gradient(160deg,#f0fdf4,#fef9c3 50%,#f5f3ff);display:flex;flex-direction:column;min-height:100vh}.dmap-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:2px solid #0000000f;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dmap-header h1{color:#1f2937;font-size:24px;font-weight:900;margin:0}.dmap-legend{display:flex;font-size:13px;font-weight:600;gap:18px}.dmap-scroll{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.dmap-svg{display:block;height:auto;width:100%}.dmap-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-top:2px solid #0000000f;bottom:0;display:flex;gap:40px;justify-content:center;padding:16px 28px;position:-webkit-sticky;position:sticky}.dmap-stat{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.btn{transition:all .2s ease}.dmap-scroll::-webkit-scrollbar{height:8px;width:8px}.dmap-scroll::-webkit-scrollbar-track{background:#0000000a;border-radius:4px}.dmap-scroll::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.dmap-scroll::-webkit-scrollbar-thumb:hover{background:#00000040}@media (max-width:640px){.dmap-header{gap:8px;padding:12px 14px}.dmap-header h1{font-size:18px}.dmap-legend{flex-wrap:wrap;font-size:11px;gap:10px}.dmap-footer{flex-wrap:wrap;gap:20px;justify-content:center;padding:12px 14px}.dmap-stat{font-size:13px}}.gameplay-container{background:linear-gradient(180deg,#ddd6fe 0,#fae8ff 50%,#fef3c7);min-height:100vh;padding:32px}.loading-screen{min-height:100vh}.loader{animation:spin 1s linear infinite;border:6px solid #e2e8f0;border-top-color:#a855f7}.gameplay-header{background:#fff;border:4px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 24px #a855f726;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;padding:24px 32px}.gameplay-header,.header-info{align-items:center;display:flex}.header-info{flex:1 1;gap:16px}.header-info h1{color:#1e293b;font-size:28px;font-weight:900}.difficulty-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #fbbf24;border-radius:24px;box-shadow:0 4px 8px #fbbf2433;color:#92400e;font-size:14px;font-weight:800;padding:8px 20px}.header-stats{display:flex;gap:16px}.stat{align-items:center;background:linear-gradient(135deg,#ddd6fe,#e9d5ff);border:3px solid #a855f7;border-radius:20px;box-shadow:0 4px 8px #a855f733;color:#7c3aed;display:flex;font-weight:800;gap:8px;padding:10px 20px}.gameplay-content{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1400px}.challenge-section{background:#fff;border:4px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 12px #00000014;padding:36px}.challenge-section h2{color:#1e293b;font-size:24px;font-weight:900;margin-bottom:20px}.story{font-size:16px;line-height:1.8;margin-bottom:20px}.concept,.objective,.story{color:#475569;font-weight:600}.concept,.objective{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:6px solid #a855f7;border-radius:16px;font-size:15px;line-height:1.6;margin-bottom:16px;padding:20px}.concept strong,.objective strong{color:#a855f7;font-weight:900}.solution-type-selector{background:#fff;border:4px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 12px #00000014;padding:32px}.solution-type-selector h3{color:#1e293b;font-size:20px;font-weight:900;margin-bottom:20px}.type-buttons{display:flex;flex-wrap:wrap;gap:16px}.type-btn{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:4px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:16px;font-weight:800;min-width:200px;padding:20px 32px;position:relative;transition:all .3s ease}.type-btn:hover{border-color:#a855f7;box-shadow:0 8px 16px #a855f733;transform:translateY(-2px)}.type-btn.active{background:linear-gradient(135deg,#a855f7,#ec4899);border-color:#a855f7;box-shadow:0 8px 20px #a855f74d;color:#fff}.required{background:#ef4444;border-radius:12px;box-shadow:0 4px 8px #ef44444d;color:#fff;font-size:11px;font-weight:900;padding:4px 12px;position:absolute;right:-8px;top:-8px}.editor-section{background:#fff;border:4px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 12px #00000014;padding:32px}.editor-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.editor-header h3{color:#1e293b;font-size:22px;font-weight:900}.editor-actions{display:flex;gap:12px}.editor-actions .btn{border-radius:16px;font-size:15px;font-weight:800;padding:12px 24px;transition:all .3s ease}.editor-actions .btn-secondary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px solid #e2e8f0;color:#64748b}.editor-actions .btn-secondary:hover{border-color:#a855f7;color:#a855f7;transform:translateY(-2px)}.editor-actions .btn-primary{background:linear-gradient(135deg,#a855f7,#ec4899);border:none;box-shadow:0 6px 16px #a855f74d;color:#fff}.editor-actions .btn-primary:hover{box-shadow:0 8px 20px #a855f766;transform:translateY(-2px)}.editor-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.sql-editor{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:4px solid #e2e8f0;border-radius:16px;color:#1e293b;font-family:Courier New,monospace;font-size:16px;font-weight:600;line-height:1.6;min-height:300px;padding:24px;resize:vertical;transition:all .3s ease;width:100%}.sql-editor:focus{background:#fff;border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a;outline:none}.result-section{animation:slideIn .3s ease;background:#fff;border:4px solid;border-radius:24px;box-shadow:0 8px 24px #0000001a;padding:32px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-section.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.result-section.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.result-section.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.result-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.result-header h3{color:#1e293b;font-size:24px;font-weight:900}.result-header svg{height:32px;width:32px}.result-section.success .result-header svg{color:#10b981}.result-section.warning .result-header svg{color:#f59e0b}.result-section.error .result-header svg{color:#ef4444}.result-details{color:#475569;font-size:15px;font-weight:600;line-height:1.8}.result-details p{margin-bottom:12px}.coins-earned,.points-earned{background:#fff;border:3px solid #10b981;border-radius:16px;box-shadow:0 4px 8px #10b98133;color:#10b981;display:inline-block;font-size:20px;font-weight:900;margin-bottom:12px;margin-right:12px;padding:12px 20px}.success-message{color:#10b981;font-size:18px;font-weight:800;margin-top:16px}.warning-message{color:#f59e0b;font-size:16px;font-weight:800;margin-bottom:20px}.error-message{color:#ef4444;font-size:16px;font-weight:700}.hint-text{color:#64748b;font-size:14px;font-style:italic;margin-top:12px}.comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.result-data{background:#fff;border:3px solid #e2e8f0;border-radius:16px;padding:20px}.result-data h4{color:#1e293b;font-size:16px;font-weight:900;margin-bottom:12px}.result-data pre{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-size:14px;font-weight:600;overflow-x:auto;padding:16px}@media (max-width:768px){.gameplay-container{padding:16px}.gameplay-header{align-items:flex-start;flex-direction:column}.header-stats{justify-content:space-between;width:100%}.type-buttons{flex-direction:column}.type-btn{min-width:100%}.editor-actions{flex-direction:column;width:100%}.editor-actions .btn{width:100%}}.duo-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.result-table-wrap{margin-top:16px;overflow-x:auto}.result-table{border-collapse:collapse;font-size:14px;width:100%}.result-table th{background:#a855f726;border-bottom:2px solid #a855f74d;font-weight:700;padding:8px 12px;text-align:left}.result-table td{border-bottom:1px solid #0000000f;padding:7px 12px}.result-table tr:hover td{background:#a855f70d}.truncated{color:#888;font-size:12px;margin-top:8px}.feedback{color:#555;font-style:italic;margin-top:8px}.next-level-wrap{margin-top:20px}.btn-next-level{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 6px 20px #10b98159;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;gap:10px;padding:14px 32px;transition:all .3s ease}.btn-next-level:hover{box-shadow:0 10px 28px #10b98173;transform:translateY(-3px)}.duo-container{background:linear-gradient(135deg,#fdf4ff,#eff6ff 50%,#f0fdf4)}.duo-header{background:#ffffffe6;border-bottom:2px solid #0000000f;flex-wrap:wrap;gap:16px;padding:14px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.duo-header,.duo-title{align-items:center;display:flex}.duo-title{flex:1 1;flex-wrap:wrap;gap:10px}.duo-title h2{color:#1f2937;font-size:18px;font-weight:800;margin:0}.round-badge{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px}.duo-scoreboard{background:#0000000a;border-radius:12px;gap:12px;padding:8px 16px}.duo-scoreboard,.score-player{align-items:center;display:flex}.score-player{color:#374151;flex-direction:column;font-size:12px;font-weight:600;min-width:70px}.score-num{font-size:28px;font-weight:900;line-height:1}.score-player.you .score-num{color:#10b981}.score-player.opp .score-num{color:#f59e0b}.score-vs{color:#9ca3af;font-size:16px;font-weight:900}.ws-status{border-radius:8px;padding:6px}.ws-status.on{color:#10b981}.ws-status.off{color:#ef4444}.duo-split{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:0 24px 24px}.duo-panel{border-radius:16px;display:flex;flex-direction:column;gap:12px;min-height:380px;padding:20px}.panel-label{align-items:center;border-bottom:2px solid #0000000f;display:flex;font-size:14px;font-weight:700;gap:8px;padding-bottom:10px}.you-label{color:#10b981}.opp-label{color:#f59e0b}.panel-footer{display:flex;gap:10px;justify-content:flex-end}.inline-result{border-radius:10px;font-size:13px;font-weight:600;padding:10px 14px}.inline-result.correct{background:#d1fae5;color:#065f46}.inline-result.wrong{background:#fee2e2;color:#991b1b}.opponent-panel{background:#ffffff80}.opponent-status-area{align-items:center;display:flex;flex:1 1;justify-content:center}.waiting-opp{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.room-code{background:#f5f3ff;border-radius:10px;color:#8b5cf6;font-size:22px;font-weight:900;letter-spacing:2px;padding:8px 20px}.room-hint{color:#9ca3af;font-size:12px;margin:0}.opp-submitted{color:#f59e0b;text-align:center}.opp-submitted span{font-size:48px}.opp-submitted p{font-weight:700;margin:8px 0 0}.opp-typing{color:#6b7280;text-align:center}.typing-dots{display:flex;gap:6px;justify-content:center;margin-bottom:8px}.typing-dots span{animation:bounce 1.2s ease-in-out infinite both;background:#8b5cf6;border-radius:50%;height:10px;width:10px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.opp-thinking{color:#9ca3af;font-size:18px}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.match-modal,.round-modal{background:#fff;border-radius:24px;max-width:400px;padding:40px;text-align:center;width:90%}.match-icon,.round-result-icon{font-size:64px;margin-bottom:12px}.match-modal h2,.round-modal h2{color:#1f2937;font-size:28px;font-weight:900;margin:0 0 16px}.final-score,.round-score{color:#8b5cf6;font-size:48px;font-weight:900;margin:16px 0 24px}.match-modal p{color:#6b7280;margin:0 0 8px}@media (max-width:768px){.duo-split{grid-template-columns:1fr}.duo-scoreboard{justify-content:center;order:-1;width:100%}}.duo-lobby{background:#fff;border-radius:24px;flex-direction:column;gap:32px;margin:24px;padding:48px 40px}.duo-lobby,.lobby-players{align-items:center;display:flex}.lobby-players{gap:40px}.lobby-player{flex-direction:column;gap:8px;min-width:120px}.lobby-avatar,.lobby-player{align-items:center;display:flex}.lobby-avatar{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border:3px solid #e5e7eb;border-radius:50%;font-size:36px;height:80px;justify-content:center;width:80px}.lobby-player.ready .lobby-avatar{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.lobby-name{color:#1f2937;font-size:16px;font-weight:700;margin:0}.ready-badge{background:#d1fae5;color:#065f46}.ready-badge,.waiting-badge{border-radius:20px;font-size:12px;font-weight:700;padding:4px 12px}.waiting-badge{background:#fef3c7;color:#92400e}.lobby-vs{font-size:36px}.lobby-room-code{text-align:center}.lobby-room-code p{color:#6b7280;font-size:13px;margin:0 0 10px}.room-code-row{align-items:center;display:flex;gap:12px;justify-content:center}.room-code-row code{background:#f5f3ff;border-radius:12px;color:#8b5cf6;font-size:28px;font-weight:900;letter-spacing:3px;padding:10px 24px}.btn-start-match{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 8px 25px #10b98159;color:#fff;cursor:pointer;font-size:20px;font-weight:800;padding:16px 48px;transition:all .3s ease}.btn-start-match:hover{box-shadow:0 12px 35px #10b98173;transform:translateY(-3px)}.waiting-host{color:#6b7280;font-size:15px;margin:0;text-align:center}@media (max-width:640px){.gameplay-container{padding:12px}.gameplay-header{border-width:3px;gap:12px;margin-bottom:16px;padding:16px}.header-info h1{font-size:18px}.difficulty-badge{font-size:12px;padding:6px 12px}.header-stats{gap:10px;width:100%}.stat{flex:1 1;font-size:13px;justify-content:center;padding:8px 12px}.challenge-section{border-width:3px;padding:20px 16px}.challenge-section h2{font-size:18px}.objective,.story{font-size:14px}.objective{padding:14px}.editor-section{border-width:3px;padding:16px}.editor-header{align-items:flex-start;flex-direction:column;gap:12px}.editor-header h3{font-size:17px}.editor-actions{flex-direction:row;gap:8px;width:100%}.editor-actions .btn{flex:1 1;font-size:13px;justify-content:center;padding:10px 8px}.sql-editor{font-size:14px;min-height:180px;padding:14px}.result-section{border-width:3px;padding:16px}.result-header h3{font-size:18px}.result-table{font-size:12px}.result-table td,.result-table th{padding:6px 8px}.btn-next-level{font-size:16px;justify-content:center;padding:14px 20px;width:100%}.duo-header{gap:10px;padding:10px 14px}.duo-title h2{font-size:15px}.duo-scoreboard{justify-content:center;order:3;width:100%}.score-num{font-size:22px}.duo-split{gap:12px;grid-template-columns:1fr;padding:0 12px 16px}.duo-panel{min-height:260px;padding:14px}.duo-lobby{gap:20px;margin:12px;padding:28px 16px}.lobby-players{gap:20px}.lobby-avatar{font-size:26px;height:60px;width:60px}.lobby-name{font-size:14px}.room-code-row code{font-size:20px;padding:8px 16px}.btn-start-match{font-size:16px;padding:14px 28px;width:100%}.match-modal,.round-modal{padding:28px 20px}.final-score,.round-score{font-size:36px}}.mg-container{background:linear-gradient(135deg,#f0fdf4,#fef9c3 50%,#f5f3ff);min-height:100vh;padding-bottom:40px}.mg-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:2px solid #0000000f;display:flex;gap:16px;margin-bottom:32px;padding:18px 28px}.mg-header h1{color:#1f2937;font-size:24px;font-weight:900;margin:0}.mg-header h2{color:#1f2937;font-size:20px;font-weight:800;margin:0}.mg-header p{color:#6b7280;font-size:14px;margin:0}.mg-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px;padding:0 28px}.mg-game-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014;cursor:pointer;padding:28px;transition:all .3s ease}.mg-game-card:hover{border-color:#8b5cf64d}.mg-game-card-icon{align-items:center;border-radius:16px;display:flex;font-size:28px;height:64px;justify-content:center;margin-bottom:16px;width:64px}.mg-game-card h3{color:#1f2937;font-size:20px;font-weight:800;margin:0 0 8px}.mg-game-card p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.mg-card-footer{justify-content:space-between}.mg-card-footer,.mg-pts{align-items:center;display:flex}.mg-pts{font-size:13px;font-weight:700;gap:4px}.btn-play{border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 24px;transition:all .2s}.btn-play:hover{box-shadow:0 6px 16px #0003;opacity:.9;transform:translateY(-2px)}.mg-game{margin:0 auto;max-width:700px;padding:0 24px}.mg-game-info{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;color:#374151;display:flex;font-size:14px;font-weight:600;gap:20px;margin-bottom:20px;padding:12px 20px}.mg-moves,.mg-progress,.mg-score-live{color:#8b5cf6}.mg-timer{align-items:center;color:#10b981;display:flex;gap:4px}.mg-timer.urgent{animation:pulse .5s infinite;color:#ef4444}.mg-timer-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:20px;overflow:hidden}.mg-timer-fill{border-radius:3px;height:100%;transition:width 1s linear,background .3s}.mg-question{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000f;color:#1f2937;font-size:17px;font-weight:600;line-height:1.5;margin-bottom:20px;padding:20px 24px}.mg-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.mg-option{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-size:15px;font-weight:600;padding:16px;text-align:left;transition:all .2s}.mg-option:hover:not(:disabled){background:#f5f3ff;border-color:#8b5cf6}.mg-option.correct{background:#d1fae5;border-color:#10b981;color:#065f46}.mg-option.wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b}.mg-match-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.mg-flip-card{align-items:center;aspect-ratio:1.4;border-radius:12px;cursor:pointer;display:flex;font-size:13px;font-weight:700;justify-content:center;padding:8px;text-align:center;transition:all .25s ease;-webkit-user-select:none;user-select:none}.mg-flip-card:not(.flipped){background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:22px}.mg-flip-card:not(.flipped):hover{box-shadow:0 8px 20px #667eea66;transform:scale(1.05)}.mg-flip-card.flipped{background:#fff;border:2px solid #e5e7eb;color:#1f2937}.mg-flip-card.matched{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:default}.mg-builder-zone{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;min-height:60px;padding:12px 16px;transition:border-color .3s}.mg-builder-zone.correct{background:#f0fdf4;border-color:#10b981}.mg-builder-zone.wrong{background:#fff5f5;border-color:#ef4444}.mg-placeholder{color:#9ca3af;font-size:14px}.mg-built-word{background:#8b5cf6;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:6px 12px;-webkit-user-select:none;user-select:none}.mg-built-word:hover{background:#7c3aed}.mg-word-bank{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.mg-word{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .2s}.mg-word:hover:not(.used){border-color:#8b5cf6;color:#8b5cf6}.mg-word.used{cursor:not-allowed;opacity:.35}.mg-builder-actions{display:flex;gap:12px;justify-content:flex-end}.btn{border-radius:10px;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s}.btn-secondary{background:#0000000f;color:#374151}.btn-secondary:hover{background:#0000001a}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fffc;box-shadow:0 4px 20px #00000014}@media (max-width:640px){.mg-header{flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:14px 16px}.mg-header h1{font-size:20px}.mg-header h2{font-size:17px}.mg-grid{gap:16px;grid-template-columns:1fr;padding:0 16px}.mg-game-card{padding:20px}.mg-game-card h3{font-size:17px}.mg-game{padding:0 14px}.mg-game-info{flex-wrap:wrap;font-size:13px;gap:10px;padding:10px 14px}.mg-options{gap:10px;grid-template-columns:1fr}.mg-match-grid{gap:8px;grid-template-columns:repeat(4,1fr)}.mg-flip-card{font-size:11px;padding:6px}.mg-flip-card:not(.flipped){font-size:18px}.mg-question{font-size:15px;padding:16px}.mg-word-bank{gap:8px}.mg-word{font-size:13px;padding:7px 12px}.mg-builder-actions{flex-direction:column}.mg-builder-actions .btn{justify-content:center;width:100%}}.profile-container{background:linear-gradient(180deg,#ddd6fe 0,#fae8ff);min-height:100vh;padding:32px}.profile-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.profile-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:900}.profile-content{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1200px}.profile-card{background:#fff;border:4px solid #e2e8f0;border-radius:32px;box-shadow:0 8px 24px #a855f726;overflow:hidden;padding:48px;position:relative;text-align:center}.profile-card:before{background:linear-gradient(90deg,#a855f7,#ec4899 50%,#f59e0b);content:"";height:8px;left:0;position:absolute;right:0;top:0}.profile-avatar{margin-bottom:24px}.avatar-circle,.profile-avatar{display:flex;justify-content:center}.avatar-circle{align-items:center;animation:avatarPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#a855f7,#ec4899);border:6px solid #fff;border-radius:50%;box-shadow:0 12px 24px #a855f74d;color:#fff;font-size:48px;font-weight:900;height:120px;width:120px}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.profile-card h2{color:#1e293b;font-size:32px;font-weight:900;margin-bottom:8px}.profile-title{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #fbbf24;border-radius:24px;box-shadow:0 4px 8px #fbbf2433;color:#a855f7;display:inline-block;font-size:18px;font-weight:700;padding:8px 24px}.achievements-section{background:#fff;border:4px solid #e2e8f0;border-radius:32px;box-shadow:0 8px 24px #a855f726;padding:40px}.achievements-section h3{align-items:center;color:#1e293b;display:flex;font-size:28px;font-weight:900;gap:12px;margin-bottom:32px}.achievements-section h3 svg{color:#a855f7}.achievements-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.achievement-card{border:4px solid;border-radius:24px;padding:28px;position:relative;text-align:center;transition:all .3s ease}.achievement-card.unlocked{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;box-shadow:0 8px 16px #10b98133}.achievement-card.unlocked:hover{box-shadow:0 12px 24px #10b9814d;transform:translateY(-4px) scale(1.02)}.achievement-card.locked{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;opacity:.6}.achievement-icon{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:48px;margin-bottom:16px}.achievement-card h4{color:#1e293b;font-size:18px;font-weight:800;margin-bottom:8px}.achievement-card p{color:#64748b;font-size:14px;font-weight:600}.unlock-badge{animation:starSpin 4s linear infinite;color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.5));position:absolute;right:12px;top:12px}@keyframes starSpin{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}@media (max-width:768px){.profile-container{padding:16px}.achievements-grid{grid-template-columns:1fr}}@media (max-width:640px){.profile-container{padding:12px}.profile-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.profile-header h1{font-size:26px}.profile-card{border-width:3px;padding:28px 20px}.avatar-circle{font-size:36px;height:90px;width:90px}.profile-card h2{font-size:24px}.profile-title{font-size:15px;padding:6px 16px}.achievements-section{border-width:3px;padding:20px 16px}.achievements-section h3{font-size:20px;margin-bottom:20px}.achievements-grid{gap:14px;grid-template-columns:1fr 1fr}.achievement-card{border-width:3px;padding:18px 12px}.achievement-icon{font-size:32px;margin-bottom:10px}.achievement-card h4{font-size:14px}.achievement-card p{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,#ddd6fe 0,#fae8ff);color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.App,body{min-height:100vh}.App{background:linear-gradient(180deg,#ddd6fe 0,#fae8ff 50%,#fef3c7)}.loading-screen{align-items:center;background:linear-gradient(135deg,#a855f7,#ec4899);display:flex;height:100vh;justify-content:center}.loader{animation:spin .8s linear infinite;border:6px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:15px;font-weight:800;gap:8px;letter-spacing:.3px;padding:14px 28px;text-transform:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#a855f7,#ec4899);border:none;box-shadow:0 6px 16px #a855f74d;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#9333ea,#db2777);box-shadow:0 10px 24px #a855f766;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;border:3px solid #e2e8f0;box-shadow:0 4px 8px #0000000d;color:#64748b}.btn-secondary:hover{background:#f8fafc;border-color:#a855f7;box-shadow:0 8px 16px #a855f726;color:#a855f7;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 16px #10b9814d;color:#fff}.btn-success:hover{box-shadow:0 10px 24px #10b98166;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 16px #ef44444d;color:#fff}.btn-danger:hover{box-shadow:0 10px 24px #ef444466;transform:translateY(-2px)}.card{background:#fff;border:4px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 12px #00000014;padding:28px;transition:all .3s ease}.card:hover{border-color:#a855f7;box-shadow:0 12px 24px #a855f726;transform:translateY(-4px)}.input-field{background:#fff;border:3px solid #e2e8f0;border-radius:16px;color:#1e293b;font-family:Inter,sans-serif;font-size:15px;font-weight:600;padding:14px 18px;transition:all .3s ease;width:100%}.input-field:focus{border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a;outline:none;transform:translateY(-2px)}.input-field::placeholder{color:#94a3b8;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a855f7,#ec4899);border:2px solid #f1f5f9;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9333ea,#db2777)}::selection{background:#a855f7;color:#fff}::-moz-selection{background:#a855f7;color:#fff}@media (max-width:768px){.card{border-width:3px;padding:20px}.btn{font-size:14px;padding:12px 24px}.input-field{font-size:14px;padding:12px 16px}}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text}.shadow-glow{box-shadow:0 0 20px #a855f74d}.border-gradient{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#a855f7,#ec4899) border-box;border:4px solid #0000}@media (max-width:640px){body{-webkit-tap-highlight-color:transparent}.btn{border-radius:12px;font-size:14px;padding:11px 18px;touch-action:manipulation}.input-field{padding:12px 14px}.input-field,.input-group .input-field{font-size:16px}::-webkit-scrollbar{width:4px}}
/*# sourceMappingURL=main.13bd896a.css.map*/