body{background-color:#f7f8f7}a{text-decoration:none;color:#0e0e42;transition:.2s}a:hover{color:#8b0000}ul{list-style-type:none}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}canvas{border:1px solid red}.color-box{width:150px;height:150px;border:1px solid black}.container24{max-width:400px;margin:40px auto;padding:20px;text-align:center;background:#222;border-radius:12px;color:#fff}.box24{margin:12px 0;padding:10px;border-radius:10px;cursor:grab;background:#333;transition:transform .2s}.box24:active{cursor:grabbing;transform:scale(1.05)}.image24{width:100%;height:120px;border-radius:8px}.game-container30{text-align:center;margin-top:10px;color:#fff;background:#1a1a1a;min-height:100vh;padding:5px;font-family:Poppins,sans-serif}.categories30 button{margin:10px;padding:10px 20px;font-size:1rem;cursor:pointer;border-radius:5px;border:none;background:#4caf50;color:#fff}.grid30{display:grid;grid-template-columns:repeat(4,95px);row-gap:0px;column-gap:10px;justify-content:center;margin-top:5px}.card30{width:95px;height:75px;perspective:800px;cursor:pointer}.inner30{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card30.flipped30 .inner30{transform:rotateY(180deg)}.front30,.back30{position:absolute;width:100%;height:100%;border-radius:10px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#333;color:#fff}.back30{transform:rotateY(180deg)}.card30.matched30 .back30{background:#1a6f7a}.reset-btn30{margin-top:20px;padding:10px 20px;font-size:1rem;cursor:pointer;border-radius:5px;border:none;background:#2196f3;color:#fff}.win-message30{margin-top:20px;font-size:1.5rem;color:#254e27}.body-container{margin:0;display:flex;justify-content:center;align-items:center}.zoom-grid-container{display:grid;grid-template-columns:repeat(4,120px);gap:15px;background:#2b2b2b;padding:30px;align-items:center;border-radius:20px;box-shadow:0 10px 30px #0006;position:relative;overflow:hidden;justify-content:center}.zoom-item{color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;height:120px;border-radius:10px;cursor:pointer;transition:transform .3s ease}.zoom-item:hover{transform:scale(1.05)}.zoom-overlay{position:absolute;border-radius:10px;z-index:10;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .5s ease-in-out;font-size:80px;font-weight:700;box-shadow:0 10px 30px #00000080}.zoom-number{animation:fadeIn .4s ease forwards}.zoom-overlay:not(.zoom-out){animation:zoomIn .5s ease forwards}.zoom-out{animation:zoomOut .5s ease forwards}@keyframes zoomIn{0%{transform:scale(1);opacity:1}to{top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes zoomOut{0%{top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.container{width:400px;height:400px;background:#1e293b;margin:40px auto;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 0 15px #0006;color:#fff}.editor{display:flex;width:100%;height:100%}.listing{width:80px;background:#0f172a;display:flex;flex-direction:column;gap:10px;padding:10px;overflow-y:auto}.listing-item{flex:none;height:50px;border-radius:8px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;position:relative;cursor:pointer;transition:transform .2s ease}.listing-item:hover{transform:scale(1.05)}.listing-item.active{outline:3px solid #052d5e}.listing-item.add{background:#45970e}.delete{position:absolute;top:2px;right:2px;opacity:.8;cursor:pointer}.slide{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;padding:10px}.slide input{width:80%;height:70%;font-size:20px;text-align:center;border:none;outline:none;background:transparent;color:#fff;font-weight:600}.bottom-bar{width:100%;display:flex;justify-content:space-between;align-items:center}.colors{display:flex;gap:5px}.color{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid white}.actions,.animations{display:flex;gap:5px}.play,.animation-btn{background:#05366d;border:none;color:#fff;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:12px}.play:hover,.animation-btn:hover{background:#04536b}.slideshow{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;overflow:hidden}.fade{animation:fadeSlide .5s forwards}.up{animation:upSlide .5s forwards}.down{animation:downSlide .5s forwards}.blur{animation:blurSlide .5s forwards}.rotate{animation:rotateSlide .5s forwards}@keyframes fadeSlide{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes upSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes downSlide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes blurSlide{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes rotateSlide{0%{transform:rotate(-180deg);opacity:0}to{transform:rotate(0);opacity:1}}.slideshow h1{font-size:48px;font-weight:700;text-align:center}.exit,.prev,.next{position:absolute;top:20px;background:#fff3;color:#fff;padding:6px 12px;border:none;border-radius:8px;cursor:pointer}.exit:hover,.prev:hover,.next:hover{background:#fff6}.prev{left:20px}.next{right:20px}.puzzle-container{background:#384e83;min-height:87vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:sans-serif}.puzzle-container h2{color:#fff;margin-bottom:10px}.puzzle-grid{position:relative;border:5px solid #fff;border-radius:10px;overflow:hidden}.puzzle-tile{position:absolute;border:1px solid #333;transition:all .2s ease;cursor:pointer}.puzzle-grid img{width:100%;height:100%;object-fit:cover}.puzzle-button{margin-top:20px;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer;background-color:#2563eb;color:#fff}.puzzle-container p{color:#ccc;margin-top:10px}.snake-container{text-align:center;color:#fff;background:#000225;height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.grid{display:grid;gap:2px;width:400px;height:300px;background:#043863}.cell{background:#3d454d;border-radius:2px}.cell.snake{background:#811f27}.cell.head{background:#a77f24}.slider-container{position:relative;width:700px;height:450px;margin:60px auto;overflow:hidden;background:#111;border-radius:12px;box-shadow:0 0 20px #000a}.items{position:relative;width:100%;height:100%;cursor:grab;-webkit-user-select:none;user-select:none}.item{width:180px;height:230px;background-color:#fff3;color:#fff8;position:absolute;pointer-events:none;transition-property:left,opacity,transform;transition-duration:.3s;top:110px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff2;color:#fff;border:none;font-size:2rem;width:45px;height:45px;border-radius:50%;cursor:pointer;z-index:20;transition:.3s}.nav-btn:hover{background:#fff5}.left{left:15px}.right{right:15px}.player38{width:520px;margin:40px auto;padding:20px;background:#0f172a;color:#f9fafb;border-radius:15px;text-align:center;box-shadow:0 0 20px #00000080;font-family:Poppins,sans-serif}audio{width:100%;margin-bottom:20px}.lyrics-container38{height:320px;overflow-y:auto;text-align:center;font-size:1.1rem;line-height:1.8;scrollbar-width:thin;scrollbar-color:#22c5af #1e293b}.subtitle-line38{padding:6px;cursor:pointer;color:#9ca3af;transition:all .3s ease}.subtitle-line38.active38{color:#22c5af;font-weight:700;font-size:1.2rem;text-shadow:0 0 10px #22c5af;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%{text-shadow:0 0 8px #22c5af,0 0 16px #16a3a3}50%{text-shadow:0 0 20px #22c5af,0 0 40px #16a3a3}to{text-shadow:0 0 8px #22c5af,0 0 16px #16a3a3}}.keyboard-container{text-align:center}.title{margin-bottom:20px;letter-spacing:1px}.keyboard-textarea{width:80%;padding:10px;border-radius:8px;border:none;font-size:16px;margin-bottom:20px;resize:none}.keyboard{display:inline-block;background-color:#1e3a4c;border-radius:10px;padding:15px;box-shadow:inset 0 0 10px #00000080}.keyboard-row{display:flex;justify-content:center;margin:5px 0}.key{background-color:#2b2b2b;color:#ddd;font-weight:700;text-align:center;border-radius:6px;margin:3px;padding:10px 0;box-shadow:0 3px #111;transition:all .1s ease;-webkit-user-select:none;user-select:none}.key.active{background-color:#007acc;color:#fff;box-shadow:0 1px #004c80 inset;transform:translateY(2px)}.key:hover{background-color:#444;cursor:pointer}.key:active{transform:translateY(2px);background-color:#007acc}.key[style*="400px"]{border-radius:6px}.keyboard-row:last-child{margin-bottom:0}.wj-container{height:550px;display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;background-color:#0b191f}.wj-grid{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:10px 12px;background-color:#0b191f;height:500px}.row{display:flex;justify-content:center}.wjcell{width:45px;height:45px;border:2px solid rgb(12,118,150);display:flex;align-items:center;justify-content:center;font-weight:700;color:#65a4b8;background-color:#13455c;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:5px;font-size:22px}.wjcell.selected{background-color:#82c535;border-color:#457e05}.wjcell.found{background-color:#032e4b;color:#f5faf9;border-color:#1a5268}.word-list{text-align:center;font-size:20px;min-width:100px;color:#284f5f}.word-item{margin:5px 0;font-weight:600}.found-word{color:#0aaaaf;text-decoration:line-through}.shuffle-btn{margin-top:15px;padding:8px 14px;background-color:#022547;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:.3s}.shuffle-btn:hover{background-color:#0d66a1}.game-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:0}.score{font-size:24px;font-weight:700;margin-bottom:15px;color:#0a0a0a}.container{width:400px;height:450px;background:url(./background-C_d3vGRD.jpg);border-radius:16px;box-shadow:0 0 25px #0006;position:relative;overflow:hidden;cursor:pointer}.target-base{position:absolute;width:200px;height:200px;top:100px;left:100px;transition:transform .03s linear}.target{position:absolute;width:100px;height:100px;background:linear-gradient(to right,#ffd000,#0f8);border-radius:50%;top:50px;left:50px}.knife{position:absolute;width:200px;height:200px;background-repeat:no-repeat;background-position:center bottom;background-size:25px auto}.knife-stuck{top:0;left:0}.knife-flying{position:absolute;left:100px;width:200px;height:200px;background-repeat:no-repeat;background-position:center bottom;background-size:25px auto}.knife-bottom{position:absolute;bottom:10px;left:50%;width:25px;height:100px;background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(-50%)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-weight:700;border-radius:16px}.overlay button{margin-top:15px;padding:8px 16px;border:none;border-radius:8px;background:#0baf75;color:#fff;font-weight:700;cursor:pointer}.drum-clock{display:flex;justify-content:center;align-items:center;margin-top:200px;gap:10px;font-family:Courier New,monospace}.digit-wrapper{position:relative}.separator{font-size:3rem;color:#0f0f0f;padding:0 4px}.drum-digit{position:relative;width:70px;height:90px;perspective:400px}.digit{width:100%;height:100%;background:radial-gradient(circle,#2f2f30,#00051a);border-radius:12px;box-shadow:0 6px 12px #0006;font-size:3rem;font-weight:700;color:#f8f7f7;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;position:absolute;top:0;left:0;transition:transform .6s ease-in-out}.drum-digit.flip .old{transform:rotateX(-90deg)}.drum-digit.flip .new{transform:rotateX(0)}.digit.new{transform:rotateX(90deg)}.outer-wrapper{width:800px;height:500px;margin:40px auto auto;position:relative;overflow:hidden;border:3px solid #0a2d6b;border-radius:20px;background:#fff}.step-container{width:100%;height:100%;position:relative}.step-item{width:100%;height:100%;position:absolute;top:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;opacity:0;transform:translate(120px);filter:blur(12px);transition:all .7s ease-in-out}.step-item.active{opacity:1;transform:translate(0);filter:blur(0)}.step-item.reverse{flex-direction:row-reverse}.img-box{width:48%}.step-image{width:100%;height:85%;object-fit:cover;border-radius:15px}.text-box{width:40%;color:#0a2d6b}.text-box h2{font-size:32px;margin-bottom:10px}.text-box p{font-size:18px;line-height:1.4}.controls{position:absolute;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px}.controls button{padding:8px 20px;background:#0a2d6b;color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:15px}.dots{position:absolute;left:20px;bottom:20px;display:flex;flex-direction:column;gap:10px}.dot{width:12px;height:12px;background:#777;border-radius:50%;transition:.3s}.active-dot{background:#0a2d6b;transform:scale(1.4)}.page{min-height:85vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#12214a,#070f2e);font-family:system-ui,sans-serif}.panel-wrapper{position:relative}.panel{background:linear-gradient(180deg,#4b5c7a,#2f3d58);padding:44px 46px;border-radius:22px;display:grid;grid-template-columns:repeat(4,68px);gap:28px 26px;box-shadow:inset 0 0 40px #ffffff14}.tube{position:relative;width:58px;height:170px;border:3px solid #0b0b0b;border-top:none;border-radius:0 0 26px 26px;display:flex;flex-direction:column-reverse;overflow:hidden;cursor:pointer;background:#ffffff0d}.tube:before{content:"";position:absolute;top:-22px;left:26px;width:4px;height:22px;background:#0b0b0b}.tube.active{box-shadow:0 0 16px #38bdf8}.tube.pouring{transform:rotate(-15deg);transition:transform .3s ease}.water{width:100%;height:25%;transition:all .3s ease}.water:first-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.done-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffd9;font-size:13px;font-weight:700;letter-spacing:.8px;pointer-events:none}.overlay-ui{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:20}.overlay-ui.right{right:-140px}.overlay-ui button{padding:10px 22px;border-radius:22px;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;cursor:pointer;box-shadow:0 10px 30px #00000040;transition:.2s}.overlay-ui button:hover{transform:translate(4px);background:#38bdf8}.overlay-ui button:disabled{opacity:.45;cursor:not-allowed}.win-overlay{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:22px;z-index:30}.win{font-size:26px;font-weight:800;color:#38bdf8;margin-bottom:14px}.win-overlay button{padding:12px 30px;border-radius:26px;border:none;background:#22c55e;font-weight:700;cursor:pointer}.hidato-wrapper{display:flex;flex-direction:column;align-items:center;font-family:Inter,Segoe UI,sans-serif;color:#111}.hidato-wrapper h1{margin-bottom:2px}.hidato-wrapper h3{margin-top:0}.hidato-grid{display:grid;background:linear-gradient(145deg,#020617,#020617);padding:14px;border-radius:20px;box-shadow:0 30px 80px #0009,inset 0 0 0 1px #ffffff0d}.hidato-cell{width:70px;height:70px;background:linear-gradient(145deg,#1e293b,#020617);border-radius:16px;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:center;align-items:center;cursor:pointer;perspective:800px;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.hidato-cell:hover{transform:translateY(-2px);box-shadow:0 10px 30px #2563eb4d}.hidato-cell span{width:46px;height:46px;background:radial-gradient(circle at top,#3b82f6,#1e40af);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;color:#fff;box-shadow:0 12px 25px #00000080,inset 0 2px 6px #ffffff4d;animation:spinDrop .45s cubic-bezier(.22,.61,.36,1);transform-style:preserve-3d}@keyframes spinDrop{0%{transform:translateY(-30px) rotateX(80deg) rotate(120deg);opacity:0}60%{transform:translateY(6px) rotateX(-20deg) rotate(-10deg);opacity:1}to{transform:translateY(0) rotateX(0) rotate(0)}}.fixed{background:linear-gradient(145deg,#b7bfcf,#99999b);cursor:default}.fixed span{background:linear-gradient(145deg,#f4f4f5,#181818);color:#020617}.filled{background:linear-gradient(145deg,#09297c,#6786db)}.wrong{animation:shake .25s linear;background:linear-gradient(145deg,#dc2626,#7f1d1d)!important}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.completed{margin-top:24px;padding:20px 30px;border-radius:16px;background:linear-gradient(145deg,#020617,#020617);box-shadow:0 20px 50px #0009;text-align:center;animation:pop .4s ease;color:#f9fafc;display:flex;align-items:center;gap:12px}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.completed button{margin-top:14px;padding:10px 20px;font-size:16px;font-weight:600;color:#fff;border:none;border-radius:12px;background:linear-gradient(145deg,#2563eb,#1e40af);cursor:pointer;transition:transform .2s,box-shadow .2s}.completed button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #2563eb80}.container_46{display:flex;flex-direction:column;align-items:center;font-family:sans-serif;color:#111}.grid_46{display:grid;grid-template-columns:repeat(4,70px);gap:10px;background:linear-gradient(145deg,#020617,#040b2b);padding:14px;border-radius:20px;box-shadow:0 30px 80px #0009;-webkit-user-select:none;user-select:none}.cell_46{width:70px;height:70px;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#1e293b,#020617);border-radius:16px;border:2px solid rgba(253,252,252,.08);cursor:pointer;perspective:800px;transition:transform .2s ease,box-shadow .2s ease}.cell_46:hover{transform:translateY(-2px);box-shadow:0 10px 30px #7592d14d}.cell_46 span{width:46px;height:46px;background:radial-gradient(circle at top,#3b82f6,#1e40af);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;color:#fff;box-shadow:0 12px 25px #00000080,inset 0 2px 6px #fffefe4d;animation:spinDrop .45s cubic-bezier(.22,.61,.36,1);transform-style:preserve-3d;-webkit-user-select:none;user-select:none}.fixed_46{background:linear-gradient(145deg,#b7bfcf,#99999b);cursor:default}.fixed_46 span{background:linear-gradient(145deg,#f4f4f5,#181818);color:#020617}.correct{background:linear-gradient(145deg,#2a8f51,#095852);color:#fff}.wrong{background:#ff4d4d;color:#fff}.shake{animation:shake .4s}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}.next_btn{margin-top:20px;padding:12px 30px;font-size:16px;border-radius:25px;border:none;background:#2563eb;color:#fff;cursor:pointer}.final_message{margin-top:50px;padding:35px 60px;background:linear-gradient(135deg,#106935,#275e05);color:#fff;font-size:28px;font-weight:700;border-radius:25px;text-align:center;box-shadow:0 20px 45px #00000059;animation:pop .6s ease}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.phone{height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.pattern-box{width:350px;height:450px;border-radius:25px;position:relative;overflow:hidden}.pattern-box:before{content:"";position:absolute;inset:0;background-image:url(https://i.pinimg.com/1200x/b6/17/ab/b617abdbe4bf291ea6917896e14fe229.jpg);background-size:cover;background-position:center;filter:blur(5px);transform:scale(1.1);z-index:0}.pattern-box>*{position:relative;z-index:1}.text{margin-top:18px;color:#0f0f0f;font-size:15px;font-family:system-ui,sans-serif;font-weight:500}.cube-container{width:50%;height:85vh;background:linear-gradient(135deg,#0f1127,#242043,#2c3464);display:flex;justify-content:center;align-items:center;margin:0 auto}.cube-container canvas{cursor:grab;border:none!important}.cube-container canvas:active{cursor:grabbing}