.home-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Arial,sans-serif;background:url(/assets/background-D8kGZYcS.png) center / cover no-repeat}.home-frame-glow{position:relative;border-radius:28px;padding:3px;z-index:1;background:linear-gradient(var(--border-angle, 0deg),#7c3aed,#3b82f6,#06b6d4,#a855f7,#ec4899,#3b82f6,#7c3aed);animation:rotateBorder 4s linear infinite;box-shadow:0 0 15px #7c3aed80,0 0 40px #3b82f64d,0 0 80px #7c3aed26,inset 0 0 15px #7c3aed4d}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotateBorder{0%{--border-angle: 0deg}to{--border-angle: 360deg}}.home-frame-glow:before{content:"";position:absolute;inset:-4px;border-radius:30px;background:linear-gradient(var(--border-angle, 0deg),rgba(124,58,237,.6),rgba(59,130,246,.4),rgba(6,182,212,.6),rgba(168,85,247,.4),rgba(236,72,153,.6),rgba(59,130,246,.4),rgba(124,58,237,.6));filter:blur(12px);opacity:.7;z-index:-1;animation:rotateBorder 4s linear infinite,glowPulse 3s ease-in-out infinite}.home-frame-glow:after{content:"";position:absolute;inset:-8px;border-radius:32px;background:linear-gradient(var(--border-angle, 0deg),transparent 30%,rgba(255,255,255,.25) 48%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.25) 52%,transparent 70%);filter:blur(1px);z-index:-1;animation:rotateBorder 4s linear infinite}@keyframes glowPulse{0%,to{opacity:.5;filter:blur(12px)}50%{opacity:.85;filter:blur(18px)}}.home-frame{position:relative;width:70vw;height:80vh;max-width:980px;max-height:760px;min-width:320px;min-height:420px;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 45px #00000080,inset 0 1px #ffffff26,inset 0 -1px #0000004d}.home-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/global-bg-D4RkKw6n.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;animation:none;z-index:0}.floating-langs{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.float-icon{position:absolute;opacity:.9;filter:drop-shadow(0 0 10px rgba(255,255,255,.4));will-change:transform}.float-icon svg{width:100%;height:100%}.float-icon .lang-text{font-family:Arial Black,Arial,sans-serif;font-weight:900;color:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.float-python{width:65px;height:65px;top:8%;left:6%;animation:floatPath1 12s ease-in-out infinite}.float-cpp{width:58px;height:58px;top:12%;right:8%;animation:floatPath2 14s ease-in-out infinite}.float-cpp .lang-text{font-size:36px;text-shadow:0 0 12px rgba(100,160,255,.5)}.float-c{width:54px;height:54px;bottom:12%;left:8%;animation:floatPath3 11s ease-in-out infinite}.float-c .lang-text{font-size:38px;text-shadow:0 0 12px rgba(100,200,255,.5)}.float-java{width:65px;height:65px;bottom:8%;right:7%;animation:floatPath4 13s ease-in-out infinite}.lang-java{font-size:28px;color:#e76f00;font-style:italic;font-weight:900;text-shadow:0 0 12px rgba(231,111,0,.6),0 2px 4px rgba(0,0,0,.4)}@keyframes floatPath1{0%{transform:translate(0) rotate(0) scale(1)}15%{transform:translate(18px,12px) rotate(15deg) scale(1.08)}30%{transform:translate(8px,28px) rotate(-8deg) scale(.95)}50%{transform:translate(25px,15px) rotate(20deg) scale(1.1)}65%{transform:translate(-5px,22px) rotate(-12deg) scale(1)}80%{transform:translate(12px,-5px) rotate(10deg) scale(1.05)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes floatPath2{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(-15px,18px) rotate(-20deg) scale(1.1)}40%{transform:translate(-25px,8px) rotate(10deg) scale(.92)}60%{transform:translate(-10px,25px) rotate(-15deg) scale(1.08)}80%{transform:translate(-20px,-5px) rotate(8deg) scale(1)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes floatPath3{0%{transform:translate(0) rotate(0) scale(1)}18%{transform:translate(20px,-15px) rotate(18deg) scale(1.12)}35%{transform:translate(10px,-28px) rotate(-10deg) scale(.94)}55%{transform:translate(28px,-10px) rotate(14deg) scale(1.06)}75%{transform:translate(5px,-20px) rotate(-16deg) scale(1)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes floatPath4{0%{transform:translate(0) rotate(0) scale(1)}16%{transform:translate(-18px,-12px) rotate(-14deg) scale(1.1)}33%{transform:translate(-8px,-25px) rotate(12deg) scale(.93)}50%{transform:translate(-22px,-18px) rotate(-20deg) scale(1.08)}67%{transform:translate(-12px,-8px) rotate(8deg) scale(.98)}83%{transform:translate(-25px,-5px) rotate(-10deg) scale(1.05)}to{transform:translate(0) rotate(0) scale(1)}}.home-background:before{content:none}.home-install-tip{position:absolute;top:10px;left:50%;transform:translate(-50%);width:min(92%,420px);display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;border:1.5px solid rgba(190,220,255,.75);background:linear-gradient(180deg,#5578ebe6,#3e59c9eb);box-shadow:0 10px 20px #0a12366b,inset 0 1px #ffffff52;z-index:12}.home-install-tip-title{font-family:Trebuchet MS,Verdana,sans-serif;font-size:16px;font-weight:900;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.35)}.home-install-tip-text{font-family:Trebuchet MS,Verdana,sans-serif;font-size:13px;line-height:1.32;font-weight:700;color:#eef7fff2;text-shadow:0 1px 2px rgba(0,0,0,.32)}.home-install-tip-close{align-self:flex-end;border:none;border-radius:10px;padding:6px 10px;font-family:Trebuchet MS,Verdana,sans-serif;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(180deg,#5bc169,#3a9f48);box-shadow:0 2px #1f6d2a,0 4px 10px #00000042,inset 0 1px #fff6;cursor:pointer}.home-install-tip-close:hover{filter:brightness(1.05)}.home-install-tip-close:active{transform:translateY(1px);box-shadow:0 1px #1f6d2a,0 2px 5px #00000038,inset 0 1px #ffffff52}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes particleFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}to{transform:translateY(0) scale(1)}}.home-header{position:absolute;top:18px;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:0 20px;z-index:10}.home-title-banner{position:relative;display:flex;align-items:center;gap:12px;padding:10px 22px;border-radius:20px;background:linear-gradient(180deg,#7f69d6f2,#604dadf2);border:2px solid rgba(255,255,255,.45);box-shadow:0 6px 18px #2e225c66,inset 0 2px #ffffff59}.home-icon-atom{font-size:28px;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-close-btn{position:absolute;right:24px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff9,#fff3);border:2px solid rgba(173,205,255,.8);color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #1e235059}.home-close-btn:hover{background:#ffffff4d;border-color:#ffffff80}.home-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;width:100%;max-width:500px;margin-top:74px}.home-title{color:#fff;font-size:26px;font-weight:800;margin:0;text-shadow:0 2px 6px rgba(15,10,45,.4);text-align:center;letter-spacing:.2px}.home-hero-image{width:430px;max-width:100%;height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}.home-illustration{display:flex;justify-content:center;align-items:flex-end;gap:0;height:160px;margin:10px 0 6px;position:relative}.character{font-size:80px;transform:scaleX(-1);animation:bobbing 3s ease-in-out infinite}.character-1{animation-delay:0s;margin-bottom:20px}.character-2{animation-delay:.3s;margin-bottom:0;font-size:90px}.character-3{animation-delay:.6s;margin-bottom:10px}@keyframes bobbing{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-15px)}}.btn-icon{font-size:22px;display:flex;align-items:center;justify-content:center}.btn-text{flex:1;text-align:left;font-family:Trebuchet MS,Verdana,sans-serif}.btn-sparkles{position:absolute;top:0;right:0;width:20%;height:100%;pointer-events:none;z-index:3}.btn-sparkle{position:absolute;font-size:10px;color:#ffffffe6;pointer-events:none;text-shadow:0 0 4px rgba(255,255,255,.8);animation:none}.btn-sparkle.s1{top:3px;right:55%;font-size:8px;opacity:.85}.btn-sparkle.s2{bottom:5px;right:25%;font-size:11px;opacity:1}.btn-sparkle.s3{top:5px;right:10%;font-size:7px;opacity:.75}.btn-sparkle.s4{bottom:2px;right:70%;font-size:8px;opacity:.9}.home-btn-green .btn-sparkle{color:#c8ffc8f2;text-shadow:0 0 8px rgba(100,255,120,.8),0 0 16px rgba(100,255,120,.4)}.home-btn-blue .btn-sparkle{color:#c8dcfff2;text-shadow:0 0 8px rgba(100,170,255,.8),0 0 16px rgba(100,170,255,.4)}@keyframes sparkleFloat{0%{opacity:0;transform:scale(.5) translateY(0)}25%{opacity:1;transform:scale(1.1) translateY(-3px)}50%{opacity:.7;transform:scale(.9) translateY(-1px)}75%{opacity:1;transform:scale(1.2) translateY(-4px)}to{opacity:0;transform:scale(.5) translateY(0)}}.home-buttons{width:100%;display:flex;flex-direction:column;gap:14px}.home-btn{width:92%;max-width:420px;align-self:center;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.35);background:transparent;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;font-family:Trebuchet MS,Verdana,sans-serif;font-weight:900;font-size:20px;letter-spacing:.2px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040,inset 0 1px #fff6;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.home-btn:after{content:"";position:absolute;top:0;left:-35%;width:35%;height:100%;background:linear-gradient(120deg,#ffffff8c,#fff0);transform:skew(-20deg);opacity:.55;z-index:1}.home-btn>*{position:relative;z-index:2}.home-btn-icon-img{width:46px;height:46px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.home-btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px #00000052,inset 0 2px #ffffff8c;filter:saturate(1.05)}.home-btn:active{transform:translateY(0);box-shadow:0 8px 16px #00000038,inset 0 2px #ffffff73}.home-btn-green{background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.05) 45%,transparent 50%,rgba(0,0,0,.1) 100%),linear-gradient(180deg,#6de84e,#4cc930,#36b422,#289a1a,#1c7e12)!important;border:none;border-radius:18px;padding:10px 18px;max-width:340px;width:82%;color:#fff;font-size:18px;font-weight:800;letter-spacing:.3px;text-transform:none;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 8px rgba(50,200,60,.2);outline:2.5px solid rgba(180,255,160,.7);outline-offset:-1px;box-shadow:0 0 8px #50ff6480,0 0 20px #32dc5033,0 5px #0d5a0f,0 6px #084a0a,0 8px 18px #0006,inset 0 2px #ffffff73,inset 0 -3px 6px #00320040,inset 2px 0 4px #ffffff1f,inset -2px 0 4px #ffffff1f;backdrop-filter:none;-webkit-backdrop-filter:none;position:relative;overflow:visible;transition:all .12s cubic-bezier(.25,.46,.45,.94)}.home-btn-green:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.15) 40%,transparent 100%);border-radius:20px 20px 50% 50%;pointer-events:none;z-index:1}.home-btn-green:after{content:"";position:absolute;top:-50%;left:-60%;width:35%;height:200%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.35) 48%,rgba(255,255,255,.1) 52%,transparent 58%);transform:skew(-15deg);animation:sweepShine 4s ease-in-out infinite;pointer-events:none;z-index:1}.home-btn-green .home-btn-icon-img{width:36px;height:36px}.home-btn-green:hover{background:linear-gradient(180deg,rgba(255,255,255,.32) 0%,rgba(255,255,255,.08) 45%,transparent 50%,rgba(0,0,0,.08) 100%),linear-gradient(180deg,#7df060,#58d63e,#42c22c,#30a820,#228c18)!important;transform:translateY(-2px) scale(1.015)!important;outline-color:#c8ffb4e6;box-shadow:0 0 12px #50ff64b3,0 0 30px #32dc504d,0 7px #0d5a0f,0 8px #084a0a,0 10px 25px #00000073,inset 0 2px #ffffff80,inset 0 -3px 6px #00320040,inset 2px 0 4px #ffffff26,inset -2px 0 4px #ffffff26!important;filter:brightness(1.05)!important}.home-btn-green:active{transform:translateY(3px) scale(.98)!important;outline-color:#a0ff8c80;box-shadow:0 0 6px #50ff6466,0 1px #0d5a0f,0 2px #084a0a,0 3px 8px #0000004d,inset 0 3px 8px #0032004d,inset 2px 0 4px #0000001a,inset -2px 0 4px #0000001a!important;filter:brightness(.94)!important}@keyframes sweepShine{0%{left:-60%}30%{left:120%}to{left:120%}}@keyframes greenGlow{0%,to{opacity:0}50%{opacity:1}}.home-btn-blue{background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.05) 45%,transparent 50%,rgba(0,0,0,.1) 100%),linear-gradient(180deg,#5eaaff,#3d8ef0,#2a78dd,#1c62c4,#1250a8)!important;border:none;border-radius:18px;padding:10px 18px;max-width:340px;width:82%;color:#fff;font-size:18px;font-weight:800;letter-spacing:.3px;text-transform:none;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 8px rgba(50,140,255,.2);outline:2.5px solid rgba(150,200,255,.7);outline-offset:-1px;box-shadow:0 0 8px #5096ff80,0 0 20px #3278ff33,0 5px #082d5e,0 6px #061f45,0 8px 18px #0006,inset 0 2px #ffffff73,inset 0 -3px 6px #00143c40,inset 2px 0 4px #ffffff1f,inset -2px 0 4px #ffffff1f;backdrop-filter:none;-webkit-backdrop-filter:none;position:relative;overflow:visible;transition:all .12s cubic-bezier(.25,.46,.45,.94)}.home-btn-blue:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.15) 40%,transparent 100%);border-radius:20px 20px 50% 50%;pointer-events:none;z-index:1}.home-btn-blue:after{content:"";position:absolute;top:-50%;left:-60%;width:35%;height:200%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.35) 48%,rgba(255,255,255,.1) 52%,transparent 58%);transform:skew(-15deg);animation:sweepShine 4s ease-in-out .6s infinite;pointer-events:none;z-index:1}.home-btn-blue .home-btn-icon-img{width:36px;height:36px}.home-btn-blue:hover{background:linear-gradient(180deg,rgba(255,255,255,.32) 0%,rgba(255,255,255,.08) 45%,transparent 50%,rgba(0,0,0,.08) 100%),linear-gradient(180deg,#70b8ff,#4e9af5,#3685e5,#2470d0,#185cb5)!important;transform:translateY(-2px) scale(1.015)!important;outline-color:#b4dcffe6;box-shadow:0 0 12px #5096ffb3,0 0 30px #3278ff4d,0 7px #082d5e,0 8px #061f45,0 10px 25px #00000073,inset 0 2px #ffffff80,inset 0 -3px 6px #00143c40,inset 2px 0 4px #ffffff26,inset -2px 0 4px #ffffff26!important;filter:brightness(1.05)!important}.home-btn-blue:active{transform:translateY(3px) scale(.98)!important;outline-color:#96c8ff80;box-shadow:0 0 6px #5096ff66,0 1px #082d5e,0 2px #061f45,0 3px 8px #0000004d,inset 0 3px 8px #00143c4d,inset 2px 0 4px #0000001a,inset -2px 0 4px #0000001a!important;filter:brightness(.94)!important}.home-btn-purple{max-width:260px;width:60%;align-self:center;margin-top:0;background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.04) 45%,transparent 50%,rgba(0,0,0,.08) 100%),linear-gradient(180deg,#9b7ee8,#7c5fd4,#6a4ec5,#5840b0,#4a3598)!important;border:none;border-radius:16px;font-size:16px;font-weight:800;padding:11px 18px;letter-spacing:.3px;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 8px rgba(140,100,255,.2);outline:2.5px solid rgba(200,180,255,.65);outline-offset:-1px;box-shadow:0 0 8px #8c64ff73,0 0 18px #7850ff26,0 4px #3a2878,0 5px #2d1f60,0 7px 16px #00000059,inset 0 2px #fff6,inset 0 -3px 6px #1e0a5033,inset 2px 0 4px #ffffff1a,inset -2px 0 4px #ffffff1a;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;transition:all .12s cubic-bezier(.25,.46,.45,.94)}.home-btn-purple:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.12) 40%,transparent 100%);border-radius:16px 16px 50% 50%;pointer-events:none;z-index:1}.home-btn-purple:hover{background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.06) 45%,transparent 50%,rgba(0,0,0,.06) 100%),linear-gradient(180deg,#ab90f0,#8a6ede,#7860d0,#6550bc,#5642a5)!important;transform:translateY(-2px) scale(1.015)!important;outline-color:#dcc8ffe6;box-shadow:0 0 12px #8c64ff99,0 0 28px #7850ff40,0 6px #3a2878,0 7px #2d1f60,0 9px 22px #0006,inset 0 2px #ffffff73,inset 0 -3px 6px #1e0a5033,inset 2px 0 4px #ffffff1f,inset -2px 0 4px #ffffff1f!important;filter:brightness(1.05)!important}.home-btn-purple:active{transform:translateY(3px) scale(.98)!important;outline-color:#b4a0ff80;box-shadow:0 0 6px #8c64ff59,0 1px #3a2878,0 2px #2d1f60,0 3px 8px #0000004d,inset 0 3px 8px #1e0a504d,inset 2px 0 4px #0000001a,inset -2px 0 4px #0000001a!important;filter:brightness(.94)!important}.home-bottom-actions{position:relative;width:min(92%,360px);margin-top:-2px;padding-bottom:clamp(48px,6.4vh,64px);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:8}.home-btn-resume{width:73%;max-width:300px;padding:12px 20px;font-size:17px;justify-content:flex-start;gap:12px;margin-bottom:6px}.home-btn-resume .btn-text{flex:0 1 auto;text-align:left}.home-btn-purple .resume-icon{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.home-settings-circle{position:absolute;left:50%;bottom:-4px;transform:translate(-50%);width:clamp(34px,5.2vw,48px);height:clamp(34px,5.2vw,48px);margin-top:0;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(210,225,255,.9);background:linear-gradient(180deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.1) 38%,transparent 42%,rgba(0,0,0,.18) 100%),radial-gradient(circle at 30% 25%,#8ab3ff,#4d78db 45%,#3454b1);box-shadow:0 0 8px #5a96ff73,0 0 20px #3867dc33,0 4px #173c87,0 5px #102d66,0 9px 16px #00000059,inset 0 2px #ffffff6b,inset 0 -3px 6px #061a4b4d;cursor:pointer;transition:transform .12s ease,filter .15s ease,box-shadow .12s ease}.home-settings-circle svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.home-settings-circle:hover{transform:translate(-50%) translateY(-2px) scale(1.03);filter:brightness(1.06);box-shadow:0 0 10px #5a96ff8c,0 0 24px #3867dc47,0 6px #173c87,0 7px #102d66,0 12px 20px #0006,inset 0 2px #ffffff73,inset 0 -3px 6px #061a4b4d}.home-settings-circle:active{transform:translate(-50%) translateY(2px) scale(.98);filter:brightness(.95);box-shadow:0 0 6px #5a96ff61,0 1px #173c87,0 2px #102d66,0 4px 8px #0000004d,inset 0 3px 8px #061a4b59}@media(max-width:900px){.home-frame{width:min(92vw,620px);height:min(90svh,760px);min-width:0;min-height:520px}.home-content{max-width:min(100%,420px);gap:18px;margin-top:50px;padding:8px 10px 6px}.home-hero-image{width:clamp(230px,55vw,320px)}.home-buttons{gap:10px}.home-btn{width:min(94%,340px);font-size:17px;padding:12px 16px}.home-btn-green,.home-btn-blue{width:min(90%,320px);max-width:320px}.home-btn-purple{width:min(76%,260px)}.floating-langs{z-index:4}.float-python{width:50px;height:50px;top:7%;left:5%}.float-cpp{width:48px;height:48px;top:8%;right:5%}.float-c{width:44px;height:44px;bottom:16%;left:6%}.float-java{width:52px;height:52px;bottom:14%;right:5%}.float-cpp .lang-text{font-size:30px}.float-c .lang-text{font-size:31px}.lang-java{font-size:22px}}@media(max-width:768px){.home-install-tip{top:8px;width:min(94%,360px);padding:8px 10px;border-radius:12px}.home-install-tip-title{font-size:14px}.home-install-tip-text{font-size:12px}.home-install-tip-close{font-size:11px;padding:5px 9px}.home-container{padding:10px}.home-frame{width:min(94vw,520px);height:min(91svh,720px);min-height:0;overflow-y:auto;overflow-x:hidden}.home-content{gap:14px;margin-top:38px;padding-bottom:14px}.home-title{font-size:22px}.home-illustration{height:110px;margin:4px 0}.home-hero-image{width:clamp(210px,66vw,300px)}.home-btn{width:min(95%,310px);font-size:15px;padding:10px 14px;border-radius:15px}.home-btn-icon-img,.home-btn-green .home-btn-icon-img,.home-btn-blue .home-btn-icon-img{width:26px;height:26px}.home-bottom-actions{width:100%;margin-top:-4px;gap:8px;padding-bottom:50px}.home-btn-resume{width:min(84%,240px);padding:10px 14px;font-size:15px;gap:10px;margin-bottom:4px}.home-settings-circle{width:38px;height:38px}.home-settings-circle svg{width:18px;height:18px}.floating-langs{overflow:visible}.float-python{width:42px;height:42px}.float-cpp{width:40px;height:40px}.float-c{width:36px;height:36px}.float-java{width:44px;height:44px}.float-cpp .lang-text{font-size:26px}.float-c .lang-text{font-size:27px}.lang-java{font-size:20px}.float-python{animation:floatPath1 12s ease-in-out infinite}.float-cpp{animation:floatPath2 14s ease-in-out infinite}.float-c{animation:floatPath3 11s ease-in-out infinite}.float-java{animation:floatPath4 13s ease-in-out infinite}}@media(max-width:480px){.home-install-tip{top:7px;width:min(95%,330px);gap:5px;padding:7px 9px;border-radius:11px}.home-install-tip-title{font-size:13px}.home-install-tip-text{font-size:11.5px}.home-install-tip-close{font-size:10px;padding:4px 8px}.home-container{padding:8px}.home-frame{width:95vw;height:93svh;border-radius:20px}.home-content{max-width:100%;gap:12px;margin-top:26px;padding:6px 8px 12px}.home-title{font-size:20px}.home-illustration{height:96px;margin:4px 0}.home-hero-image{width:clamp(176px,70vw,245px)}.home-btn{width:min(96%,286px);font-size:14px;padding:9px 12px;gap:8px;border-radius:14px}.home-btn-green,.home-btn-blue{width:min(92%,286px);max-width:286px}.home-btn-purple,.home-btn-resume{width:min(88%,250px);max-width:250px;font-size:14px;padding:9px 12px;margin-bottom:3px}.home-btn-icon-img{width:22px;height:22px}.home-btn-green .home-btn-icon-img,.home-btn-blue .home-btn-icon-img{width:24px;height:24px}.home-settings-circle{width:34px;height:34px}.home-settings-circle svg{width:16px;height:16px}.btn-sparkles{display:none}.float-python{width:32px;height:32px;top:6%;left:4%}.float-cpp{width:32px;height:32px;top:7%;right:4%}.float-c{width:28px;height:28px;bottom:20%;left:5%}.float-java{width:34px;height:34px;bottom:18%;right:4%}.float-cpp .lang-text{font-size:20px}.float-c .lang-text{font-size:22px}.lang-java{font-size:15px}}.cfg-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden;background:url(/assets/background-D8kGZYcS.png) center / cover no-repeat;font-family:Trebuchet MS,Verdana,sans-serif}.cfg-frame-glow{position:relative;width:70vw;height:80vh;max-width:980px;max-height:760px;min-width:320px;min-height:420px;border-radius:28px;padding:3px;background:linear-gradient(180deg,#99a7ff,#6073e1 48%,#4356b7);box-shadow:0 18px 44px #070e3e8c,0 0 18px #7896ff73}.cfg-frame{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;border:2px solid rgba(205,222,255,.85);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000047}.cfg-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#08124a3d,#0a145a54 45%,#050b327a),url(/assets/principale-Bt6hwXhO.png);background-repeat:no-repeat,no-repeat;background-position:center,center;background-size:100% 100%,cover}.cfg-header{position:relative;z-index:2;margin:18px 22px 0;min-height:86px;border-radius:16px 16px 12px 12px;border:2px solid rgba(173,193,255,.92);background:linear-gradient(180deg,#5c74ff6b,#3549c873);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff59,0 7px 16px #09145073}.cfg-title{color:#e7eeff;font-size:clamp(32px,3.6vw,52px);font-weight:900;letter-spacing:.4px;text-shadow:0 2px 0 rgba(21,34,112,.95),0 5px 12px rgba(11,19,71,.7)}.cfg-close{position:absolute;top:12px;right:14px;width:54px;height:54px;border:2px solid rgba(190,214,255,.85);border-radius:50%;background:linear-gradient(180deg,#6ca0ff,#4470dd 54%,#3152b0);color:#f4f8ff;font-size:32px;font-weight:900;line-height:1;cursor:pointer;box-shadow:inset 0 1px #ffffff59,0 4px 9px #070f4399;transition:transform .15s ease}.cfg-close:hover{transform:scale(1.05)}.cfg-close:active{transform:scale(.95)}.cfg-card{position:relative;z-index:2;flex:1;margin:14px 22px 22px;padding:18px 20px 20px;border-radius:18px;border:2px solid rgba(176,198,255,.9);background:linear-gradient(180deg,#324cd259,#2238ac6b,#14247c7a);box-shadow:inset 0 1px #ffffff42,inset 0 -1px #0000003d,0 10px 22px #040a306b;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);overflow-y:auto}.cfg-card::-webkit-scrollbar{width:6px}.cfg-card::-webkit-scrollbar-track{background:#ffffff14}.cfg-card::-webkit-scrollbar-thumb{background:#b9d1ff8f;border-radius:8px}.cfg-profile{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:12px 14px;border-radius:14px;border:2px solid rgba(162,184,250,.92);background:linear-gradient(180deg,#546cf454,#364ec647)}.cfg-avatar{width:94px;height:94px;position:relative;flex-shrink:0;border-radius:50%;border:3px solid rgba(164,203,255,.96);background:radial-gradient(circle at 30% 28%,#7cb6ff,#4e7fe3 48%,#304ea8);color:#23367e;font-size:36px;font-weight:900;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 0 rgba(255,255,255,.75);box-shadow:0 4px 10px #00000061,inset 0 1px #fff6,0 0 14px #679fff73}.cfg-avatar:before{content:"";position:absolute;inset:-7px;border-radius:50%;border:3px solid rgba(110,169,255,.84);box-shadow:0 0 10px #70b0ff73,inset 0 1px #ffffff59}.cfg-avatar:after{content:"";position:absolute;inset:3px;border-radius:50%;background:linear-gradient(180deg,#ffffff4d,#ffffff14 36%,#fff0);pointer-events:none}.cfg-avatar-image{overflow:hidden;padding:0}.cfg-avatar-image img{width:100%;height:100%;position:absolute;inset:0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block;z-index:2;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}.cfg-pinfo{display:flex;flex-direction:column;gap:2px;flex:1}.cfg-pname{color:#fff;font-size:clamp(22px,2.6vw,40px);font-weight:900;text-shadow:0 2px 6px rgba(8,16,60,.8)}.cfg-pname-input{width:min(320px,100%);height:44px;border-radius:12px;border:2px solid rgba(170,197,255,.82);background:linear-gradient(180deg,#4360e099,#2c44b1b8);color:#eff5ff;font-size:clamp(20px,2.3vw,34px);font-weight:800;padding:0 12px;outline:none;text-shadow:0 1px 4px rgba(12,20,65,.55)}.cfg-pname-input::-moz-placeholder{color:#e6efffb3}.cfg-pname-input::placeholder{color:#e6efffb3}.cfg-pname-input:focus{border-color:#cbddfff2;box-shadow:0 0 0 4px #91bfff38}.cfg-pbadge{display:inline-flex;align-items:center;gap:6px;color:#d7e6ff;font-size:clamp(18px,1.9vw,30px);font-weight:700;opacity:.95}.cfg-pdot{width:11px;height:11px;border-radius:50%;background:#78d4ff;box-shadow:0 0 9px #78d4fff2}.cfg-pseudo-btn{min-width:180px;height:52px;padding:0 14px;border-radius:14px;border:2px solid rgba(190,210,255,.82);background:linear-gradient(180deg,#6f96ff,#486ed4 54%,#3454ad);color:#f3f7ff;font-size:clamp(16px,1.4vw,24px);font-weight:900;cursor:pointer;text-shadow:0 2px 4px rgba(14,23,74,.72);box-shadow:inset 0 1px #ffffff4d,0 4px 10px #070c2c66;transition:transform .15s ease,filter .15s ease}.cfg-pseudo-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.cfg-pseudo-btn:active{transform:translateY(1px)}.cfg-pseudo-btn.editing{background:linear-gradient(180deg,#9ce96d,#63c943 54%,#3d912c);border-color:#bef7b0eb}.cfg-separator{height:2px;margin:14px 0;background:linear-gradient(90deg,transparent 0%,rgba(190,208,255,.95) 12%,rgba(190,208,255,.95) 88%,transparent 100%)}.cfg-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px}.cfg-label-wrap{display:flex;align-items:center}.cfg-label-icon{display:none}.cfg-label{color:#f1f6ff;font-size:clamp(25px,2.5vw,38px);font-weight:800;text-shadow:0 2px 5px rgba(10,18,72,.85);white-space:nowrap}.cfg-btns{display:flex;gap:10px}.cfg-opt{min-width:86px;height:62px;position:relative;border:2px solid rgba(228,238,255,.72);border-radius:12px;color:#fff;font-size:clamp(34px,3.4vw,48px);font-weight:900;line-height:1;cursor:pointer;text-shadow:0 2px 4px rgba(12,16,56,.7);box-shadow:inset 0 2px #ffffff4d,0 4px 8px #05082173;transition:transform .15s ease,filter .15s ease}.cfg-opt-type{min-width:120px;height:56px;padding:0 14px;font-size:clamp(18px,1.7vw,26px);letter-spacing:.3px}.cfg-opt:hover{transform:translateY(-1px)}.cfg-opt:active{transform:translateY(1px)}.cfg-opt.opt-blue{background:linear-gradient(180deg,#689aff,#3d6ed9 54%,#2a4ea6)}.cfg-opt.opt-green{background:linear-gradient(180deg,#95e666,#5fca41 54%,#388d2a)}.cfg-opt.opt-red{background:linear-gradient(180deg,#ff7983,#e14f5a 54%,#ab303d)}.cfg-opt.opt-yellow{background:linear-gradient(180deg,#ffd861,#f2b928 54%,#ba860a)}.cfg-opt.sel{filter:brightness(1.08) saturate(1.05);border-color:#f2f8fffa;outline:3px solid rgba(167,210,255,.85);outline-offset:2px;box-shadow:inset 0 2px #fff6,0 0 0 2px #4980ff61,0 7px 14px #08103a80}.cfg-row-time{align-items:center}.cfg-time-controls{display:flex;align-items:center;gap:12px;width:min(470px,100%)}.cfg-time-bar{flex:1;min-width:150px;height:16px;border-radius:999px;border:2px solid rgba(139,182,255,.8);background:#243a99bf;overflow:hidden;box-shadow:inset 0 1px 3px #00000073}.cfg-time-fill{display:block;height:100%;border-right:1px solid rgba(255,255,255,.55);background:linear-gradient(90deg,#60a0ff,#6fb5ff);box-shadow:0 0 8px #61acffb3}.cfg-time-btns{display:flex;gap:8px}.cfg-time-btn{height:52px;min-width:86px;border:2px solid rgba(199,216,255,.68);border-radius:12px;color:#fff;font-size:clamp(28px,2.8vw,42px);font-weight:900;cursor:pointer;text-shadow:0 2px 4px rgba(11,18,66,.72);background:linear-gradient(180deg,#6a95f2,#496dd2 54%,#3556ab);box-shadow:inset 0 1px #ffffff40,0 4px 8px #05082159}.cfg-time-btn.sel{background:linear-gradient(180deg,#ffd764,#efbd2f 54%,#b17e0c)}.cfg-arrow{font-size:.95em}.cfg-lang-wrap{position:relative;display:flex;align-items:center;gap:10px;min-height:62px;min-width:320px;padding:8px 12px;border:2px solid rgba(173,196,255,.84);border-radius:14px;background:linear-gradient(180deg,#7f9cff94,#556fe080);box-shadow:inset 0 1px #ffffff59,0 3px 8px #080f3959}.cfg-lang-logo{width:46px;height:46px;border-radius:10px;border:1px solid rgba(202,216,255,.85);background:#0f236e40;display:flex;align-items:center;justify-content:center}.cfg-lang-logo img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.cfg-lang-name{color:#f6f9ff;font-size:clamp(30px,2.8vw,42px);font-weight:800;text-shadow:0 2px 4px rgba(11,18,66,.72)}.cfg-lang-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.cfg-lang-select option{color:#0c205c}.cfg-lang-arrows{margin-left:auto;display:flex;flex-direction:column;gap:1px;color:#f8fbffe6;font-size:11px;line-height:.9}.cfg-actions{display:flex;gap:14px;margin-top:20px}.cfg-btn-cancel,.cfg-btn-go{height:66px;border:2px solid rgba(208,221,255,.78);border-radius:16px;color:#f2f6ff;font-size:clamp(33px,3.2vw,46px);font-weight:900;letter-spacing:.2px;cursor:pointer;text-shadow:0 2px 4px rgba(14,23,74,.72);box-shadow:inset 0 1px #ffffff47,0 5px 10px #060c2c73;transition:transform .15s ease,filter .15s ease}.cfg-btn-cancel{flex:1;background:linear-gradient(180deg,#6b91ff,#4a6fd3 54%,#3453ab)}.cfg-btn-go{flex:1.35;background:linear-gradient(180deg,#8ce55f,#58bc3a 54%,#318321)}.cfg-btn-cancel:hover,.cfg-btn-go:hover{transform:translateY(-1px);filter:brightness(1.03)}.cfg-btn-cancel:active,.cfg-btn-go:active{transform:translateY(1px)}.cfg-btn-go.creating{cursor:default;background:linear-gradient(180deg,#7aa2f8,#5477ce 54%,#3a56a7)}@media(max-width:900px){.cfg-container{padding:10px;overflow-y:auto}.cfg-frame-glow{width:min(94vw,560px);height:min(92svh,760px);min-width:0;min-height:0}.cfg-header{margin:12px 12px 0;min-height:74px}.cfg-close{width:46px;height:46px;font-size:27px;top:10px;right:10px}.cfg-card{margin:10px 12px 12px;padding:14px}.cfg-title{font-size:clamp(28px,5vw,42px)}.cfg-pname{font-size:clamp(20px,3.8vw,30px)}.cfg-pbadge{font-size:clamp(16px,3.2vw,24px)}.cfg-pname-input{height:40px}.cfg-avatar{width:82px;height:82px}.cfg-pseudo-btn{min-width:150px;height:46px;font-size:clamp(14px,2.6vw,20px)}.cfg-label{font-size:clamp(18px,3.8vw,26px);white-space:normal;line-height:1.15}.cfg-row{min-height:0;gap:12px}.cfg-btns{flex-wrap:wrap;justify-content:flex-end}.cfg-opt{min-width:70px;height:50px;font-size:clamp(20px,4.8vw,30px)}.cfg-opt-type{min-width:96px;height:44px;padding:0 10px;font-size:clamp(14px,2.8vw,18px)}.cfg-time-controls{flex-direction:column;align-items:stretch;gap:8px}.cfg-time-bar{min-width:0}.cfg-time-btns{width:100%}.cfg-time-btn{flex:1;min-width:0;height:42px;font-size:clamp(18px,4vw,28px)}.cfg-lang-wrap{min-width:0;width:100%}.cfg-lang-name{font-size:clamp(18px,4vw,26px)}.cfg-actions{margin-top:14px;gap:10px}.cfg-btn-cancel,.cfg-btn-go{font-size:clamp(18px,4vw,28px);height:50px}}@media(max-width:740px){.cfg-header{margin:10px 8px 0;min-height:64px}.cfg-title{font-size:clamp(22px,6vw,32px);max-width:calc(100% - 64px);padding:0 8px;text-align:center}.cfg-close{top:8px;right:8px;width:40px;height:40px;font-size:24px}.cfg-card{margin:8px;padding:10px}.cfg-row{flex-direction:column;align-items:stretch;gap:8px;min-height:0}.cfg-profile{flex-wrap:wrap;gap:8px;padding:8px 10px}.cfg-avatar{width:64px;height:64px}.cfg-avatar:before{inset:-5px;border-width:2px}.cfg-avatar:after{inset:2px}.cfg-pname{font-size:clamp(18px,5vw,24px)}.cfg-pbadge{font-size:clamp(13px,3.8vw,18px)}.cfg-pinfo{min-width:0}.cfg-pname-input{width:100%;height:40px;font-size:clamp(16px,4.2vw,22px)}.cfg-pseudo-btn{width:100%;min-width:0;height:40px;font-size:clamp(13px,3.8vw,18px)}.cfg-btns{width:100%;justify-content:flex-start;gap:8px}.cfg-opt{flex:1 1 calc(33.333% - 8px);min-width:62px;height:44px;font-size:clamp(18px,5vw,26px)}.cfg-opt-type{flex:1 1 calc(33.333% - 8px);min-width:0;height:42px;padding:0 8px;font-size:clamp(13px,3.6vw,17px)}.cfg-time-controls{width:100%}.cfg-time-btn{height:40px;font-size:clamp(16px,4.4vw,24px)}.cfg-lang-wrap{min-width:0;width:100%;min-height:52px;padding:6px 9px;gap:8px}.cfg-lang-logo{width:36px;height:36px}.cfg-lang-logo img{width:24px;height:24px}.cfg-lang-name{font-size:clamp(16px,4.4vw,22px)}.cfg-actions{flex-direction:column;gap:8px;margin-top:14px}.cfg-btn-cancel,.cfg-btn-go{height:46px;font-size:clamp(18px,5vw,24px)}.cfg-separator{margin:10px 0}}@media(max-width:480px){.cfg-container{padding:6px}.cfg-frame-glow{width:96vw;height:94svh;border-radius:22px}.cfg-frame{border-radius:18px}.cfg-header{margin:8px 6px 0;min-height:58px}.cfg-title{font-size:clamp(20px,6.8vw,28px);max-width:calc(100% - 56px)}.cfg-close{width:36px;height:36px;font-size:20px}.cfg-card{margin:6px;padding:8px;border-radius:14px}.cfg-label{font-size:clamp(16px,5vw,20px)}.cfg-opt{min-width:58px;height:42px}.cfg-opt-type{height:40px}.cfg-time-btn{height:38px}.cfg-btn-cancel,.cfg-btn-go{height:44px}.cfg-avatar{width:56px;height:56px}}.join-center-wrap{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;padding:18px 22px 24px}.join-center-card{width:min(100%,700px);border-radius:30px;border:2px solid rgba(177,201,255,.9);background:linear-gradient(180deg,#314ad07a,#2339b08f,#16267c99);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000047,0 12px 28px #070f3e85;padding:18px 20px 24px}.join-card-title{margin:0 0 16px;text-align:center;color:#e8eeff;font-size:clamp(34px,3vw,44px);font-weight:900;text-shadow:0 2px 0 rgba(21,36,119,.92),0 5px 12px rgba(11,19,71,.7)}.join-input-wrap{display:flex;align-items:center;gap:10px;width:100%;min-height:78px;border-radius:18px;border:2px solid rgba(160,187,255,.88);background:linear-gradient(180deg,#455cd98f,#2d42b294);padding:10px 14px;box-shadow:inset 0 1px #ffffff38,0 5px 10px #090f3959}.join-input-wrap-pseudo{margin-bottom:12px}.join-input-icon{width:90px;min-width:90px;height:54px;border-radius:12px;border:2px solid rgba(110,80,24,.62);background:linear-gradient(180deg,#ffe87d,#ffd547 55%,#f0be24);color:#3c3f50;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.8);box-shadow:inset 0 1px #ffffff6b,0 2px 6px #00000040}.join-input-icon-player{width:102px;min-width:102px;font-size:17px;border-color:#749cffbf;background:linear-gradient(180deg,#9dc0ff,#6b90ef 55%,#4868c7);color:#eef4ff;text-shadow:0 1px 0 rgba(28,44,116,.7)}.join-input{width:100%;height:54px;border-radius:14px;border:2px solid rgba(140,168,248,.82);background:linear-gradient(180deg,#344ab6a8,#253a9eb8);color:#e9f0ff;font-size:clamp(24px,2.4vw,34px);font-weight:800;padding:0 16px;outline:none;letter-spacing:.6px}.join-input-name{letter-spacing:.2px}.join-input::-moz-placeholder{color:#d8e3ffb8}.join-input::placeholder{color:#d8e3ffb8}.join-input:focus{border-color:#bdd6fff2;box-shadow:0 0 0 4px #83beff38}.join-btn{width:100%;height:74px;border-radius:20px;border:2px solid rgba(210,226,255,.75);color:#f5f9ff;cursor:pointer;margin-top:18px;text-shadow:0 2px 4px rgba(12,20,66,.72);box-shadow:inset 0 1px #ffffff45,0 5px 12px #060c2e6b;transition:transform .15s ease,filter .15s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;letter-spacing:.3px}.join-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:48%;background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.1) 48%,transparent 100%);pointer-events:none}.join-btn:after{content:"";position:absolute;top:-50%;left:-65%;width:30%;height:210%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.34) 49%,rgba(255,255,255,.1) 54%,transparent 58%);transform:skew(-16deg);pointer-events:none;animation:joinBtnSweep 3.4s ease-in-out infinite}.join-btn-main{position:relative;z-index:1;font-size:clamp(33px,3.1vw,46px);font-weight:900;line-height:1.02}.join-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.join-btn:active:not(:disabled){transform:translateY(1px)}.join-btn:disabled{opacity:.7;cursor:not-allowed}.join-btn:disabled:after{animation:none}.join-btn-green{background:radial-gradient(circle at 18% 30%,rgba(246,255,196,.22) 0 6px,transparent 7px),radial-gradient(circle at 74% 65%,rgba(218,255,154,.18) 0 6px,transparent 7px),linear-gradient(180deg,#94ea68,#59be3b 54%,#318522);border-color:#cef5bce6;box-shadow:0 0 14px #76eb6057,inset 0 1px #ffffff4d,0 5px 12px #060c2e6b}.join-btn-red{width:min(54%,340px);height:68px;margin-top:14px;margin-left:auto;background:radial-gradient(circle at 22% 35%,rgba(255,219,180,.2) 0 5px,transparent 6px),radial-gradient(circle at 72% 62%,rgba(255,196,149,.18) 0 5px,transparent 6px),linear-gradient(180deg,#ff8a64,#e95e39 54%,#bf3d21);border-color:#ffd2bae0}@keyframes joinBtnSweep{0%{left:-65%}32%{left:118%}to{left:118%}}@media(max-width:860px){.join-card-title{font-size:clamp(26px,4.8vw,38px)}.join-btn{height:64px}.join-btn-main{font-size:clamp(26px,4.6vw,38px)}.join-input{font-size:clamp(21px,3.6vw,28px)}}@media(max-width:640px){.join-center-wrap{padding:10px 8px 8px}.join-center-card{width:100%;border-radius:22px;padding:12px 12px 14px}.join-card-title{margin-bottom:10px;font-size:clamp(22px,5.8vw,30px)}.join-input-wrap{min-height:58px;border-radius:14px;padding:7px 8px}.join-input-icon{width:62px;min-width:62px;height:38px;font-size:14px;border-radius:10px}.join-input-icon-player{width:72px;min-width:72px;font-size:13px}.join-input{height:40px;font-size:clamp(16px,4.5vw,22px);padding:0 12px}.join-btn{margin-top:10px;height:50px;border-radius:15px}.join-btn-main{font-size:clamp(18px,5.4vw,25px)}.join-btn-red{width:100%;height:48px;margin-top:10px;margin-left:0}}@media(max-width:480px){.join-center-wrap{padding:8px 6px 6px}.join-center-card{padding:10px 10px 12px}.join-input-wrap{min-height:54px;padding:6px 7px}.join-input-icon{width:56px;min-width:56px;height:34px;font-size:13px}.join-input-icon-player{width:66px;min-width:66px;font-size:12px}.join-input{height:36px;font-size:clamp(15px,4.8vw,20px);border-radius:11px}.join-btn{height:46px}.join-btn-main{font-size:clamp(16px,5.5vw,22px)}}.lobby-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden;background:url(/assets/background-D8kGZYcS.png) center / cover no-repeat;font-family:Trebuchet MS,Verdana,sans-serif}.lobby-frame-glow{position:relative;width:70vw;height:80vh;max-width:980px;max-height:760px;min-width:320px;min-height:420px;border-radius:28px;padding:3px;background:linear-gradient(180deg,#99a7ff,#6073e1 48%,#4356b7);box-shadow:0 18px 44px #070e3e8c,0 0 18px #7896ff73}.lobby-frame{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;padding:14px 18px 16px;border:2px solid rgba(205,222,255,.85);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000047}.lobby-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#08124a3d,#0a145a54 45%,#050b327a),url(/assets/principale-Bt6hwXhO.png);background-repeat:no-repeat,no-repeat;background-position:center,center;background-size:100% 100%,cover}.lobby-loading{position:relative;z-index:1;margin:auto;color:#eef4ff;font-size:28px;font-weight:900}.lobby-header-wrap{position:relative;z-index:1;min-height:64px;border-radius:20px;border:2px solid rgba(180,203,255,.9);background:linear-gradient(180deg,#607aff70,#394fc970);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff59,0 7px 16px #09145073}.lobby-header-icon{position:absolute;left:16px;font-size:30px;color:#7de0ffeb;text-shadow:0 0 12px rgba(120,212,255,.8)}.lobby-title{margin:0;color:#e8efff;font-size:clamp(28px,3vw,44px);font-weight:900;text-shadow:0 2px 0 rgba(22,36,120,.95),0 5px 12px rgba(11,19,71,.72)}.lobby-header-ready-count{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:42px;padding:0 14px;border-radius:999px;border:2px solid rgba(193,233,176,.9);background:linear-gradient(180deg,#72d372,#49b45e 55%,#2f9150);color:#f0ffec;font-size:clamp(18px,1.8vw,28px);font-weight:900;text-shadow:0 2px 3px rgba(17,53,28,.52);box-shadow:inset 0 1px #ffffff4d,0 4px 8px #080e3057}.lobby-header-ready-count.is-zero{border-color:#ffcc91eb;background:linear-gradient(180deg,#f7ad5d,#e17a35 55%,#bb5323);color:#fff2e2;text-shadow:0 2px 3px rgba(92,42,24,.52)}.lobby-header-ready-count.is-active{border-color:#c1e9b0e6;background:linear-gradient(180deg,#72d372,#49b45e 55%,#2f9150);color:#f0ffec;text-shadow:0 2px 3px rgba(17,53,28,.52)}.lobby-code-wrap{position:relative;z-index:1;padding:12px 0 10px}.lobby-code-bar{min-height:58px;border-radius:20px;border:2px solid rgba(170,194,255,.88);background:linear-gradient(180deg,#4f68e88a,#2f44b09e);box-shadow:inset 0 1px #ffffff40,0 4px 10px #080f3959;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}.lobby-code-book{font-size:24px;line-height:1;filter:drop-shadow(0 2px 4px rgba(8,14,48,.5))}.lobby-code-label{color:#d8e7ff;font-size:clamp(20px,2vw,30px);font-weight:800}.lobby-code-value{color:#ffe05e;font-size:clamp(24px,2.2vw,34px);font-weight:900;letter-spacing:1px;text-shadow:0 2px 4px rgba(16,20,50,.7)}.lobby-copy-btn{margin-left:6px;width:40px;height:40px;border-radius:12px;border:2px solid rgba(255,221,150,.9);background:linear-gradient(180deg,#ffd55f,#f2b42f 54%,#bc7f0d);color:#3f2c05;font-size:20px;cursor:pointer;box-shadow:inset 0 1px #fff6,0 4px 8px #070c2c66}.lobby-config-wrap{position:relative;z-index:1;padding:0 0 10px}.lobby-config-card{position:relative;overflow:hidden;isolation:isolate;border-radius:18px;border:1px solid rgba(180,205,255,.9);background:radial-gradient(120% 140% at 0% 0%,#8db4ff2e,#8db4ff00 52%),linear-gradient(180deg,#425bdb8f,#25389c9e);box-shadow:inset 0 1px #ffffff38,inset 0 -1px #070d2e8c,0 8px 18px #080e3070;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);padding:12px 12px 11px}.lobby-config-card:before{content:"";position:absolute;left:8px;right:8px;top:8px;height:40%;border-radius:14px;background:linear-gradient(180deg,#fff3,#fff0);pointer-events:none;z-index:0}.lobby-config-title{position:relative;z-index:1;color:#edf4ff;font-size:clamp(17px,1.65vw,24px);font-weight:900;text-align:center;letter-spacing:.2px;text-shadow:0 2px 5px rgba(11,18,62,.68);margin-bottom:10px}.lobby-config-edit-btn{position:absolute;top:10px;right:10px;z-index:2;min-width:98px;height:34px;border-radius:10px;border:2px solid rgba(190,210,255,.82);background:linear-gradient(180deg,#6f96ff,#486ed4 54%,#3454ad);color:#f3f7ff;font-size:15px;font-weight:900;cursor:pointer;text-shadow:0 2px 4px rgba(14,23,74,.72);box-shadow:inset 0 1px #ffffff4d,0 4px 10px #070c2c66}.lobby-config-edit-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.lobby-config-edit-btn:active{transform:translateY(1px)}.lobby-config-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px}.lobby-config-item{position:relative;overflow:hidden;border-radius:14px;border:1px solid rgba(193,214,255,.84);background:linear-gradient(180deg,#647cf67a,#4054cc8f);min-height:64px;display:flex;flex-direction:column;justify-content:space-between;gap:5px;padding:8px 9px;text-align:left;box-shadow:inset 0 1px #ffffff38,0 5px 10px #090f3447}.lobby-config-item:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;border-radius:999px;background:#ffffff73}.lobby-config-item--language{border-color:#a4d2ffeb}.lobby-config-item--levels{border-color:#a9e8aaeb}.lobby-config-item--questions{border-color:#ffdd9beb}.lobby-config-item--time{border-color:#ffbad6eb}.lobby-config-item--question-type{border-color:#c0c9ffeb}.lobby-config-key-row{display:flex;align-items:center;gap:6px}.lobby-config-icon{width:20px;height:20px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;border:1px solid rgba(220,231,255,.9);color:#f6f9ff;background:linear-gradient(180deg,#7c97fff2,#546dd9fa);box-shadow:0 3px 6px #090f3459}.lobby-config-item--levels .lobby-config-icon{background:linear-gradient(180deg,#70d269f5,#359345fa)}.lobby-config-item--questions .lobby-config-icon{background:linear-gradient(180deg,#ffbf66f5,#df7f2afa)}.lobby-config-item--time .lobby-config-icon{background:linear-gradient(180deg,#ff92b5f5,#db4886fa)}.lobby-config-item--question-type .lobby-config-icon{background:linear-gradient(180deg,#c2c7fff5,#6c76d1fa)}.lobby-config-key{color:#d7e5ff;font-size:clamp(11px,1vw,13px);font-weight:800;line-height:1.1;letter-spacing:.2px}.lobby-config-value{color:#f4f8ff;font-size:clamp(16px,1.52vw,22px);font-weight:900;line-height:1.1;text-shadow:0 2px 5px rgba(10,16,56,.62);padding-left:1px}.lobby-list{position:relative;z-index:1;flex:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:10px}.lobby-list::-webkit-scrollbar{width:6px}.lobby-list::-webkit-scrollbar-thumb{background:#b9d1ff8f;border-radius:8px}.lobby-player-card{position:relative;display:flex;gap:10px;align-items:center;padding:2px 0 6px;filter:drop-shadow(0 8px 12px rgba(6,12,48,.38))}.lobby-rank{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#ecf2ff;border:2px solid rgba(169,196,255,.86);background:linear-gradient(180deg,#688cff,#4267cc);box-shadow:0 3px 8px #080e306b}.lobby-player-inner{flex:1;position:relative;border-radius:20px;border:2px solid rgba(184,208,255,.95);background:linear-gradient(135deg,#84a2ff33,#84a2ff00 42%),linear-gradient(180deg,#455fe499,#2a3fb89e);box-shadow:inset 0 2px #ffffff52,inset 0 -2px #121e608a,0 3px #2f45a0bd,0 9px #23358794,0 16px 22px #080e3073;transform:translateY(-1px);overflow:hidden}.lobby-player-inner.is-empty{border-color:#a0b8f5b3;background:linear-gradient(180deg,#3a4fc461,#24369c6b)}.lobby-player-inner:before{content:"";position:absolute;inset:2px;border-radius:16px;border:1px solid rgba(225,236,255,.48);pointer-events:none}.lobby-player-inner:after{content:"";position:absolute;left:12px;right:12px;top:6px;height:42%;border-radius:14px;background:linear-gradient(180deg,#ffffff42,#fff0);pointer-events:none}.lobby-player-inner.is-ready{border-color:#a0dfa5f0;box-shadow:inset 0 2px #ffffff57,inset 0 -2px #18563175,0 3px #308642b8,0 9px #236e378f,0 16px 22px #080e3073}.lobby-player-inner.is-waiting{border-color:#ffc280eb;box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #7e3a2180,0 3px #b85e36b3,0 9px #8a42288a,0 16px 22px #080e3073}.lobby-player-head{display:flex;align-items:center;gap:10px;padding:8px 10px}.lobby-player-inner.has-kick .lobby-player-head{padding-right:48px}.lobby-player-avatar{width:68px;height:68px;border-radius:50%;border:2px solid rgba(179,208,255,.95);background:radial-gradient(circle at 30% 28%,#7cb6ff,#4e7fe3 48%,#304ea8);overflow:hidden;flex-shrink:0;position:relative;display:grid;place-items:center}.lobby-player-avatar.is-empty{border-color:#a0bbf5c7;background:radial-gradient(circle at 30% 28%,#6f93ef,#4768c5 48%,#2b418f)}.lobby-player-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;transform:none}.lobby-player-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ecf3ff;font-size:26px;font-weight:900}.lobby-player-text{min-width:0;flex:1}.lobby-player-name{color:#f0f5ff;font-size:clamp(20px,2.1vw,32px);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 5px rgba(8,16,60,.7)}.lobby-player-role{color:#c9ddff;font-size:clamp(14px,1.4vw,22px);font-weight:700}.lobby-player-status{font-size:clamp(20px,2vw,32px);font-weight:900;margin-left:auto;padding-left:6px;white-space:nowrap}.lobby-kick-btn-corner{position:absolute;top:8px;right:8px;z-index:4;width:30px;height:30px;border-radius:9px;border:2px solid rgba(255,187,167,.9);background:linear-gradient(180deg,#ff8f71,#e55744 56%,#b72d22);color:#fff2ea;font-size:18px;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px #ffffff59,0 4px 8px #28080873}.lobby-kick-btn-corner:hover{filter:brightness(1.06)}.lobby-kick-btn-corner:active{transform:translateY(1px)}.lobby-player-status.ready{color:#e9ffe0}.lobby-player-status.waiting{color:#ffd8ac}.lobby-player-bar{min-height:34px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:0 16px;font-size:clamp(22px,2vw,30px);font-weight:900;letter-spacing:.3px;border-top:1px solid rgba(255,255,255,.18)}.lobby-player-bar-label{position:relative;z-index:3}.lobby-player-bar:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:url(/assets/feuille-YaGQisSB.png);background-repeat:no-repeat;background-size:100% 100%;background-position:center}.lobby-player-bar.ready{color:#efffeb;background:linear-gradient(180deg,#63d76ed6,#369a3ee6)}.lobby-player-bar.ready:before{opacity:.34;filter:saturate(1.16) brightness(1.16);mix-blend-mode:screen}.lobby-player-bar.waiting{color:#fff0dd;background:linear-gradient(180deg,#f6a14edb,#d25f2ce6)}.lobby-player-bar.waiting:before{opacity:.3;filter:sepia(.45) hue-rotate(-20deg) saturate(1.08) brightness(1.1);mix-blend-mode:screen}.lobby-warning{position:relative;z-index:1;margin-top:10px;border-radius:20px;border:2px solid rgba(177,200,255,.86);background:linear-gradient(180deg,#435ce170,#2d41b280);box-shadow:inset 0 1px #ffffff40,0 8px 16px #080e306b;padding:12px 12px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.lobby-warning-image{width:58px;height:58px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,224,120,.6))}.lobby-warning-text{margin-top:0;color:#ebf2ff;font-size:clamp(18px,1.8vw,28px);font-weight:900;text-shadow:0 2px 4px rgba(14,23,74,.72)}.lobby-warning-animated{animation:lobbyWarningShowHide 3s ease-in-out forwards}@keyframes lobbyWarningShowHide{0%{opacity:0;transform:translateY(10px) scale(.96);filter:blur(2px)}14%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}78%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-8px) scale(.98);filter:blur(1px)}}.lobby-ready-toggle{margin-top:10px;min-width:280px;width:min(56%,450px);height:54px;border-radius:16px;border:2px solid rgba(224,230,255,.72);font-size:clamp(26px,2.4vw,36px);font-weight:900;color:#f6f9ff;cursor:pointer;box-shadow:inset 0 1px #ffffff47,0 5px 10px #060c2c73}.lobby-ready-toggle.ready{background:linear-gradient(180deg,#89e55e,#53b736 54%,#317f20)}.lobby-ready-toggle.waiting{background:linear-gradient(180deg,#ff9f70,#ea643f 54%,#bd3f24)}.lobby-error-msg{position:relative;z-index:1;margin-top:8px;color:#fff3dc;background:#bc3c1aa8;border:1px solid rgba(255,200,155,.72);border-radius:12px;padding:8px 12px;font-weight:800;text-align:center}.lobby-actions{position:relative;z-index:1;display:flex;gap:12px;margin-top:10px}.lobby-btn{height:56px;border-radius:16px;border:2px solid rgba(208,221,255,.78);color:#f2f6ff;font-size:clamp(24px,2.2vw,34px);font-weight:900;letter-spacing:.2px;cursor:pointer;text-shadow:0 2px 4px rgba(14,23,74,.72);box-shadow:inset 0 1px #ffffff47,0 5px 10px #060c2c73;transition:transform .15s ease,filter .15s ease}.lobby-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.lobby-btn:active:not(:disabled){transform:translateY(1px)}.lobby-btn:disabled{opacity:.7;cursor:not-allowed}.lobby-btn-quit{flex:1;background:linear-gradient(180deg,#6b91ff,#4a6fd3 54%,#3453ab)}.lobby-btn-start,.lobby-btn-ready{flex:1.45;background:linear-gradient(180deg,#8ce55f,#58bc3a 54%,#318321)}.lobby-btn-unready{flex:1.45;background:linear-gradient(180deg,#ff9f70,#ea643f 54%,#bd3f24)}@media(max-width:900px){.lobby-container{padding:10px;overflow-y:auto}.lobby-frame-glow{width:min(94vw,560px);height:min(92svh,760px);min-width:0;min-height:0}.lobby-frame{padding:10px 10px 12px}.lobby-header-wrap{min-height:58px}.lobby-title{font-size:clamp(22px,4.5vw,30px)}.lobby-header-ready-count{min-width:66px;height:36px;font-size:clamp(15px,3vw,21px)}.lobby-code-bar{min-height:52px;padding:0 10px;gap:6px}.lobby-code-label{font-size:clamp(17px,3.2vw,24px)}.lobby-code-value{font-size:clamp(21px,4vw,28px);letter-spacing:.5px}.lobby-config-card{padding:10px 9px 9px}.lobby-config-title{font-size:clamp(16px,3.2vw,22px);margin-bottom:8px}.lobby-config-edit-btn{min-width:84px;height:30px;font-size:13px}.lobby-config-grid{gap:7px}.lobby-config-item{min-height:56px;padding:7px;gap:4px}.lobby-config-key{font-size:clamp(10px,1.6vw,12px)}.lobby-config-value{font-size:clamp(15px,2.4vw,20px)}.lobby-player-name{font-size:clamp(18px,3.4vw,24px)}.lobby-player-role{font-size:clamp(12px,2.2vw,16px)}.lobby-player-status,.lobby-player-bar{font-size:clamp(16px,3vw,22px)}.lobby-ready-toggle{width:min(78%,450px);height:48px;font-size:clamp(20px,3.8vw,28px)}.lobby-btn{height:50px;font-size:clamp(20px,3.8vw,28px)}}@media(max-width:740px){.lobby-container{padding:8px}.lobby-player-name{font-size:clamp(16px,4.4vw,22px)}.lobby-player-role{font-size:clamp(11px,3.2vw,14px)}.lobby-player-status,.lobby-player-bar{font-size:clamp(14px,3.8vw,18px)}.lobby-frame-glow{width:96vw;height:94svh}.lobby-frame{padding:8px;overflow-y:auto}.lobby-header-wrap{min-height:52px}.lobby-header-icon{font-size:18px;left:8px}.lobby-title{font-size:clamp(18px,5vw,24px)}.lobby-header-ready-count{right:8px;min-width:56px;height:30px;padding:0 8px;font-size:clamp(13px,3.8vw,17px)}.lobby-code-bar{min-height:46px;gap:5px;padding:0 8px}.lobby-code-book{font-size:18px}.lobby-code-label{font-size:clamp(15px,4.2vw,20px)}.lobby-code-value{font-size:clamp(19px,5.2vw,24px)}.lobby-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.lobby-copy-btn{width:30px;height:30px;font-size:14px;border-radius:9px}.lobby-config-card{padding:8px}.lobby-config-title{font-size:clamp(15px,4.4vw,20px);margin-bottom:7px}.lobby-config-edit-btn{min-width:76px;height:28px;top:7px;right:7px;font-size:12px}.lobby-config-item{min-height:52px;padding:6px}.lobby-config-icon{width:16px;height:16px;font-size:10px}.lobby-config-key{font-size:clamp(10px,3vw,12px)}.lobby-config-value{font-size:clamp(14px,4vw,18px)}.lobby-list{flex:0 0 auto;min-height:116px;overflow:visible;padding-right:0;gap:8px;margin-top:4px}.lobby-player-card{padding:0 0 4px;gap:8px}.lobby-rank{width:30px;height:30px;font-size:18px}.lobby-player-inner{min-height:84px;border-radius:16px}.lobby-player-head{padding:6px 8px;gap:8px}.lobby-player-avatar{width:50px;height:50px}.lobby-player-status{display:none}.lobby-kick-btn-corner{width:26px;height:26px;top:6px;right:6px;font-size:16px}.lobby-player-inner.has-kick .lobby-player-head{padding-right:40px}.lobby-player-bar{min-height:26px;padding:0 10px;font-size:clamp(14px,3.8vw,17px)}.lobby-warning{padding:8px 8px 6px}.lobby-warning-image{width:42px;height:42px}.lobby-warning-text{font-size:clamp(14px,4.2vw,18px)}.lobby-ready-toggle{width:100%;min-width:0;height:44px;font-size:clamp(18px,5vw,24px)}.lobby-actions{flex-direction:column;gap:7px;margin-top:8px}.lobby-btn{width:100%;height:44px;font-size:clamp(18px,5vw,24px)}}@media(max-width:480px){.lobby-container{padding:6px}.lobby-frame-glow{width:97vw;height:95svh;border-radius:22px}.lobby-frame{border-radius:18px;padding:7px}.lobby-config-grid{grid-template-columns:1fr}.lobby-list{min-height:108px}.lobby-player-avatar{width:44px;height:44px}.lobby-player-inner{min-height:78px}.lobby-player-name{font-size:clamp(15px,5vw,20px)}.lobby-player-role{font-size:clamp(10px,3.8vw,13px)}.lobby-player-bar{min-height:24px;font-size:clamp(13px,4.2vw,16px)}}.flash-game-shell{--flash-card-width: min(100%, 700px);width:100%;height:100%;position:relative;z-index:2;border-radius:18px;padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px;overflow-x:hidden;overflow-y:auto}.flash-game-shell:before{content:none}.level-screen .cfg-card.flash-game-shell{border:none;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;margin:0;padding:20px 16px 14px}.level-screen .cfg-card.flash-game-shell>:first-child{margin-top:auto}.level-screen .cfg-card.flash-game-shell>:last-child{margin-bottom:auto}.level-screen .flash-top-actions{justify-content:flex-end}.flash-settings-corner-btn{position:fixed;top:18px;left:18px;z-index:1400;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(210,225,255,.9);color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.1) 38%,transparent 42%,rgba(0,0,0,.18) 100%),radial-gradient(circle at 30% 25%,#8ab3ff,#4d78db 45%,#3454b1);box-shadow:0 0 8px #5a96ff73,0 0 20px #3867dc33,0 4px #173c87,0 5px #102d66,0 9px 16px #00000059,inset 0 2px #ffffff6b,inset 0 -3px 6px #061a4b4d;cursor:pointer;transition:transform .12s ease,filter .15s ease,box-shadow .12s ease}.flash-settings-corner-btn:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.06);box-shadow:0 0 10px #5a96ff8c,0 0 24px #3867dc47,0 6px #173c87,0 7px #102d66,0 12px 20px #0006,inset 0 2px #ffffff73,inset 0 -3px 6px #061a4b4d}.flash-settings-corner-btn:active{transform:translateY(2px) scale(.98);filter:brightness(.95);box-shadow:0 0 6px #5a96ff61,0 1px #173c87,0 2px #102d66,0 4px 8px #0000004d,inset 0 3px 8px #061a4b59}.flash-settings-corner-btn svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.flash-level-pill,.flash-question-pill{position:relative;z-index:1;border-radius:999px;border:2px solid rgba(175,198,255,.82);background:linear-gradient(180deg,#827effc7,#463cd2d9);color:#f8fbff;font-weight:900;text-shadow:0 2px 4px rgba(12,12,30,.6)}.flash-level-header{width:var(--flash-card-width);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap}.flash-level-pill{position:relative;margin:0 auto;width:min(100%,460px);text-align:center;font-size:clamp(20px,2.9vw,34px);padding:8px 110px;letter-spacing:.8px}.flash-level-main{display:block;line-height:1.1}.flash-difficulty-pill{position:absolute;right:10px;top:50%;transform:translateY(-50%);border-radius:999px;padding:5px 11px;font-size:clamp(11px,1.25vw,15px);font-weight:900;line-height:1;border:2px solid transparent;color:#f9fcff;text-shadow:0 1px 3px rgba(11,11,35,.55);box-shadow:inset 0 1px #ffffff40,0 4px 10px #10113859}.flash-difficulty-pill.is-simple{border-color:#b7ffa5f2;background:linear-gradient(180deg,#58dc4a,#219b2f);box-shadow:inset 0 1px #ffffff47,0 0 0 3px #78ff6433,0 4px 10px #0c341459}.flash-difficulty-pill.is-moyen{border-color:#ffdf8ef5;background:linear-gradient(180deg,#ffb445,#e07d22);box-shadow:inset 0 1px #ffffff47,0 0 0 3px #ffad5433,0 4px 10px #4b2a0c59}.flash-difficulty-pill.is-difficile{border-color:#ffaaaaf5;background:linear-gradient(180deg,#ff6f86,#cc2f4b);box-shadow:inset 0 1px #ffffff47,0 0 0 3px #ff5f7638,0 4px 10px #4f111c59}.flash-top-actions{width:var(--flash-card-width);margin:-2px auto 0;display:flex;justify-content:flex-end}.flash-quit-btn{border:2px solid rgba(255,186,170,.88);border-radius:12px;padding:6px 12px;font-size:clamp(11px,1.3vw,16px);font-weight:900;color:#ffeef0;background:linear-gradient(180deg,#ff6580,#d93154);cursor:pointer;box-shadow:inset 0 1px #ffffff38,0 4px 10px #12103473;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.flash-quit-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.flash-quit-btn:disabled{opacity:.65;cursor:not-allowed}.flash-player-row{position:relative;z-index:1;width:var(--flash-card-width);margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:20px;border:2px solid rgba(170,199,255,.72);background:linear-gradient(180deg,#6259eed1,#4134baeb);padding:10px 12px}.flash-player-left{display:flex;align-items:center;gap:10px;min-width:0}.flash-player-avatar{width:clamp(52px,6.7vw,72px);height:clamp(52px,6.7vw,72px);border-radius:50%;overflow:hidden;border:3px solid rgba(255,238,179,.9);background:linear-gradient(180deg,#f7d458,#e78a2d);color:#1e2054;font-weight:900;font-size:clamp(24px,3.1vw,36px);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 6px #ffffff59,0 8px 16px #100d3c8c}.flash-player-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.flash-player-meta{min-width:0}.flash-player-name{font-size:clamp(17px,2.1vw,28px);font-weight:900;color:#f7f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flash-player-role{margin-top:2px;font-size:clamp(12px,1.6vw,18px);color:#cdddfff2;font-weight:800}.flash-timer-circle{width:clamp(74px,9vw,100px);height:clamp(74px,9vw,100px);border-radius:50%;border:3px solid rgba(255,225,123,.95);background:radial-gradient(circle at 30% 24%,#3746b6,#1f2f93 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 1px 10px #fff3,0 8px 20px #0c0e3880;color:#f8fbff;transition:transform .2s ease}.flash-timer-seconds{font-size:clamp(24px,3.1vw,40px);line-height:.95;font-weight:900}.flash-timer-mmss{margin-top:2px;font-size:clamp(10px,1.2vw,14px);font-weight:800;opacity:.95}.flash-timer-circle.danger{animation:flashTimerPulse .75s infinite}@keyframes flashTimerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.flash-question-pill{position:relative;z-index:1;width:-moz-fit-content;width:fit-content;margin:0 auto;display:flex;gap:8px;align-items:center;font-size:clamp(13px,1.7vw,22px);padding:6px 12px}.flash-badge{border-radius:12px;padding:2px 8px;font-size:clamp(10px,1.2vw,15px);border:2px solid rgba(150,236,198,.9);background:linear-gradient(180deg,#2fc476,#0c8a6a)}.flash-actions-card,.flash-empty-card{position:relative;z-index:1;width:var(--flash-card-width);margin-left:auto;margin-right:auto;border-radius:16px;border:2px solid rgba(172,202,255,.72);background:linear-gradient(180deg,#5f54eccc,#3a2aaae6);box-shadow:inset 0 0 0 2px #ffffff1a}.flash-question-content{width:var(--flash-card-width);margin:0 auto;padding:0 2px}.flash-question-label{text-align:center;color:#e7efff;font-weight:900;font-size:clamp(14px,1.6vw,22px);margin-bottom:6px}.flash-question-text{margin:0;white-space:pre-wrap;text-align:center;color:#f6f9ff;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:clamp(15px,1.7vw,24px);line-height:1.3;font-weight:800;text-shadow:0 2px 4px rgba(12,12,42,.7)}.flash-actions-card{padding:14px;flex:0 0 auto;display:flex;flex-direction:column;gap:10px}.flash-options-list{flex:0 0 auto;width:100%;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.flash-option-btn{width:100%;border:none;border-radius:13px;padding:8px 10px;color:#f7fbff;font-size:clamp(15px,1.6vw,24px);font-weight:900;text-shadow:0 2px 4px rgba(12,12,35,.62);cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;border:2px solid rgba(194,222,255,.86)}.flash-option-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.flash-option-btn.is-selected{box-shadow:0 0 0 4px #f5ffbd59}.flash-option-btn.is-submitted{box-shadow:0 0 0 4px #93ffb966}.flash-option-btn:disabled{cursor:not-allowed;opacity:.6}.flash-option-color-0{background:linear-gradient(180deg,#4f79ff,#294acf)}.flash-option-color-1{background:linear-gradient(180deg,#57d26f,#209748)}.flash-option-color-2{background:linear-gradient(180deg,#ffd946,#e9a615);color:#2f2f2f;text-shadow:none}.flash-option-color-3{background:linear-gradient(180deg,#ff5d76,#cb2246)}.flash-submit-btn,.flash-nav-btn{border:none;border-radius:12px;font-weight:900;cursor:pointer;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.flash-submit-btn{width:min(100%,280px);margin:12px auto 4px;display:block;padding:8px 10px;font-size:clamp(15px,1.8vw,24px);color:#163d0c;background:linear-gradient(180deg,#9ef16e,#4bbf2f);border:2px solid rgba(185,255,182,.9)}.flash-submit-btn:disabled{opacity:.45;cursor:not-allowed}.flash-submit-hint{margin-top:6px;text-align:center;color:#ddecfff5;font-size:clamp(11px,1.2vw,16px)}.flash-submit-hint:empty{display:none}.flash-nav-row{width:100%;margin-top:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.flash-actions-card-code .flash-nav-row{margin-top:auto}.flash-nav-btn{display:flex;align-items:center;justify-content:center;gap:6px;position:relative;padding:8px 10px;font-size:clamp(11px,1.2vw,18px);color:#f4f9ff;border:2px solid rgba(177,203,255,.84);background:linear-gradient(180deg,#5778ec,#2f4dc0)}.flash-nav-btn-label{display:inline-flex;align-items:center;justify-content:center;text-align:center}.flash-nav-btn.has-check{padding-right:30px}.flash-nav-btn-check{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#1f5d15;background:linear-gradient(180deg,#d8ffb2,#97ef62);border:1px solid rgba(43,115,34,.7);box-shadow:0 1px 4px #0a230759}.flash-nav-btn.is-submitted{border-color:#b4ec9af2}.flash-nav-btn.is-active{color:#173712;border-color:#cbffa2f2;background:linear-gradient(180deg,#a8ee7c,#5bcf3a);box-shadow:0 0 0 3px #d4ffaa47}.flash-nav-btn:disabled{opacity:.5;cursor:not-allowed}.flash-submit-btn:hover,.flash-nav-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.flash-code-editor{width:100%;min-height:220px;border-radius:12px;border:2px solid rgba(173,203,255,.75);background:#15104dad;color:#ecf2ff;font-family:Courier New,monospace;padding:10px;resize:vertical;outline:none;font-size:13px}.flash-empty-card{padding:16px;text-align:center;color:#edf4ff;font-weight:700}.flash-quit-overlay{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;background:#080a2699}.flash-quit-modal{width:min(92vw,460px);border-radius:20px;border:2px solid rgba(176,202,255,.9);background:linear-gradient(180deg,#596ffaf5,#3845c4f5);box-shadow:0 16px 30px #080a2699,inset 0 1px #ffffff3d;padding:18px 16px 16px;text-align:center}.flash-quit-title{font-size:clamp(20px,2.4vw,32px);font-weight:900;color:#f6fbff;text-shadow:0 2px 5px rgba(8,10,38,.65)}.flash-quit-text{margin-top:8px;font-size:clamp(13px,1.6vw,20px);font-weight:700;color:#e9f4fffa}.flash-quit-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.flash-quit-cancel,.flash-quit-confirm{border:none;border-radius:12px;padding:9px 10px;font-size:clamp(12px,1.45vw,18px);font-weight:900;cursor:pointer;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.flash-quit-cancel{color:#edf4ff;border:2px solid rgba(176,206,255,.86);background:linear-gradient(180deg,#5f7cf0,#3555cc)}.flash-quit-confirm{color:#fff4f4;border:2px solid rgba(255,194,182,.92);background:linear-gradient(180deg,#ff6f8a,#d43457)}.flash-quit-cancel:hover,.flash-quit-confirm:hover{transform:translateY(-1px);filter:brightness(1.05)}.flash-quit-cancel:disabled,.flash-quit-confirm:disabled{opacity:.6;cursor:not-allowed}@media(max-width:760px){.flash-level-pill{padding-left:98px;padding-right:98px}.flash-difficulty-pill{right:8px;padding:4px 9px}.flash-game-shell{padding:10px 10px 12px;gap:10px}.flash-player-row{padding:8px 10px}.flash-nav-row,.flash-quit-actions{grid-template-columns:1fr}}.flash-game-shell{--flash-card-width: min(100%, 860px);padding:12px 16px 14px;gap:10px;border-radius:26px;border:2px solid rgba(175,199,255,.72);background:linear-gradient(180deg,#4a46cc5c,#2d27a266),radial-gradient(circle at 20% 0%,rgba(145,160,255,.12),transparent 46%);box-shadow:inset 0 1px #fff3,0 12px 28px #10103c6b}.flash-level-header{position:relative;width:var(--flash-card-width);margin:2px auto 0}.flash-level-header:after{content:"";position:absolute;left:0;right:0;top:50%;height:5px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(180deg,#94adffbf,#586ee1ad);opacity:.8;z-index:0}.flash-level-header:before{content:none}.flash-level-pill{position:relative;z-index:1;width:min(100%,540px);margin:0 auto;padding:8px 100px;border:4px solid rgba(191,208,255,.9);border-radius:999px;background:linear-gradient(180deg,#6c74ffeb,#353fd0f2),radial-gradient(circle at 18% 0%,rgba(255,255,255,.2),transparent 55%);box-shadow:inset 0 1px #ffffff57,0 8px 18px #0e104273}.flash-level-main{display:block;text-align:center;font-size:clamp(22px,2.8vw,44px);line-height:1.1;font-weight:900;letter-spacing:.3px;text-shadow:0 3px 8px rgba(10,10,42,.68)}.flash-difficulty-pill{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px 10px;font-size:clamp(11px,1.05vw,14px);line-height:1;z-index:2;white-space:nowrap;text-transform:uppercase}.flash-top-actions{position:relative;width:var(--flash-card-width);margin:8px auto 0;display:flex;justify-content:flex-end;z-index:3}.flash-quit-btn{border-width:3px;border-color:#ffc1aff2;border-radius:14px;padding:5px 18px;font-size:clamp(20px,1.9vw,32px);color:#fff4f4;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.04) 42%,transparent 46%),linear-gradient(180deg,#ff675f,#e03e36 56%,#be2a28);box-shadow:inset 0 1px #ffffff52,0 4px #81201d,0 10px 16px #180a2466}.flash-player-row{border-width:3px;border-color:#b0ccffcc;border-radius:22px;background:linear-gradient(180deg,#565aeee0,#3239c0eb),radial-gradient(circle at 10% 0%,rgba(255,255,255,.2),transparent 58%);box-shadow:inset 0 1px #fff3,0 10px 20px #0e0d3461}.flash-player-avatar{width:clamp(58px,7vw,78px);height:clamp(58px,7vw,78px);border-width:4px}.flash-player-name{font-size:clamp(20px,2.6vw,38px);line-height:1.05;letter-spacing:.2px;text-shadow:0 3px 8px rgba(9,9,40,.66)}.flash-player-role{font-size:clamp(14px,1.6vw,24px);color:#b5cbff;display:flex;align-items:center;gap:6px}.flash-player-role:before{content:"✦";font-size:.8em;color:#82b5ff}.flash-timer-circle{width:clamp(78px,8.6vw,108px);height:clamp(78px,8.6vw,108px);border-width:4px;border-color:#ffd65b;background:radial-gradient(circle at 30% 24%,#384acf,#2333a8 76%);box-shadow:inset 0 1px 10px #fff3,0 0 0 4px #ffd65b2e,0 10px 22px #0a0a2a73}.flash-timer-seconds{font-size:clamp(28px,3.2vw,48px);text-shadow:0 2px 6px rgba(10,10,42,.65)}.flash-timer-mmss{margin-top:-1px;font-size:clamp(14px,1.4vw,22px);text-shadow:0 2px 6px rgba(10,10,42,.55)}.flash-question-pill{width:-moz-fit-content;width:fit-content;margin:0;border-width:3px;border-color:#b3c9ffe0;border-radius:999px;padding:6px 13px;font-size:clamp(18px,2vw,28px);gap:10px;background:linear-gradient(180deg,#6063f2f2,#373fc4f5),radial-gradient(circle at 18% 0%,rgba(255,255,255,.2),transparent 58%)}.flash-question-row{width:var(--flash-card-width);margin:0 auto 2px;display:flex;align-items:center;gap:12px}.flash-question-row:before,.flash-question-row:after{content:"";flex:1;min-width:20px;height:5px;border-radius:999px;background:linear-gradient(180deg,#94adffbf,#586ee1ad);opacity:.82}.flash-badge{border-radius:14px;padding:2px 10px;font-size:clamp(12px,1.25vw,19px);border:3px solid rgba(173,255,194,.95);background:linear-gradient(180deg,#56d87f,#1e9968);color:#eafff1;text-shadow:0 2px 4px rgba(9,20,19,.5)}.flash-language-badge{border-radius:14px;padding:2px 10px;font-size:clamp(12px,1.2vw,18px);border:3px solid rgba(177,214,255,.95);background:linear-gradient(180deg,#73a6ff,#3f66d4);color:#eef5ff;text-shadow:0 2px 4px rgba(10,18,52,.5);text-transform:none}.flash-question-label{display:none}.flash-question-content{width:var(--flash-card-width);margin:2px auto 0;padding:0 8px}.flash-question-text{font-size:clamp(20px,2vw,30px);line-height:1.24;font-weight:900;text-align:center;text-shadow:0 3px 8px rgba(10,10,40,.72)}.flash-actions-card,.flash-empty-card{width:var(--flash-card-width);border-width:3px;border-color:#b3ccffd9;border-radius:22px;background:linear-gradient(180deg,#5659e8e6,#2d31b0eb),radial-gradient(circle at 15% 0%,rgba(255,255,255,.14),transparent 56%);box-shadow:inset 0 1px #ffffff38,0 10px 22px #0c0d366b}.flash-actions-card{padding:12px;gap:10px}.flash-code-editor-wrap{display:grid;grid-template-columns:auto 1fr;min-height:260px;border-radius:16px;border:3px solid rgba(178,206,255,.8);background:linear-gradient(180deg,#242582cc,#18196ed4),repeating-linear-gradient(180deg,#ffffff0b 0 44px,#0000001f 44px 88px);box-shadow:inset 0 1px 10px #08082859;overflow:hidden}.flash-code-lines{min-width:54px;padding:12px 8px 12px 10px;border-right:2px solid rgba(166,195,255,.36);background:#0e134273;color:#b4caffe0;font-size:clamp(16px,1.6vw,24px);line-height:1.45;font-family:Fira Code,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.flash-code-lines::-webkit-scrollbar{width:0;height:0}.flash-code-line-number{height:1.45em;white-space:nowrap}.flash-code-editor{width:100%;height:100%;min-height:260px;border-radius:0;border:0;background:transparent;color:#eef3ff;font-size:clamp(16px,1.6vw,24px);line-height:1.45;padding:12px 13px;box-shadow:none;resize:none;outline:none;font-family:Fira Code,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.flash-submit-btn{width:min(100%,260px);margin:8px auto 2px;padding:6px 10px;font-size:clamp(20px,1.8vw,30px);border-radius:14px;color:#f5ffef;border:3px solid rgba(196,255,168,.95);background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.04) 42%,transparent 46%),linear-gradient(180deg,#9de860,#58c53b 58%,#389d2a);box-shadow:inset 0 1px #ffffff4d,0 4px #256f1f,0 10px 18px #0a1c1459;text-shadow:0 2px 5px rgba(12,31,8,.45)}.flash-run-btn{width:min(100%,260px);margin:4px auto 0;padding:6px 10px;font-size:clamp(18px,1.7vw,28px);font-weight:900;border-radius:14px;cursor:pointer;color:#eff5ff;border:3px solid rgba(188,215,255,.95);background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.03) 42%,transparent 46%),linear-gradient(180deg,#72a5ff,#3d6fe0 58%,#2d55b2);box-shadow:inset 0 1px #ffffff4d,0 4px #243f88,0 10px 18px #09122c59;text-shadow:0 2px 5px rgba(10,16,45,.5);transition:transform .12s ease,filter .12s ease,opacity .12s ease}.flash-run-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.flash-run-btn:disabled{opacity:.45;cursor:not-allowed}.flash-run-status{margin:4px auto 0;width:min(100%,660px);border-radius:12px;border:2px solid rgba(255,196,177,.9);background:linear-gradient(180deg,#ff8970db,#d44e37e6);color:#fff3ef;text-align:left;font-weight:800;font-size:clamp(12px,1.2vw,16px);padding:8px 10px;text-shadow:0 2px 4px rgba(53,14,8,.42)}.flash-run-status-title{font-size:clamp(12px,1.15vw,15px);font-weight:900;margin-bottom:3px}.flash-run-status-pre{margin:0;white-space:pre-wrap;word-break:break-word;overflow-x:auto;font-family:Fira Code,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(11px,1.05vw,13px);line-height:1.35}.flash-run-results{width:min(100%,760px);margin:4px auto 0;border-radius:14px;border:2px solid rgba(171,205,255,.86);background:linear-gradient(180deg,#394dc7a6,#213295b8);box-shadow:inset 0 1px #fff3,0 8px 16px #0a0f3059;padding:8px}.flash-run-console{border-radius:10px;border:2px solid rgba(178,211,255,.82);background:#0c144899;padding:7px 8px;margin-bottom:6px}.flash-run-console.is-error{border-color:#ffc1ade0;background:#5f1f1659}.flash-run-console-title{color:#eaf2ff;font-size:clamp(12px,1.1vw,15px);font-weight:900;margin-bottom:4px}.flash-run-console-pre{margin:0;padding:6px 8px;border-radius:8px;border:1px solid rgba(166,197,255,.5);background:#060c2dad;color:#f5f9ff;white-space:pre-wrap;word-break:break-word;overflow:auto;max-height:170px;font-family:Fira Code,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(11px,1.02vw,13px);line-height:1.35}.flash-run-console-pre.is-error{border-color:#ffb09ea6;background:#611f1680;color:#fff2ee;margin-top:6px}.flash-run-summary{color:#eaf2ff;font-size:clamp(13px,1.25vw,17px);font-weight:900;text-align:center;margin-bottom:6px}.flash-run-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow:auto;padding-right:2px}.flash-run-item{border-radius:10px;border:2px solid rgba(180,205,255,.78);background:#151e5c80;padding:6px 8px;color:#ebf2ff}.flash-run-item.is-pass{border-color:#a2efaee6}.flash-run-item.is-fail{border-color:#ffc2adeb}.flash-run-item-head{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:clamp(12px,1.15vw,15px)}.flash-run-item-desc{font-size:clamp(11px,1.05vw,14px);color:#c8d8ff;margin-top:1px;margin-bottom:3px}.flash-run-item-line{font-size:clamp(11px,1.05vw,14px);line-height:1.25}.flash-run-item-line span{color:#b8cdfa;font-weight:800}.flash-run-item-line code{color:#f7fbff}.flash-submit-hint{display:block}.flash-nav-row{margin-top:6px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.flash-nav-btn{border-radius:12px;border:3px solid rgba(157,189,255,.9);background:linear-gradient(180deg,#707cf6fa,#3443cafa),radial-gradient(circle at 20% 0%,rgba(255,255,255,.17),transparent 55%);color:#eef5ff;font-size:clamp(16px,1.25vw,21px);padding:8px 9px;box-shadow:inset 0 1px #ffffff3d,0 6px 12px #0b0c2d59}.flash-nav-btn.has-check{padding-right:31px}.flash-nav-btn-check{right:9px;width:17px;height:17px;font-size:11px}.flash-nav-btn.is-active{color:#f0f8ff;border-color:#b8d2fffa;background:linear-gradient(180deg,#818cfc,#3c4fdb),radial-gradient(circle at 22% 0%,rgba(255,255,255,.2),transparent 55%);box-shadow:inset 0 1px #ffffff42,0 0 0 3px #91a7ff38,0 8px 14px #0c0e3266}.flash-nav-btn.is-submitted{border-color:#b4ec9afa}@media(max-width:900px){.flash-game-shell{--flash-card-width: 100%;padding:12px 10px 14px;gap:10px}.flash-level-header:before{display:none}.flash-level-pill{width:min(100%,500px);padding:8px 96px;border-width:3px}.flash-level-main{font-size:clamp(22px,5.2vw,32px)}.flash-difficulty-pill{right:8px;padding:4px 9px;font-size:clamp(10px,3vw,13px)}.flash-player-avatar{width:58px;height:58px}.flash-player-name{font-size:clamp(18px,4.2vw,26px)}.flash-player-role{font-size:clamp(13px,3.4vw,18px)}.flash-timer-circle{width:80px;height:80px}.flash-timer-seconds{font-size:28px}.flash-timer-mmss{font-size:14px}.flash-question-pill{font-size:clamp(15px,4vw,22px);padding:6px 12px}.flash-question-row{gap:8px}.flash-question-row:before,.flash-question-row:after{height:4px;min-width:12px}.flash-badge{font-size:clamp(12px,3.7vw,17px);border-width:2px;padding:2px 9px}.flash-language-badge{font-size:clamp(12px,3.5vw,16px);border-width:2px;padding:2px 9px}.flash-question-text{font-size:clamp(16px,4.2vw,22px)}.flash-code-editor-wrap{min-height:180px}.flash-code-lines{min-width:42px;font-size:15px;line-height:1.4;padding:10px 6px 10px 8px}.flash-code-editor{min-height:180px;font-size:15px;line-height:1.4;padding:10px 12px}.flash-submit-btn{width:min(100%,240px);font-size:clamp(18px,4.8vw,24px);padding:6px 9px;border-width:2px}.flash-run-btn{width:min(100%,240px);font-size:clamp(16px,4.4vw,22px);padding:6px 9px;border-width:2px}.flash-run-results{padding:6px}.flash-run-list{max-height:150px}.flash-nav-row{grid-template-columns:1fr}.flash-nav-btn{font-size:clamp(13px,3.8vw,18px);border-width:2px}.flash-top-actions{width:100%;margin-top:6px}.flash-settings-corner-btn{top:12px;left:12px;width:30px;height:30px}.flash-settings-corner-btn:hover{transform:translateY(-2px) scale(1.03)}.flash-settings-corner-btn:active{transform:translateY(2px) scale(.98)}.flash-settings-corner-btn svg{width:13px;height:13px}.flash-quit-btn{font-size:clamp(15px,4.2vw,22px);padding:5px 12px;border-width:2px}}.flash-feedback-box{margin:10px auto;padding:12px 16px;border-radius:10px;text-align:center;font-weight:700;animation:slideUp .3s ease-out;max-width:100%}.flash-feedback-box.is-correct{background:linear-gradient(135deg,#4caf5026,#388e3c26);border:2px solid rgba(76,175,80,.6);color:#2e7d32}.flash-feedback-box.is-wrong{background:linear-gradient(135deg,#f4433626,#d32f2f26);border:2px solid rgba(244,67,54,.6);color:#c62828}.flash-feedback-status{font-size:clamp(16px,2.2vw,22px);line-height:1.3;margin-bottom:4px}.flash-feedback-score{font-size:clamp(14px,1.9vw,18px);opacity:.9}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-card{display:flex;flex-direction:column;gap:16px;justify-content:flex-start}.settings-section{text-align:center}.settings-title{margin:0;color:#f3f7ff;font-size:clamp(28px,3vw,42px);font-weight:900;text-shadow:0 2px 6px rgba(8,16,60,.8)}.settings-subtitle{margin:8px auto 0;max-width:650px;color:#dce8ff;font-size:clamp(16px,1.6vw,24px);font-weight:700;text-shadow:0 2px 5px rgba(8,16,60,.65)}.settings-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-mode-btn{min-height:98px;border:2px solid rgba(214,228,255,.8);border-radius:16px;color:#f6f9ff;cursor:pointer;padding:12px 14px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;text-shadow:0 2px 5px rgba(10,18,72,.85);box-shadow:inset 0 1px #ffffff4d,0 6px 12px #05082166;transition:transform .15s ease,filter .15s ease}.settings-mode-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.settings-mode-btn:active{transform:translateY(1px)}.settings-mode-btn.opt-blue{background:linear-gradient(180deg,#689aff,#3d6ed9 54%,#2a4ea6)}.settings-mode-btn.opt-yellow{background:linear-gradient(180deg,#ffd861,#f2b928 54%,#ba860a)}.settings-mode-btn.opt-purple{background:linear-gradient(180deg,#9b8cff,#6d53d8 54%,#4a35a8)}.settings-mode-btn.sel{border-color:#f1f8fffa;outline:3px solid rgba(167,210,255,.85);outline-offset:2px;box-shadow:inset 0 2px #ffffff61,0 0 0 2px #4980ff61,0 8px 16px #08103a80}.settings-mode-label{font-size:clamp(24px,2.4vw,34px);font-weight:900;line-height:1.05}.settings-mode-subtitle{font-size:clamp(14px,1.25vw,18px);font-weight:700;opacity:.94}.settings-mode-icon{width:46px;height:46px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:26px;line-height:1;flex:0 0 auto;background:linear-gradient(180deg,#ffffff54,#b6cfff33);border:2px solid rgba(232,242,255,.86);box-shadow:inset 0 1px #ffffff61,0 3px 8px #08103a59}.settings-mode-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:0}.settings-preview{border:2px solid rgba(175,198,255,.84);border-radius:14px;min-height:58px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#708aff52,#405ad261);box-shadow:inset 0 1px #ffffff40,0 4px 9px #080f3952}.settings-preview-label{color:#dbe9ff;font-size:clamp(18px,1.7vw,24px);font-weight:700}.settings-preview-value{color:#fff3a0;font-size:clamp(24px,2.2vw,30px);font-weight:900;text-shadow:0 2px 4px rgba(39,27,8,.8)}.settings-actions{margin-top:4px}.settings-sound-block{border:2px solid rgba(177,201,255,.86);border-radius:16px;padding:12px;background:linear-gradient(180deg,#667ef64d,#3c54c65c);box-shadow:inset 0 1px #ffffff3d,0 5px 10px #080f3952}.settings-sound-head{text-align:center;margin-bottom:10px}.settings-sound-head .settings-title{font-size:clamp(22px,2.4vw,34px)}.settings-sound-head .settings-subtitle{font-size:clamp(14px,1.4vw,18px)}.settings-sound-toggle{display:flex;gap:10px}.settings-toggle-btn{flex:1;height:48px;border-radius:12px;border:2px solid rgba(208,223,255,.86);color:#f3f8ff;background:linear-gradient(180deg,#6a98ff,#436fd3 54%,#2f4fa7);font-size:clamp(18px,1.7vw,24px);font-weight:900;cursor:pointer;text-shadow:0 2px 4px rgba(13,21,73,.72);box-shadow:inset 0 1px #ffffff47,0 4px 8px #060c2c59}.settings-toggle-btn.danger{background:linear-gradient(180deg,#ff7e8a,#de4f63 54%,#aa3040)}.settings-toggle-btn.sel{border-color:#f6fbfffa;outline:3px solid rgba(167,210,255,.68);outline-offset:1px}.settings-toggle-label{display:inline-flex;align-items:center;justify-content:center;gap:8px}.settings-toggle-icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.settings-language-option{display:inline-flex;align-items:center;justify-content:center;gap:8px}.settings-language-flag{display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.settings-sliders{margin-top:12px;display:flex;flex-direction:column;gap:8px}.settings-sliders.is-muted{opacity:.74}.settings-slider-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr auto;align-items:center;gap:12px;min-height:44px;padding:8px 10px;border-radius:12px;border:2px solid rgba(180,204,255,.82);background:linear-gradient(180deg,#6983f65c,#4259c96b)}.settings-slider-row span{color:#edf4ff;font-size:clamp(14px,1.4vw,19px);font-weight:800;text-shadow:0 2px 4px rgba(10,18,63,.64)}.settings-slider-row strong{color:#ffef9f;font-size:clamp(16px,1.5vw,20px);font-weight:900;min-width:58px;text-align:right;text-shadow:0 2px 4px rgba(31,22,7,.7)}.settings-slider-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;border:1px solid rgba(174,204,255,.85);background:linear-gradient(90deg,#5475ffd9,#84b4fff2);outline:none}.settings-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;border:2px solid rgba(225,242,255,.95);background:linear-gradient(180deg,#ffe480,#f3bc38 54%,#ca8713);box-shadow:0 2px 6px #0a0a1e66;cursor:pointer}.settings-slider-row input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:2px solid rgba(225,242,255,.95);background:linear-gradient(180deg,#ffe480,#f3bc38 54%,#ca8713);box-shadow:0 2px 6px #0a0a1e66;cursor:pointer}@media(max-width:900px){.settings-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-mode-btn{min-height:98px;gap:10px}.settings-mode-icon{width:40px;height:40px;font-size:22px}.settings-slider-row{grid-template-columns:minmax(98px,140px) 1fr auto;gap:8px;padding:7px 8px}}@media(max-width:740px){.settings-card{justify-content:flex-start}.settings-mode-grid{grid-template-columns:1fr}.settings-mode-btn{min-height:92px;padding:10px 12px;gap:10px}.settings-mode-icon{width:36px;height:36px;font-size:20px}.settings-mode-text{gap:4px}.settings-preview{flex-direction:column;gap:4px}.settings-sound-toggle{flex-direction:column}.settings-toggle-btn{height:42px}.settings-slider-row{grid-template-columns:1fr;gap:6px}.settings-slider-row strong{text-align:left}}:root{--bgPrimary: #3d3a7f;--bgSecondary: #2a1f5f;--bgTertiary: #1a0f4f;--panelPrimary: rgba(61, 58, 127, .95);--panelSecondary: rgba(42, 31, 95, .92);--panelDark: rgba(26, 15, 79, .88);--panelLight: rgba(100, 90, 180, .1);--borderPrimary: rgba(120, 200, 255, .6);--borderSecondary: rgba(255, 255, 255, .15);--glowEffect: rgba(150, 200, 255, .4);--textPrimary: #f0f4ff;--textSecondary: #c0d0ff;--textMuted: #8a98c4;--accentGreen: #50fa7b;--accentGreenDark: #1db821;--accentBlue: #6dd0ff;--accentBlueDark: #2f7fe2;--accentPurple: #a78bfa;--accentGold: #ffc107;--accentRed: #ff6b6b;--shadowHeavy: rgba(0, 0, 0, .5);--shadowLight: rgba(0, 0, 0, .2);--shadowInset: inset 0 2px 10px rgba(0, 0, 0, .3);--sceneBrightness: 1;--sceneSaturation: 1;--sceneContrast: 1;--sceneHueShift: 0deg}:root[data-theme-mode=light]{--sceneBrightness: 1.08;--sceneSaturation: 1.08;--sceneContrast: 1.04;--sceneHueShift: 0deg}:root[data-theme-mode=night]{--sceneBrightness: .78;--sceneSaturation: .88;--sceneContrast: 1.02;--sceneHueShift: -7deg}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;color:var(--textPrimary);font-family:Segoe UI,Helvetica Neue,sans-serif;background:url(/assets/background-D8kGZYcS.png) center / cover no-repeat fixed;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:none}.home-background,.cfg-bg,.lobby-bg{filter:brightness(var(--sceneBrightness)) saturate(var(--sceneSaturation)) contrast(var(--sceneContrast)) hue-rotate(var(--sceneHueShift));transition:filter .35s ease}:root[data-theme-mode=night] .home-frame,:root[data-theme-mode=night] .cfg-frame,:root[data-theme-mode=night] .lobby-frame{box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000073,0 16px 34px #0305148c}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;width:100%}.app-version-badge{position:fixed;left:50%;top:calc(50% + clamp(210px,40vh,380px) + 18px);transform:translate(-50%);color:#fff;font-family:Trebuchet MS,Verdana,sans-serif;font-size:clamp(15px,1.25vw,21px);font-weight:900;letter-spacing:.8px;text-shadow:0 2px 6px rgba(12,10,45,.85),0 0 10px rgba(140,180,255,.42);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1500}@media(max-width:768px){.app-version-badge{top:auto;bottom:max(6px,env(safe-area-inset-bottom));font-size:13px;letter-spacing:.5px;opacity:.92}}.window{width:min(95vw,1000px);border-radius:28px;padding:24px;position:relative;background:linear-gradient(135deg,var(--panelPrimary) 0%,var(--panelSecondary) 100%);border:2px solid var(--borderPrimary);box-shadow:0 20px 60px var(--shadowHeavy),0 0 40px var(--glowEffect),inset 0 1px #ffffff1a;overflow:hidden}.window:before{content:"";position:absolute;inset:-2px;background:radial-gradient(500px 180px at 50% 0%,rgba(255,255,255,.12),transparent 60%);pointer-events:none;border-radius:28px}.window-header{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 20px 16px;margin-bottom:12px}.window-title{font-size:36px;font-weight:900;letter-spacing:.5px;text-shadow:0 4px 8px var(--shadowHeavy);text-align:center}.window-close{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:12px;border:1px solid var(--borderSecondary);background:#ffffff14;color:var(--textPrimary);font-size:24px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 8px 16px var(--shadowLight)}.window-close:hover{background:#ffffff1f;transform:scale(1.05)}.window-close:active{transform:scale(.95) translateY(2px)}.grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--panelLight);border:1.5px solid var(--borderPrimary);border-radius:20px;padding:16px;box-shadow:inset 0 1px #ffffff14,0 6px 12px var(--shadowLight);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--borderSecondary)}.panel-title{font-size:24px;font-weight:900;text-shadow:0 2px 4px var(--shadowHeavy)}.btn{border:none;border-radius:16px;padding:14px 20px;font-weight:900;font-size:15px;cursor:pointer;transition:all .15s ease;box-shadow:0 8px 16px var(--shadowLight);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.btn:active{transform:translateY(2px);box-shadow:0 3px 6px var(--shadowLight)}.btn:hover{filter:brightness(1.08)}.btn-primary{background:linear-gradient(180deg,var(--accentGreen) 0%,var(--accentGreenDark) 100%);color:#0a2a0f;text-shadow:0 1px 2px rgba(255,255,255,.3)}.btn-secondary{background:linear-gradient(180deg,var(--accentBlue) 0%,var(--accentBlueDark) 100%);color:#05203a;text-shadow:0 1px 2px rgba(255,255,255,.3)}.btn-ghost{background:#ffffff14;border:1.5px solid var(--borderPrimary);color:var(--textPrimary);box-shadow:0 6px 12px var(--shadowLight)}.btn-ghost:hover{background:#ffffff1f}.btn-danger{background:linear-gradient(180deg,var(--accentRed) 0%,#cc3333 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-large{padding:16px 24px;font-size:16px}.input{width:100%;padding:12px 14px;border-radius:14px;border:1.5px solid var(--borderPrimary);background:#ffffff14;color:var(--textPrimary);font-weight:500;outline:none;transition:all .2s ease;font-size:15px}.input::-moz-placeholder{color:var(--textMuted)}.input::placeholder{color:var(--textMuted)}.input:focus{border-color:var(--accentBlue);background:#ffffff1f;box-shadow:0 0 0 4px #6dd0ff26}.select{width:100%;padding:12px 14px;border-radius:14px;border:1.5px solid var(--borderPrimary);background:#ffffff14;color:var(--textPrimary);font-weight:500;outline:none;transition:all .2s ease;font-size:15px}.select:focus{border-color:var(--accentBlue);background:#ffffff1f;box-shadow:0 0 0 4px #6dd0ff26}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.form-group label{font-weight:700;font-size:14px;color:var(--textSecondary)}.player{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1.5px solid var(--borderSecondary);background:#ffffff0f;transition:all .2s ease}.player:hover{background:#ffffff1a;border-color:var(--borderPrimary)}.player-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ffe7a8,#f8b64f,#ca6a2c);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px var(--shadowLight);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900}.avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;display:block}.avatar.avatar-1{background:linear-gradient(135deg,#ffd68a,#ffb84d)}.avatar.avatar-2{background:linear-gradient(135deg,#8b5f47,#6b4423)}.avatar.avatar-3{background:linear-gradient(135deg,#c9a876,#a0825f)}.player-info{display:flex;flex-direction:column;gap:2px;min-width:0}.player-name{font-weight:900;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-role{font-size:12px;color:var(--textMuted);font-weight:600}.badge{padding:8px 12px;border-radius:12px;font-weight:900;font-size:12px;border:1px solid var(--borderSecondary);background:#ffffff14;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.badge.ready{border-color:#50fa7bb3;background:#50fa7b26;color:#50fa7b;text-shadow:0 2px 4px rgba(0,0,0,.3)}.badge.waiting{border-color:#ffd23fb3;background:#ffd23f26;color:#ffc107}.badge.host{border-color:#a78bfab3;background:#a78bfa26;color:var(--accentPurple)}.scoreboard{display:flex;flex-direction:column;gap:12px}.score-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;background:#ffffff14;border:1px solid var(--borderSecondary);transition:all .2s ease}.score-row:hover{background:#ffffff1f}.score-rank{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accentGold) 0%,#ff9800 100%);color:#3a2500;font-weight:900;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.score-rank.rank-2{background:linear-gradient(135deg,silver,gray);color:#fff}.score-rank.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}.score-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.score-name{font-weight:900;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-value{font-weight:900;font-size:20px;color:var(--accentGold);text-shadow:0 2px 4px var(--shadowHeavy);white-space:nowrap}.score-level-card{overflow:visible;margin:0 8px 10px;padding:8px 8px 12px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.score-level-shell{position:relative;width:100%;min-height:100%;height:100%;display:flex;flex-direction:column;border-radius:0;padding:6px;border:0;background:transparent;box-shadow:none;overflow:visible}.score-level-shell:before{content:none;position:absolute;inset:0;opacity:.22;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.8) .9px,transparent 1px);background-size:12px 12px;pointer-events:none}.score-level-header{position:relative;z-index:1;margin-top:10px;margin-bottom:12px}.score-level-title-rail{position:absolute;left:3%;right:3%;top:50%;height:8px;border-radius:999px;transform:translateY(-50%);background:linear-gradient(90deg,#7b93ffcc,#a9beffb3,#7b93ffcc);box-shadow:0 1px #ffffff4d,0 3px 8px #090c2f59}.score-level-title-wrap{position:relative;display:flex;align-items:center;justify-content:center;border-radius:22px;min-height:88px;padding:10px 20px;margin:0 auto;width:min(96%,860px);border:3px solid rgba(176,194,255,.88);background:linear-gradient(180deg,#8870ff73,#4d3cccb3),linear-gradient(90deg,#493ab0cc,#5f50d3c7);box-shadow:inset 0 2px #fff3,0 8px 15px #08062166}.score-level-cup-wrap{position:absolute;left:-54px;top:50%;width:164px;height:164px;transform:translateY(-56%) rotate(-11deg);z-index:3;pointer-events:none}.score-level-cup-wrap:before{content:"";position:absolute;left:20%;right:12%;bottom:16px;height:28px;border-radius:999px;background:radial-gradient(circle,#00000080,#0000 72%);transform:rotate(9deg);filter:blur(1.5px)}.score-level-cup{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 18px 16px rgba(0,0,0,.4)) drop-shadow(0 4px 6px rgba(255,214,99,.45))}.score-level-cup-sparkle{position:absolute;width:14px;height:14px;background:radial-gradient(circle,#fff7b0,#ffe066 56%,#ffe06600);transform:rotate(45deg);box-shadow:0 0 10px #ffe677f2}.score-level-cup-sparkle.sparkle-a{left:6px;top:24px}.score-level-cup-sparkle.sparkle-b{left:22px;top:52px;width:11px;height:11px}.score-level-cup-sparkle.sparkle-c{left:112px;top:34px;width:10px;height:10px}.score-level-title{font-size:clamp(28px,3.6vw,48px);font-weight:900;line-height:1;color:#ffd267;width:100%;text-align:center;text-shadow:0 2px 0 rgba(54,33,9,.95),0 4px 10px rgba(0,0,0,.45)}.score-level-board{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;border-radius:26px;border:3px solid rgba(204,217,255,.9);padding:12px 11px 11px;background:linear-gradient(180deg,#4439b66b,#352c95a8),linear-gradient(90deg,#3f35a594,#3b318c94);box-shadow:inset 0 2px #fff3,inset 0 -2px #100c3773,0 14px 26px #0907246b}.score-level-list{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:10px;margin-top:0}.score-level-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:18px;min-height:84px;padding:8px 12px;border:3px solid rgba(156,184,255,.84);background:linear-gradient(180deg,#7c97ff47,#4456ba59),linear-gradient(90deg,#5968db7a,#4552be57);box-shadow:inset 0 1px #fff3,0 6px 12px #0b092461}.score-level-row.row-1{border-color:#ffe472f2;background:linear-gradient(180deg,#ceaf4a61,#785c2c70),linear-gradient(90deg,#785e3099,#6a4e9d70)}.score-level-row.row-3{border-color:#ebb073f0;background:linear-gradient(180deg,#fcbc8270,#a85f307a),linear-gradient(90deg,#98542b8f,#6471c85c)}.score-level-row.is-me,.score-level-row.row-1.is-me{border-color:#66ff88fa;box-shadow:inset 0 0 0 1px #ddffc980,0 0 0 2px #66ff884d,0 8px 16px #0e341861}.score-level-left{display:flex;align-items:center;gap:10px;min-width:0}.score-level-rank{width:40px;text-align:center;font-size:48px;font-weight:900;line-height:1;color:#eef4ff;text-shadow:0 2px 5px rgba(6,9,37,.85);flex-shrink:0}.score-level-rank.rank-1{color:#ffe48c;text-shadow:0 2px 0 rgba(95,66,8,.95),0 3px 6px rgba(0,0,0,.4)}.score-level-avatar{width:64px;height:64px;border-radius:50%;border:3px solid rgba(206,220,255,.96);background:linear-gradient(135deg,#788dff99,#344dbdd9);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:900;color:#f2f6ff;flex-shrink:0}.score-level-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.score-level-player{min-width:0;display:flex;flex-direction:column;gap:8px}.score-level-name{font-size:clamp(22px,2.9vw,42px);font-weight:900;color:#ffe277;line-height:1;text-shadow:0 2px 0 rgba(66,46,8,.9),0 4px 10px rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-level-row:not(.row-1) .score-level-name{color:#f5f7ff;text-shadow:0 2px 0 rgba(28,32,90,.95),0 4px 10px rgba(0,0,0,.4)}.score-level-host{margin-left:10px;font-size:16px;font-weight:800;color:#ffef96;text-shadow:0 2px 6px rgba(0,0,0,.45)}.score-level-questions{display:flex;flex-wrap:wrap;gap:6px}.score-level-qchip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;border:1px solid rgba(188,208,255,.82);background:#222f838f;box-shadow:inset 0 1px #ffffff2e;text-shadow:0 1px 2px rgba(8,11,42,.75)}.score-level-qchip.status-ACCEPTED{border-color:#8aff7de6;background:#1c742a70}.score-level-qchip.status-WRONG,.score-level-qchip.status-COMPILE_ERROR,.score-level-qchip.status-NO_SUBMISSION{border-color:#ff9c94e6;background:#7b2a2d66}.score-level-qchip-label{font-size:clamp(10px,1vw,13px);font-weight:900;color:#d8e7ff;letter-spacing:.03em}.score-level-qchip-value{font-size:clamp(11px,1.08vw,14px);font-weight:900;color:#fff7cb}.score-level-total{display:flex;flex-direction:column;align-items:flex-end;text-align:right;white-space:nowrap}.score-level-total strong{font-size:clamp(30px,3.6vw,52px);font-weight:900;line-height:1;color:#fff7cb;text-shadow:0 2px 0 rgba(62,45,12,.85),0 4px 10px rgba(0,0,0,.45)}.score-level-total strong span{font-size:.6em;margin-left:4px}.score-level-footer{position:relative;z-index:1;margin-top:12px;margin-bottom:2px;width:min(96%,860px);align-self:center;border-radius:16px;padding:11px 14px;border:2px solid rgba(194,209,255,.88);background:linear-gradient(180deg,#6f60f18a,#463ab5ad),linear-gradient(90deg,#5145cea6,#4337afa6);box-shadow:inset 0 1px #ffffff3d,0 6px 12px #09072457;text-align:center;font-size:clamp(15px,1.5vw,22px);font-weight:800;color:#eff4ff;text-shadow:0 2px 5px rgba(8,9,35,.55)}.score-level-footer span{color:#8aff7d}@media(max-width:900px){.score-level-card{padding:6px 6px 10px}.score-level-title-wrap{min-height:74px;padding:10px 14px}.score-level-cup-wrap{width:108px;height:108px;left:-20px}.score-level-row{min-height:70px}.score-level-rank{width:26px;font-size:30px}.score-level-avatar{width:50px;height:50px}.score-level-footer{padding:10px 12px;font-size:15px}}@media(max-width:640px){.score-level-card{margin:0 2px 6px;padding:2px 2px 6px}.score-level-shell{padding:2px}.score-level-header{margin-top:4px;margin-bottom:8px}.score-level-title-rail{left:2%;right:2%;height:4px}.score-level-title-wrap{width:100%;min-height:64px;padding:8px 12px 8px 54px;border-width:2px;border-radius:16px}.score-level-cup-wrap{width:74px;height:74px;left:-10px;transform:translateY(-54%) rotate(-8deg)}.score-level-cup-sparkle{width:8px;height:8px}.score-level-cup-sparkle.sparkle-b,.score-level-cup-sparkle.sparkle-c{display:none}.score-level-title{font-size:clamp(20px,6.8vw,30px);line-height:1.06}.score-level-board{border-width:2px;border-radius:18px;padding:8px 6px}.score-level-list{gap:7px}.score-level-row{min-height:60px;padding:6px 8px;gap:8px;border-width:2px;border-radius:14px}.score-level-left{gap:7px}.score-level-rank{width:22px;font-size:30px}.score-level-avatar{width:42px;height:42px;border-width:2px}.score-level-player{gap:5px}.score-level-name{font-size:clamp(16px,5vw,23px)}.score-level-host{margin-left:6px;font-size:11px}.score-level-questions{gap:4px}.score-level-qchip{gap:4px;padding:2px 6px}.score-level-qchip-label{font-size:clamp(9px,2.8vw,11px)}.score-level-qchip-value{font-size:clamp(10px,3vw,12px)}.score-level-total strong{font-size:clamp(24px,7vw,34px)}.score-level-footer{width:100%;margin-top:8px;padding:8px 10px;border-width:2px;font-size:clamp(13px,3.8vw,16px)}}.final-score-card{overflow-x:hidden;overflow-y:auto;padding:8px 8px 12px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.final-score-shell{position:relative;z-index:1;min-height:100%;height:auto;border-radius:0;padding:6px 6px 16px;border:0;background:transparent;box-shadow:none}.final-score-shell:before{content:none;position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.9) 1px,transparent 1px);background-size:12px 12px;pointer-events:none}.final-score-header{position:relative;margin-top:6px;margin-bottom:8px;z-index:2}.final-score-header-rail{position:absolute;left:3%;right:3%;top:50%;height:8px;border-radius:999px;transform:translateY(-50%);background:linear-gradient(90deg,#879dffcc,#c2d0ffcc,#879dffcc)}.final-score-header-pill{position:relative;width:min(92%,560px);margin:0 auto;min-height:56px;border-radius:999px;border:3px solid rgba(183,198,255,.9);display:flex;align-items:center;justify-content:center;font-size:clamp(20px,2.9vw,32px);font-weight:900;color:#e8efff;text-shadow:0 2px 0 rgba(27,35,108,.9),0 4px 10px rgba(0,0,0,.4);background:linear-gradient(180deg,#796cff75,#4d3fceb3),linear-gradient(90deg,#4a3fb3b8,#5247c9bd);box-shadow:inset 0 2px #fff3,0 8px 14px #07072459}.final-score-fireworks{position:absolute;inset:76px 4% auto;height:182px;pointer-events:none;z-index:1;overflow:hidden}.final-score-fireworks:before,.final-score-fireworks:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.75) 1px,transparent 2px);background-size:14px 14px;opacity:.28;filter:drop-shadow(0 0 14px rgba(189,154,255,.68));animation:finalSparkDrift 5.2s ease-in-out infinite}.final-score-fireworks:before{left:2%;top:0}.final-score-fireworks:after{right:1%;top:10px;animation-delay:1.6s}.final-firework{position:absolute;width:112px;height:112px;border-radius:50%;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#fffffff5 0 3px,#fff0a8d9 4px,#fff0a800 18px),repeating-conic-gradient(from 0deg,#ffffffe0 0deg 6deg,#fff0 6deg 18deg);filter:drop-shadow(0 0 10px rgba(255,210,120,.5));animation:finalFireworkBurst 3.8s ease-out infinite}.final-firework:before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,#ffffffd6 0,#fff0 68%)}.final-firework.burst-a{left:7%;top:28px;animation-delay:0s}.final-firework.burst-b{left:31%;top:10px;animation-delay:.9s;filter:hue-rotate(34deg) drop-shadow(0 0 12px rgba(255,168,92,.48))}.final-firework.burst-c{right:30%;top:18px;animation-delay:1.65s;filter:hue-rotate(210deg) drop-shadow(0 0 12px rgba(133,214,255,.45))}.final-firework.burst-d{right:5%;top:30px;animation-delay:2.35s;filter:hue-rotate(295deg) drop-shadow(0 0 12px rgba(235,164,255,.45))}.final-score-podium{position:relative;z-index:2;margin-top:16px}.final-score-podium-top{display:grid;gap:8px;align-items:end;margin-bottom:6px}.final-score-podium-top.final-count-3{grid-template-columns:1fr 1fr 1fr}.final-score-podium-top.final-count-2{grid-template-columns:1fr 1fr;width:min(82%,680px);margin:0 auto 6px}.final-score-podium-top.final-count-1{grid-template-columns:1fr;width:min(38%,280px);margin:0 auto 6px}.final-score-podium-slot{text-align:center;min-height:102px}.final-score-podium-slot.place-1{transform:translateY(-2px)}.final-score-podium-slot.place-1 .final-score-podium-avatar{width:88px;height:88px;border-width:5px;box-shadow:0 10px 18px #0908266b,0 0 0 2px #ffe17459}.final-score-podium-slot.place-1 .final-score-podium-name{font-size:clamp(16px,1.9vw,24px)}.final-score-podium-avatar{width:74px;height:74px;border-radius:50%;border:4px solid rgba(198,214,255,.95);background:linear-gradient(135deg,#6f88ffa3,#364ebadb);overflow:hidden;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;color:#e6eeff;font-weight:900;font-size:22px;box-shadow:0 8px 16px #09082659}.final-score-podium-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.final-score-podium-name{font-size:clamp(14px,1.6vw,20px);font-weight:900;color:#f2f5ff;line-height:1.1;text-shadow:0 2px 0 rgba(27,31,95,.9),0 4px 8px rgba(0,0,0,.4)}.final-score-podium-points{margin-top:2px;font-size:clamp(24px,2.6vw,34px);font-weight:900;color:#ffd86e;text-shadow:0 2px 0 rgba(74,54,10,.9),0 4px 8px rgba(0,0,0,.4)}.final-score-podium-base{display:grid;gap:8px;align-items:end;margin-bottom:8px}.final-score-podium-base.final-count-3{grid-template-columns:1fr 1fr 1fr}.final-score-podium-base.final-count-2{grid-template-columns:1fr 1fr;width:min(82%,680px);margin:0 auto 8px}.final-score-podium-base.final-count-1{grid-template-columns:1fr;width:min(38%,280px);margin:0 auto 8px}.podium-col{position:relative;border-radius:12px 12px 0 0;border:3px solid rgba(196,211,255,.9);display:flex;align-items:center;justify-content:center;font-size:clamp(32px,2.9vw,44px);font-weight:900;color:#f2f6fff2;text-shadow:0 2px 6px rgba(0,0,0,.4);box-shadow:inset 0 2px #fff3}.podium-medal{position:absolute;right:12px;top:8px;width:32px;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.42));pointer-events:none;z-index:1;transform:rotate(-4deg)}.podium-col.place-1 .podium-medal{width:36px;right:12px;top:9px}.podium-col.place-2 .podium-medal{width:32px;right:12px;top:8px}.podium-col.place-3 .podium-medal{width:28px;right:12px;top:7px}.podium-col.place-1{height:118px;background:linear-gradient(180deg,#ffde5fa8,#cd9124d9),linear-gradient(90deg,#b07a19ad,#dcab3ca6)}.podium-col.place-2{height:94px;background:linear-gradient(180deg,#b9c7eda8,#7992c4d9),linear-gradient(90deg,#6378abad,#91a9dba6)}.podium-col.place-3{height:74px;background:linear-gradient(180deg,#f7b87ea8,#ab6231db),linear-gradient(90deg,#925128ad,#cd8451a8)}.podium-place{position:absolute;left:14px;top:8px}.podium-score{position:absolute;right:12px;top:8px;font-size:.62em;color:#ffef9f;text-shadow:0 2px 0 rgba(68,48,9,.85),0 3px 8px rgba(0,0,0,.35)}.final-score-board{position:relative;z-index:2;border-radius:18px;border:3px solid rgba(188,206,255,.92);padding:8px;background:linear-gradient(180deg,#4a40b880,#352c91ad),linear-gradient(90deg,#4035a8a6,#4338b0a8);box-shadow:inset 0 2px #ffffff2e,0 12px 18px #0707234d}.final-score-empty{min-height:52px;border-radius:12px;border:2px dashed rgba(186,203,255,.72);display:flex;align-items:center;justify-content:center;font-size:clamp(16px,2vw,24px);font-weight:800;color:#dce5ff}.final-score-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;border-radius:12px;border:2px solid rgba(181,202,255,.86);padding:5px 9px;margin-bottom:6px;box-shadow:inset 0 1px #fff3,0 4px 8px #09072247}.final-score-row:last-child{margin-bottom:0}.final-score-row.rank-1{border-color:#ffe260f2;background:linear-gradient(180deg,#f5bf4394,#ae801dcc),linear-gradient(90deg,#a47616a8,#e0b13f9e)}.final-score-row.rank-2{border-color:#e1e9fff0;background:linear-gradient(180deg,#e4ecff94,#8799c4d6),linear-gradient(90deg,#798cbca8,#bfcff49e)}.final-score-row.rank-3{border-color:#ebb073f0;background:linear-gradient(180deg,#fcbc828f,#a85f30d1),linear-gradient(90deg,#98542ba8,#d68a549e)}.final-score-row.rank-4{border-color:#b5caffdb;background:#5e72db2e}.final-score-row.is-me{border-color:#66ff88fa;box-shadow:inset 0 0 0 1px #ddffc980,0 0 0 2px #66ff884d,0 6px 12px #0e341859}.final-score-row-left{display:flex;align-items:center;gap:10px;min-width:0}.final-score-row-rank{width:36px;text-align:center;font-size:clamp(26px,2.4vw,36px);font-weight:900;line-height:1;color:#f2f5ff;text-shadow:0 2px 6px rgba(0,0,0,.4)}.final-score-row-name{font-size:clamp(18px,1.8vw,24px);font-weight:900;color:#f8fbff;line-height:1.1;text-shadow:0 2px 0 rgba(24,29,88,.9),0 4px 8px rgba(0,0,0,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.final-score-host{margin-left:8px;font-size:.62em;color:#ffef96;text-shadow:0 2px 6px rgba(0,0,0,.45)}.final-score-row-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(198,213,255,.95);background:linear-gradient(135deg,#6c83ffa3,#3950bcdb);overflow:hidden;display:flex;align-items:center;justify-content:center;color:#eef4ff;font-weight:900;font-size:18px;box-shadow:0 4px 8px #0707224d;flex-shrink:0}.final-score-row-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.final-score-row-points{font-size:clamp(24px,2.2vw,32px);font-weight:900;color:#fef9d7;text-shadow:0 2px 0 rgba(64,48,10,.85),0 4px 8px rgba(0,0,0,.35);white-space:nowrap}.final-score-actions{position:relative;z-index:2;display:flex;justify-content:center;margin-top:12px}.final-score-home-btn{min-width:280px;height:50px;border:3px solid rgba(177,255,168,.92);border-radius:20px;cursor:pointer;color:#f4ffec;font-size:clamp(20px,2vw,26px);font-weight:900;text-shadow:0 2px 0 rgba(25,80,20,.84),0 4px 8px rgba(8,40,12,.45);background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.34),transparent 36%),linear-gradient(180deg,#97ee76,#4fbf44 52%,#2f8f2d);box-shadow:inset 0 1px #ffffff57,0 10px 14px #0a2a0a57}.final-score-home-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.final-score-home-btn:active{transform:translateY(1px)}@media(max-width:900px){.final-score-card{padding:4px 4px 8px}.final-score-header-pill{min-height:52px;font-size:clamp(20px,4vw,30px)}.final-score-fireworks{inset:68px 2% auto;height:118px}.final-score-fireworks:before,.final-score-fireworks:after{width:122px;height:122px;background-size:10px 10px}.final-firework{width:78px;height:78px}.final-firework.burst-a{left:2%;top:18px}.final-firework.burst-b{left:27%;top:8px}.final-firework.burst-c{right:26%;top:12px}.final-firework.burst-d{right:1%;top:20px}.final-score-podium-avatar{width:54px;height:54px;border-width:3px;margin-bottom:6px;font-size:22px}.final-score-podium-slot.place-1 .final-score-podium-avatar{width:64px;height:64px;border-width:4px}.final-score-podium-slot.place-1 .final-score-podium-name{font-size:clamp(12px,2.2vw,16px)}.final-score-podium-name{font-size:clamp(11px,2vw,14px)}.final-score-podium-points{font-size:clamp(14px,2.2vw,20px)}.podium-col.place-1{height:80px}.podium-col.place-2{height:66px}.podium-col.place-3{height:56px}.podium-medal{width:23px;right:8px;top:6px}.podium-col.place-1 .podium-medal{width:26px;right:8px;top:6px}.podium-col.place-2 .podium-medal{width:23px;right:8px;top:6px}.podium-col.place-3 .podium-medal{width:20px;right:8px;top:5px}.final-score-row{min-height:40px;padding:4px 7px}.final-score-row-rank{width:24px;font-size:21px}.final-score-row-avatar{width:32px;height:32px;font-size:14px}.final-score-row-name{font-size:clamp(13px,2.4vw,18px)}.final-score-row-points{font-size:clamp(16px,2.5vw,21px)}.final-score-home-btn{min-width:210px;height:44px;font-size:clamp(15px,2.8vw,20px)}}@media(max-width:640px){.final-score-card{padding:2px 2px 6px}.final-score-shell{padding:2px 2px 10px}.final-score-header-pill{min-height:44px;font-size:clamp(18px,5.6vw,24px)}.final-score-fireworks{display:block;inset:62px 2% auto;height:98px}.final-score-fireworks:before,.final-score-fireworks:after{width:96px;height:96px;background-size:8px 8px}.final-firework{width:62px;height:62px}.final-firework.burst-a{left:2%;top:16px}.final-firework.burst-b{left:27%;top:8px}.final-firework.burst-c{right:26%;top:10px}.final-firework.burst-d{right:2%;top:18px}.final-score-podium{margin-top:8px}.final-score-podium-top{gap:6px;margin-bottom:4px}.final-score-podium-slot{min-height:74px}.final-score-podium-avatar{width:46px;height:46px;border-width:2px;margin-bottom:4px;font-size:16px}.final-score-podium-slot.place-1 .final-score-podium-avatar{width:54px;height:54px;border-width:3px}.final-score-podium-name{font-size:clamp(11px,3.2vw,14px)}.final-score-podium-slot.place-1 .final-score-podium-name{font-size:clamp(12px,3.8vw,16px)}.podium-col.place-1{height:64px}.podium-col.place-2{height:52px}.podium-col.place-3{height:44px}.podium-medal{width:18px;right:7px;top:5px}.podium-col.place-1 .podium-medal{width:20px;right:7px;top:5px}.podium-col.place-2 .podium-medal{width:18px;right:7px;top:5px}.podium-col.place-3 .podium-medal{width:16px;right:7px;top:4px}.podium-place{left:8px;top:5px;font-size:.75em}.final-score-board{border-width:2px;border-radius:14px;padding:6px}.final-score-row{min-height:36px;padding:4px 6px;margin-bottom:4px;border-width:1.5px;border-radius:10px;gap:6px}.final-score-row-left{gap:6px}.final-score-row-rank{width:18px;font-size:17px}.final-score-row-avatar{width:26px;height:26px;font-size:12px}.final-score-row-name{font-size:clamp(12px,4vw,15px)}.final-score-host{margin-left:4px}.final-score-row-points{font-size:clamp(13px,4vw,18px)}.final-score-actions{margin-top:8px}.final-score-home-btn{min-width:0;width:100%;height:40px;border-width:2px;font-size:clamp(14px,4.5vw,18px)}}.alert{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1.5px solid rgba(255,210,63,.65);background:#ffd23f24;color:#fff7d7;font-weight:700;margin-bottom:12px}.alert-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffc107,#ff9800);color:#3a2500;font-size:20px;font-weight:900;flex-shrink:0}@keyframes finalFireworkBurst{0%{opacity:0;transform:translateY(16px) scale(.18) rotate(0)}14%{opacity:.95}42%{opacity:.88;transform:translateY(0) scale(.96) rotate(6deg)}75%{opacity:.26}to{opacity:0;transform:translateY(-12px) scale(1.24) rotate(12deg)}}@keyframes finalSparkDrift{0%,to{transform:translateY(0) scale(.96);opacity:.2}50%{transform:translateY(-6px) scale(1.02);opacity:.35}}.timer{font-size:28px;font-weight:900;text-shadow:0 3px 6px var(--shadowHeavy);letter-spacing:2px}.timer.warning{color:var(--accentRed);animation:pulse .8s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.code-editor{width:100%;min-height:300px;padding:12px;border-radius:16px;border:1.5px solid var(--borderPrimary);background:#0000004d;color:var(--accentGreen);font-family:Courier New,monospace;font-size:14px;line-height:1.6;outline:none;resize:vertical;transition:all .2s ease}.code-editor:focus{border-color:var(--accentBlue);box-shadow:0 0 0 4px #6dd0ff26}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-center{text-align:center}.text-muted{color:var(--textMuted)}.text-success{color:var(--accentGreen)}.text-error{color:var(--accentRed)}.gap-10{gap:10px}.gap-15{gap:15px}.game-start-overlay{position:fixed;inset:0;z-index:1200;pointer-events:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#b3ceff38,#545fff1a 35%,#080622bf);animation:gameStartFadeIn .22s ease-out}.game-start-content{width:min(92vw,680px);border-radius:26px;border:2px solid rgba(190,218,255,.86);background:linear-gradient(180deg,#5971ffe6,#3b4bd2eb);box-shadow:0 16px 34px #080a2699,0 0 40px #7cb0ff73,inset 0 1px #ffffff3d;text-align:center;padding:26px 20px;animation:gameStartPop .5s cubic-bezier(.18,.83,.24,1.15)}.game-start-title-row{display:inline-flex;align-items:baseline;justify-content:center;gap:8px}.game-start-title-text{font-weight:900;letter-spacing:.8px;font-size:clamp(30px,4.6vw,52px);color:#f8fbff;text-shadow:0 4px 10px rgba(6,8,28,.66)}.game-start-title-bang{font-weight:900;font-size:clamp(34px,5vw,58px);color:#fff6b1;text-shadow:0 4px 10px rgba(6,8,28,.66),0 0 18px rgba(255,243,171,.55)}.game-start-level{margin-top:8px;font-weight:900;font-size:clamp(22px,3.2vw,36px);color:#ecf5ff;text-shadow:0 3px 8px rgba(6,8,28,.62)}.game-start-subtitle{margin-top:6px;font-size:clamp(14px,2.1vw,22px);color:#eaf4fff2;font-weight:700}@keyframes gameStartFadeIn{0%{opacity:0}to{opacity:1}}@keyframes gameStartPop{0%{transform:scale(.92) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.p-10{padding:10px}.p-15{padding:15px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.min-h-screen{min-height:100vh}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}html,body,#root{width:100%;height:100%;margin:0;padding:0}:root{--bgTop:#4a3f9e;--bgMid:#2a1f7f;--bgBottom:#1a0f5f;--panelA: rgba(74, 63, 158, .95);--panelB: rgba(42, 31, 127, .95);--panelDark: rgba(26, 15, 95, .92);--stroke: rgba(120, 200, 255, .6);--stroke2: rgba(255, 255, 255, .15);--glow: rgba(150, 200, 255, .4);--text: #f0f4ff;--muted: #c0d0ff;--green1: #50fa7b;--green2: #1db821;--blue1: #6dd0ff;--blue2: #2f7fe2;--blue3: #5a8dd8;--purple1: #a78bfa;--purple2: #7c3aed;--warn1: #ffd23f;--warn2: #ffb300;--red1: #ff6b6b;--red2: #cc3333;--gold1: #ffc107;--gold2: #ff9800;--shadow: rgba(0, 0, 0, .5);--shadowLight: rgba(0, 0, 0, .2)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background-color:var(--bgMid);background-image:radial-gradient(1200px 600px at 50% 0%,#78beff73,#78beff00 60%),radial-gradient(1000px 800px at 50% 30%,#7850ff2e,#7850ff00 65%),radial-gradient(circle at 50% 10%,var(--bgTop) 0%,var(--bgMid) 45%,var(--bgBottom) 100%);background-repeat:no-repeat,no-repeat,no-repeat;background-position:50% 0%,50% 30%,50% 10%;background-size:auto,auto,auto;background-attachment:fixed,fixed,fixed}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.window{width:min(1000px,100%);border-radius:22px;padding:18px;position:relative;background:linear-gradient(180deg,var(--panelA),var(--panelB));border:2px solid var(--stroke);box-shadow:0 18px 40px var(--shadow),0 0 0 6px #ffffff0d,0 0 26px var(--glow);overflow:hidden}.window:before{content:"";position:absolute;inset:-2px;background:radial-gradient(500px 180px at 50% 0%,rgba(255,255,255,.12),transparent 60%),radial-gradient(700px 260px at 20% 25%,rgba(120,220,255,.12),transparent 60%),radial-gradient(700px 260px at 80% 25%,rgba(120,220,255,.1),transparent 60%);pointer-events:none}.window-header{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 10px 14px}.window-title{font-size:34px;font-weight:900;letter-spacing:.4px;text-shadow:0 3px 0 rgba(0,0,0,.22)}.window-close{position:absolute;right:8px;top:8px;width:38px;height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:var(--text);font-weight:900;cursor:pointer;box-shadow:0 6px #00000038}.window-close:active{transform:translateY(1px)}.grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:860px){.grid{grid-template-columns:1fr}.window-title{font-size:28px}}.panel{background:#ffffff0f;border:1px solid rgba(175,225,255,.38);box-shadow:inset 0 0 0 2px #ffffff0a;border-radius:18px;padding:14px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-title{font-size:22px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.2)}.pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:#ffffff14;border:1px solid rgba(175,225,255,.4);font-weight:900}.pill-code{font-size:22px;letter-spacing:3px}.muted{color:var(--muted)}.kv{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}.kv-row{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:14px;border:1px solid rgba(175,225,255,.24);background:#0000001a}.kv-row b{color:var(--muted)}.btn{border:none;border-radius:16px;padding:12px 18px;font-weight:900;cursor:pointer;transition:filter .12s ease,transform .06s ease;box-shadow:0 7px #0000003d}.btn:active{transform:translateY(1px)}.btn:hover{filter:brightness(1.06)}.btn-green{background:linear-gradient(180deg,var(--green1),var(--green2));color:#07210f;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn-blue{background:linear-gradient(180deg,var(--blue1),var(--blue2));color:#05203a;text-shadow:0 1px 0 rgba(255,255,255,.32)}.btn-ghost{background:#ffffff1a;border:1px solid rgba(175,225,255,.34);color:var(--text);text-shadow:none}.btn-wide{width:100%}.choices{display:flex;gap:10px;flex-wrap:wrap}.choice{border:1px solid rgba(175,225,255,.34);background:#ffffff14;color:var(--text);border-radius:14px;padding:10px 14px;font-weight:900;cursor:pointer;box-shadow:0 6px #0000002e}.choice.active{border-color:#86ff4fcc;background:#86ff4f24;box-shadow:0 6px #0000002e,0 0 0 4px #86ff4f1f}.input{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(175,225,255,.4);background:#ffffff14;color:var(--text);outline:none}.input:focus{border-color:#afe1ffbf;box-shadow:0 0 0 4px #afe1ff1f}.select{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(175,225,255,.4);background:#ffffff14;color:var(--text);outline:none}.players{display:flex;flex-direction:column;gap:10px}.player{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid rgba(175,225,255,.26);background:#ffffff0f}.player-left{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:46px;height:46px;border-radius:16px;background:radial-gradient(circle at 30% 25%,#ffe7a8,#f8b64f 42%,#ca6a2c);border:2px solid rgba(255,255,255,.18);box-shadow:0 0 0 3px #00000024;flex:0 0 auto}.player-name{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{padding:8px 12px;border-radius:14px;font-weight:900;border:1px solid rgba(175,225,255,.3);background:#ffffff1a}.badge.ready{border-color:#86ff4fb3;background:#86ff4f24}.badge.wait{border-color:#ffd23fb3;background:#ffd23f1f;color:#fff7d7}.alert{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,210,63,.65);background:#ffd23f24;color:#fff7d7;font-weight:900}.alert-icon{width:34px;height:34px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--warn1),var(--warn2));color:#3a2500;box-shadow:0 6px #0003}.footer{margin-top:14px;display:flex;gap:12px}@media(max-width:640px){.footer{flex-direction:column}}