.navbar{position:fixed;top:20px;left:0;width:100%;z-index:1000;display:flex;justify-content:center;transition:transform .7s cubic-bezier(.4,0,.2,1);pointer-events:none}.navbar.hidden{transform:translateY(-150%)}.navbar.visible{transform:translateY(0)}.navbar-container{width:95%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none}.nav-left,.nav-center,.nav-right{display:flex;align-items:center;pointer-events:auto}.nav-right{justify-content:flex-end}.nav-dock{display:flex;align-items:center;gap:0;padding:.4rem;border-radius:50px;background:var(--card-bg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:var(--card-border);transition:var(--card-transition)}.nav-item{position:relative;display:flex;align-items:center;padding:.6rem;margin:0 .2rem;border-radius:24px;text-decoration:none;color:#a0a0a0;font-size:.9rem;font-weight:500;transition:all .5s cubic-bezier(.4,0,.2,1)}.logo-icon{display:none}.nav-icon{width:20px;height:20px;flex-shrink:0;opacity:.85;transition:transform .6s cubic-bezier(.4,0,.2,1)}.nav-item:hover .nav-icon{transform:rotate(360deg)}.nav-item span{max-width:0;opacity:0;margin-left:0;overflow:hidden;white-space:nowrap;transition:all .5s cubic-bezier(.4,0,.2,1)}.nav-item:hover{color:#fff;background:#ffffff1a;padding:.6rem 1.2rem}.nav-item:hover span{max-width:100px;opacity:1;margin-left:8px}.nav-item.active{color:#fff;background:#00ffff24;border:1px solid rgba(0,255,255,.18);box-shadow:0 0 18px #00ffff1f;font-weight:600}.nav-right{display:flex;align-items:center;gap:12px}.nav-control-btn{background:transparent;border:none;color:#dff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:8px;border-radius:50%}.nav-control-btn:hover{color:#00fff2;background:#00fff21a;transform:scale(1.1)}@media(max-width:1024px){.navbar-container{grid-template-columns:auto 1fr}.nav-center{justify-content:flex-end}.nav-right,.contact-btn{display:none}}@media(max-width:768px){.navbar-container{display:flex;flex-direction:column;justify-content:center}.nav-left{gap:10px}.nav-item:hover{color:#fff;padding:.6rem}.nav-item span,.side-icon,.nav-right,.contact-btn{display:none}}.bg-canvas-wrapper{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;overflow:hidden;pointer-events:none}.bg-canvas-wrapper canvas{display:block;width:100%;height:100%}footer{position:absolute;color:#e0e0e0;width:100%;font-size:1rem;z-index:100;transition:var(--card-transition)}.bottom{display:flex;justify-content:center;align-items:center;max-width:1200px;padding:10px;margin:0 auto}.text-wrapper p{margin:0;text-align:center;color:var(--text-color);letter-spacing:.5px}.container{position:relative;z-index:10;max-width:900px;margin:15px auto;padding:20px;display:flex;flex-direction:column;gap:40px}.intro-card,.section{display:flex;flex-direction:column;background:var(--card-bg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:none;max-width:700px;border-radius:var(--card-border-radius);transition:var(--card-transition);padding:20px;gap:15px}.intro-card h2,.section h2{font-size:2rem;text-align:center;color:#fff}.intro-card p{color:var(--text-color);font-size:1.2rem;line-height:2;margin:0;text-align:justify}.intro-text{display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-text h1{margin:0;font-size:4rem;color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.5)}.intro-text p{margin:0;font-size:1rem;color:#777}.header-group{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px}#avatar{width:5rem;height:5rem;border-radius:50%;object-fit:cover;border:none;background:#00ffff0d}.button-group{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.btn-icon{width:20px!important;height:20px!important;flex-shrink:0;filter:invert(1) brightness(2);transition:all .8s ease}.btn:hover .btn-icon{transform:rotate(335deg)}.btn-discord:hover{background-color:#5865f2;background-clip:padding-box}.btn-youtube:hover{background-color:red;background-clip:padding-box}.btn-instagram:hover{background:linear-gradient(135deg,#833ab4,#c13584,#e1306c,#f77737,#fcaf45);background-clip:padding-box}.btn-github:hover{background-color:#30363d;background-clip:padding-box}.glass-card{background:#0009;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:2rem;width:100%;max-width:500px;color:#fff}.code-box{background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center}.copy-btn{background:transparent;color:#0ff;border:none;cursor:pointer;padding:5px;transition:transform .2s}.copy-btn:hover{transform:scale(1.2)}@media(max-width:768px){.container{margin:15px auto}.header-group{text-align:center;flex-direction:row;gap:15px}.header-group h1{font-size:3.5rem}.button-group{grid-template-columns:1fr}}.code-container{position:relative;z-index:10;max-width:800px;width:100%;margin:15px auto;padding:20px;display:flex;flex-direction:column;height:calc(100vh - 180px);box-sizing:border-box}.code-section{background:var(--card-bg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:var(--card-border);border-radius:var(--card-border-radius);transition:var(--card-transition);display:flex;flex-direction:column;gap:20px;min-height:0;width:100%;padding:30px;box-sizing:border-box;overflow:hidden}.code-section h2{color:var(--text-color);font-size:1.8rem;text-align:center}.tab-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:25px;background:transparent;padding:0;width:100%}.tab-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.1);font-size:.95rem;font-weight:700;background:#000;color:#fff;cursor:pointer;transition:all .3s ease;opacity:.5;white-space:nowrap}.tab-btn:hover{opacity:.8}.tab-btn.active{opacity:1;border:2px double rgba(0,255,255,.7);box-shadow:0 0 10px #00ffff4d}.code-block-wrapper{position:relative;overflow:auto;border-radius:8px;background:#1d1f21;flex-grow:1}.code-block-wrapper::-webkit-scrollbar{width:6px;height:6px}.code-block-wrapper::-webkit-scrollbar-track{background:transparent}.code-block-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.copy-btn-sticky-wrapper{position:sticky;top:0;right:0;z-index:100;display:flex;justify-content:flex-end;pointer-events:none}.o-copy-btn{position:absolute;pointer-events:auto;display:flex;background:#0000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px;border-radius:6px;margin:10px;border:none;color:#999;cursor:pointer;transition:all .2s}.o-copy-btn:hover{color:#fff}@media(max-width:768px){.code-section{padding:20px}.code-section h2{font-size:1.4rem}.tab-btn{padding:8px 12px;font-size:.85rem}}.answer-container{position:relative;z-index:10;max-width:600px;margin:15px auto;padding:20px;display:flex;flex-direction:column;height:calc(100vh - 180px);gap:40px}.answer-section{background:var(--card-bg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:none;border-radius:var(--card-border-radius);transition:all .4s ease-in-out;display:flex;flex-direction:column;gap:20px;min-height:0;padding:30px;box-sizing:border-box;overflow:hidden;width:100%}.answer-section h2{font-size:1.8rem;color:#fff;text-align:center}.answer-lang-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;background:transparent;padding:0;width:100%}.btn:hover{opacity:.8}.btn.active{opacity:1;border:1px solid rgba(0,255,255,1)}.answer-pagamo-block{position:relative;overflow:auto;border-radius:8px;background:#1d1f21;color:var(--text-color);flex-grow:1;padding:16px;font-size:1rem;font-family:var(--font-third),monospace;font-weight:500;line-height:1.6;white-space:pre-wrap;word-break:break-word}.answer-pagamo-block::-webkit-scrollbar{width:6px;height:6px}.answer-pagamo-block::-webkit-scrollbar-track{background:transparent}.answer-pagamo-block::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}@media(max-width:768px){.answer-section{padding:20px;width:100%}.answer-container{height:auto;min-height:calc(100vh - 100px)}.answer-section h2{font-size:1.4rem;margin-bottom:15px}}.game-id-layout{display:flex;margin:15px auto;padding:20px;flex-direction:column;position:relative;width:100%;align-items:center}.game-id-main{flex:1;display:flex;justify-content:center;align-items:center;z-index:5;width:100%}.game-id-list{width:100%;max-width:350px;display:flex;flex-direction:column}.game-id-item{border:none;transition:var(--card-transition);display:flex;justify-content:space-between;align-items:center;padding:24px 32px;cursor:pointer}.icon-wrapper{width:42px;height:42px;display:flex;align-items:center;justify-content:center}.icon-wrapper svg{width:100%;height:100%;transition:all .3s ease}.game-id-content-left{display:flex;align-items:center;gap:24px}.text-wrapper{display:flex;flex-direction:column;gap:4px}.user-name{color:#fff;font-weight:700;font-size:1.35rem;line-height:1.2}.platform-name{color:#ffffff80;font-size:.85rem;font-weight:600;letter-spacing:1px;display:flex;align-items:center;gap:8px}.mc-head{width:20px;height:20px;border-radius:4px;image-rendering:pixelated;box-shadow:0 0 5px #00000080}.link-btn{color:#ffffff80;transition:all .3s ease}.game-id-item:hover{color:#fff}.game-copy-btn{background:none;border:none;color:#ffffff80;transition:all .3s ease}.game-copy-btn:hover,.link-btn:hover{opacity:.8;transform:scale(.95)}.platform-divider{display:flex;align-items:center;margin:30px 0 20px;width:100%}.platform-divider:before,.platform-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(0,255,255,.8),transparent);box-shadow:0 0 8px #0ff6}.divider-text{padding:0 15px;color:#0ffc;font-size:.75rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;font-family:JetBrains Mono,monospace}.dead-svg{transform:rotate(10deg) scale(1.3)}@media(max-width:768px){.game-id-layout{display:flex;padding:20px;flex-direction:column}.game-id-list{max-width:100%}}.not-found-container{color:#888;display:table;font-family:sans-serif;height:100vh;text-align:center;width:100%;z-index:100}.not-found-content{display:table-cell;vertical-align:middle;margin:2em auto}.not-found-heading{color:#fff;font-size:2em;font-weight:400;margin-bottom:20px}.not-found-message{margin:0 auto 20px;width:280px}.not-found-home-link{color:#4a90e2;text-decoration:none;font-weight:700;display:block;margin-top:20px;transition:color .3s}.not-found-home-link:hover{color:#357bd8}@media only screen and (max-width:280px){.not-found-message{width:95%}.not-found-heading{font-size:1.5em;margin:0 0 .3em}}.rings-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.ring-fg{stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .5s}.ring-item{display:flex;flex-direction:column;align-items:center}.svg-container{position:relative;display:flex;justify-content:center;align-items:center}.ring-bg{stroke:#ffffff1f;stroke-width:6}.ring-value{position:absolute;font-size:1.3rem;font-weight:800;font-family:var(--font-main),monospace;color:#fff}.ring-label{font-size:.85rem;color:#ffffff80;font-weight:600;letter-spacing:1px}@media(max-width:768px){.svg-container svg{width:85px;height:85px}.ring-value{font-size:1rem}.ring-label{font-size:.7rem}.rings-container{padding:5px 0}}.c-red{stroke:#ff453a}.c-yellow{stroke:#ffd60a}.c-cyan{stroke:#64d2ff}.c-blue{stroke:#0a84ff}.c-grad-royal-purple{stroke:#72f}.c-grad-neon-violet{stroke:#a5f}.c-grad-electric-pink{stroke:#f6c}.c-grad-pastel-rose{stroke:#fbe}.countdown-main-layout{display:flex;flex-direction:column;align-items:center;padding:20px;margin:15px auto;width:100%;box-sizing:border-box}.clock-wrapper{width:100%;max-width:480px;margin-bottom:30px;display:flex;justify-content:center;box-sizing:border-box}.clock-card{background:var(--card-bg);border:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--card-border-radius);width:100%;display:flex;flex-direction:column;gap:16px;text-align:center;position:relative;padding:25px 30px;box-sizing:border-box}.clock-date-text{font-size:1.1rem;font-weight:700;color:#fff;margin:5px 0 0}.clock-display{font-family:var(--font-third),sans-serif;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;margin:5px 0 10px}.clock-time{font-size:3.5rem;letter-spacing:4px;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.4)}.carousel-wrapper{display:flex;align-items:center;justify-content:center;width:100%;max-width:480px;box-sizing:border-box;position:relative}.carousel-viewport{overflow:hidden;width:100%;max-width:480px}.carousel-track{display:flex;transition:transform .4s ease-in-out;width:100%}.carousel-slide{min-width:100%;display:flex;justify-content:center;box-sizing:border-box;padding:0}.nav-btn{background:#fff0;border:none;color:#fff;font-size:2rem;cursor:pointer;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0;z-index:10;position:absolute;top:68%;transform:translateY(-50%)}.nav-btn.prev{left:35px}.nav-btn.next{right:35px}.countdown-card{background:var(--card-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:none;border-radius:var(--card-border-radius);transition:var(--card-transition);width:100%;display:flex;flex-direction:column;gap:20px;text-align:center;position:relative;padding:30px;box-sizing:border-box}.countdown-title{font-size:1.5rem;color:#fff;margin:0;font-family:var(--font-main),sans-serif;letter-spacing:2px}.days-display,.grad-days-display{font-family:var(--font-third),sans-serif;font-weight:600;color:#ffffff8c;display:flex;align-items:baseline;justify-content:center;gap:6px}.days-total,.grad-days-total{font-family:var(--font-third),sans-serif;font-size:1.2rem}.days-left{font-family:var(--font-third),sans-serif;font-size:2.5rem;color:#0ff}.grad-days-left{font-family:var(--font-third),sans-serif;font-size:2.5rem;color:#a5f}.bar-container,.grad-bar-container{width:100%;height:8px;background:#ffffff1f;border-radius:4px;overflow:hidden;margin-top:10px}.bar-fill{background:#00d2ff;border-radius:4px;height:100%}.grad-bar-fill{background:#faf;border-radius:4px;height:100%}.side-tools{position:fixed;right:25px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:15}.time-date{color:#bbb;font-weight:700;letter-spacing:1px}.tool-btn{background:#ffffff1a;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:20px}.tool-btn:hover{transform:scale(1.1);background:#fff3}@media(max-width:768px){.countdown-main-layout{padding:20px}.carousel-wrapper{padding:0}.countdown-card{padding:20px}.bar-container,.grad-bar-container{margin-top:0}.nav-btn{top:71%}.side-tools{display:none}.ring-label{font-size:.8rem}.days-left,.grad-days-left{font-size:2.3rem}.clock-date-text{font-size:1rem}.time-date{font-size:.8rem}.nav-btn{width:36px;height:36px;font-size:1.5rem}.nav-btn.prev{left:15px}.nav-btn.next{right:15px}}.tool-card{background:var(--card-bg, #1a1a1a);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:var(--card-border, 1px solid rgba(255, 255, 255, .1));border-radius:var(--card-border-radius, 12px);transition:var(--card-transition, all .3s ease);padding:30px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;max-width:450px;margin:45px auto;box-shadow:0 10px 30px #00000080}.wheel-main{position:relative;width:100%;max-width:340px;aspect-ratio:1 / 1;margin-bottom:2rem}.wheel{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;transition:transform 4s cubic-bezier(.1,.7,.1,1);will-change:transform;border:2px solid #ffffff;box-shadow:0 0 20px #0000004d}.wheel-segment{position:absolute;top:0;left:50%;width:2px;height:50%;transform-origin:bottom center;display:flex;justify-content:center;align-items:flex-start;pointer-events:none;z-index:5}.wheel-segment span{color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);font-size:1.1rem;padding-top:20px;white-space:nowrap}.wheel-pointer-bottom{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid #ffffff;z-index:10;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.3))}.spin-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;border:2px solid #1a1a1a;background:#fff;color:#000;font-weight:900;cursor:pointer;z-index:11;display:flex;justify-content:center;align-items:center;box-shadow:0 0 15px #00000080;transition:transform .1s}.spin-btn:active{transform:translate(-50%,-50%) scale(.9)}.spin-btn:disabled{cursor:not-allowed;opacity:.8}.winner-display{text-align:center;min-height:3rem;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:1rem}.glow-text{color:#0ff;font-size:1.75rem;font-weight:800;text-shadow:0 0 10px rgba(0,255,255,.5)}.wheel-input-group{display:flex;gap:10px;margin-bottom:20px;width:100%}.wheel-segment span{display:inline-block;transform:rotate(180deg);color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);font-size:1.1rem;padding-bottom:20px;white-space:nowrap}.wheel-input-group input{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 16px;border-radius:10px;outline:none;transition:border-color .2s}.wheel-input-group input:focus{border-color:#5865f2}.items-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;width:100%}.items-list::-webkit-scrollbar{width:4px}.items-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.list-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.25);padding:8px 10px;border-radius:10px;color:#e0e0e0;gap:5px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.95rem}.delete-x{color:#ef4444;cursor:pointer;font-size:1.2rem;transition:opacity .2s}.delete-x:hover{opacity:.7}@media(max-width:480px){.tool-card{max-width:90%;padding:30px 15px}.wheel-main{max-width:280px}}.App{position:relative;min-height:100vh;display:flex;flex-direction:column;width:100%}.page-wrapper{min-height:100vh;display:flex;flex-direction:column;padding-top:80px;padding-bottom:50px;box-sizing:border-box;width:100%}main{flex:1;width:100%}.tool-full-page{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;padding:20px;width:100%;box-sizing:border-box}@font-face{font-family:poppins;src:url(/assets/poppins-CTKNfV9P.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:jett;src:url(/assets/jettt-DYpumPDr.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:ubuntu;src:url(/assets/ubuntu-mono-BfptL12z.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:pinfang;src:url(data:font/ttf;base64,) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-color: #000000;--text-color: #bbbbbb;--accent-color: #00FFFF;--card-bg: rgba(10, 10, 10, .3);--card-border: 1px solid rgba(255, 255, 255, .2);--card-border-radius: 20px;--card-transition: all .4s cubic-bezier(.4, 0, .2, 1);--font-main: "poppins", "pinfang", sans-serif;--font-secondary: "ubuntu", "pinfang", sans-serif;--font-third: "jett", "pinfang", sans-serif;--bg-glass: rgba(0, 0, 0, .2);--border-glass: rgba(255, 255, 255, .1);--accent-blue: #007aff;--text-main: #ffffff;--text-dim: #a0a0a0;--font-mono: "JetBrains Mono", "Ubuntu Mono", monospace;--ios-dark-blue: #5856d6;--ios-deep-blue: #007aff;--ios-blue: #34aadc;--ios-light-blue: #5ac8fa;--ios-green: #34c759;--ios-pink: #ff2d55;--ios-red: #ff3b30;--ios-orange: #ff9500;--ios-yellow: #ffcc00;--ios-grey: #8e8e93;--ios-light-grey: #ceced2;--ios-background: #efeff4}*{box-sizing:border-box;margin:0;padding:0;line-height:1}html,body{width:100%;font-family:var(--font-main),sans-serif;background-color:#000}::-webkit-scrollbar{width:6px;display:none}.card-divider{height:2px;background:#fff3;flex-shrink:0}.btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;background:#0f0f0f00;border:1px solid rgba(255,255,255,.25);color:#fff;transition:.3s cubic-bezier(.4,0,.2,1)}