@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap);*{margin:0;padding:0;font-family:Lexend,sans-serif;transition:background .3s,color .3s;-webkit-tap-highlight-color:transparent;outline:0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) transparent}::selection{background:#0ef;color:#111}::-moz-selection{background:#0ef;color:#111}body{display:flex;flex-direction:column;align-items:center;background:url("globe-1.png") right bottom -10px/450px auto no-repeat #111;color:#fff;min-height:100vh;min-height:100dvh;position:relative;touch-action:manipulation}canvas.matrix{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#111}body.light{background:url("globe-1.png") right bottom -10px/450px auto no-repeat #f9f9f9;color:#111}.main-header-text{font-size:40px;color:#0f2;margin-top:30px;margin-bottom:50px;z-index:10}.game-panel-box{width:90%;height:100px;border-radius:5px;box-shadow:0 5px 19px 1px rgb(0 0 0 / 30%);position:relative;overflow:hidden;padding:10px;cursor:pointer;background:0 0;z-index:10}.game-panel-text{font-size:30px;color:#000;position:absolute;top:10px;left:15px;z-index:10}.game-panel-logo{position:absolute;bottom:-70px;right:-15px;opacity:.3;z-index:5}.floating-btn,.lang-options{right:20px;z-index:1000;display:flex;position:fixed}.game-panel-logo img{height:200px;width:auto;pointer-events:none;user-select:none}.global-panel{background:linear-gradient(to right,#0f8 0,#001a00 100%)}.floating-btn{bottom:50px;width:60px;height:60px;border-radius:50%;background:#0ef;border:none;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.3);align-items:center;justify-content:center;transition:transform .2s,background .3s}.floating-btn:hover{transform:scale(1.1);background:#08c}.floating-btn svg{width:28px;height:28px;stroke:#111}body.light .floating-btn svg{stroke:#fff}.floating-btn.lang-btn{bottom:120px;background:#fb0}.lang-options{bottom:190px;flex-direction:column;gap:10px;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .25s,transform .25s}.lang-options.active{opacity:1;pointer-events:auto;transform:translateY(0)}.lang-option{display:flex;padding:8px 16px;background:#222;color:#fff;border-radius:8px;text-align:center;cursor:pointer;transition:background .2s}.lang-option:hover{background:#0f2}.lang-option.active{background:#0f2;color:#000}.hidden{display:none!important}.key-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);display:none;justify-content:center;align-items:flex-end;z-index:2000;opacity:0;transition:opacity .25s}.key-popup-overlay.open{display:flex;opacity:1}.key-popup-overlay.closing{opacity:0}.key-popup-box{width:100%;max-width:500px;background:#fff;border-radius:16px 16px 0 0;padding:20px;box-shadow:0 -4px 20px rgba(0,0,0,.2);transform:translateY(100%);touch-action:none;z-index:2100}.key-popup-box.slide-in{animation:.3s forwards sheet-slide-in}.key-popup-box.slide-out{animation:.25s forwards sheet-slide-out}@keyframes sheet-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}.key-popup-handle{width:40px;height:4px;background:#ccc;border-radius:2px;margin:0 auto 15px}.key-popup-title{margin-bottom:15px;font-size:20px;color:#111;text-align:center}.key-input-group{position:relative;margin-bottom:20px}.key-input-field{width:100%;border:none;border-bottom:2px solid #ccc;padding:10px 0;font-size:16px;background:0 0;color:#111;outline:0}.key-input-label{position:absolute;left:0;top:10px;color:#777;font-size:16px;pointer-events:none;transition:.2s}.key-input-field:focus~.key-input-label,.key-input-field:not(:placeholder-shown)~.key-input-label{top:-10px;font-size:12px;color:#0ae}.key-popup-buttons{display:flex;justify-content:flex-end;gap:10px}.key-btn-cancel,.key-btn-confirm{padding:8px 16px;border:none;border-radius:8px;font-size:16px;cursor:pointer}.key-btn-cancel{background:#ddd;color:#111}.key-btn-confirm{background:#0ae;color:#fff}.ios-alert-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;justify-content:center;align-items:center;z-index:200000}.ios-alert-box{background:#fff;border-radius:14px;width:80%;max-width:320px;text-align:center;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.3);animation:.25s fadeIn}.ios-alert-message{padding:20px;font-size:16px;color:#111}.ios-alert-buttons{display:flex;border-top:1px solid #ddd}.close-btn,.close-icon,.ios-alert-buttons button{border:none;cursor:pointer}.ios-alert-buttons button{flex:1;padding:12px 0;background:0 0;font-size:16px;color:#007aff}.ios-alert-buttons button:not(:last-child){border-right:1px solid #ddd}@keyframes fadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.close-btn{color:#fff;background:0 0;font-size:2rem;margin:1rem}.--Ar_Data_Ppup{justify-content:flex-end;align-items:flex-start;position:fixed;inset:0;max-width:100svw;max-width:100dvw;width:100%;height:100%;max-height:100svh;max-height:100dvh;background:#000;color:#fff;z-index:10001;display:none;transform:translateY(100%);transition:transform .5s;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:0}.--Ar_Data_Ppup.open{display:flex;transform:translateY(0)}.ar-game-boxes,.box,.close-icon,.timer{display:flex}body.light .--Ar_Data_Ppup{background:#f9f9f9;color:#111}.close-icon-wrap{position:absolute;top:1rem;right:1rem}.close-icon{margin-top:20px;background:#252525;color:#fff;width:4rem;height:2rem;border-radius:20px;align-items:center;justify-content:center;backdrop-filter:blur(8px)}body.light .close-icon{background:rgba(0,0,0,.1);color:#111}.ar-popup-content{padding:5rem 1rem 1rem;text-align:left;width:100%;max-width:100%;box-sizing:border-box}.ar-popup-title{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:600;margin-bottom:.5rem}.ar-popup-period{font-size:clamp(1rem,2.2vw,1.1rem);opacity:.8;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.timer{gap:.25rem}.timer-digit{font-size:clamp(1rem,2.5vw,1.1rem);font-weight:700;padding:.2rem .4rem;border-radius:5px;background:#fff;color:#000}.box.big,.box.small,.mini-box,.switch-btn,.switch-btn.active{color:#fff}body.light .timer-digit{background:#000;color:#fff}.ar-game-boxes{gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.box{flex:1 1 min(320px,100%);border-radius:10px;padding:1rem;min-height:70px;flex-direction:column;box-shadow:0 5px 14px 4px #00000038;min-width:240px}.box.big{background:#feaa57}.box.small,body.light .switch-indicator{background:#6ea8f4}.box-label{font-size:clamp(.95rem,2.2vw,1rem);font-weight:600;margin-bottom:.5rem}.box-amount{font-size:clamp(1.1rem,2.8vw,1.4rem);font-weight:700;margin-top:auto}.ar-mini-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem}.mini-box{background:#555;border-radius:8px;padding:.5rem;display:flex;flex-direction:column;align-items:flex-start;min-width:0}body.light .mini-box{background:#ddd;color:#111}.mini-box .box-label{font-size:clamp(.85rem,2vw,.9rem);font-weight:600;margin-bottom:.3rem}.mini-box .box-amount{font-size:clamp(1rem,2.4vw,1.1rem);font-weight:700}.ar-box-switcher{position:relative;display:flex;justify-content:space-between;width:min(250px,90%);margin-top:1rem;background:#333;border-radius:30px;overflow:hidden;cursor:pointer}body.light .ar-box-switcher{background:#eee}.switch-btn{flex:1;text-align:center;padding:.5rem 0;font-weight:600;z-index:2;transition:color .3s;background:0 0;border:none}body.light .switch-btn{color:#111}.switch-indicator{position:absolute;top:0;left:0;width:50%;height:100%;background:#feaa57;border-radius:30px;transition:left .3s,background .3s}.box.highlight,.mini-box.highlight{border:3px solid #4caf50;box-shadow:0 0 15px 5px rgba(76,175,80,.5);transition:.3s}.ar--note{margin-top:1rem;font-size:.9rem;opacity:.7;color:#ccc;max-width:100%}body.light .ar--note{color:#555}.ar_result-box{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:100px;max-width:100%}#main_res{font-size:clamp(32px,6vw,50px);font-weight:900;color:#0f2;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0 #0a0,4px 4px 0 #070,6px 6px 0 #030,8px 8px 10px rgba(0,0,0,.7),0 0 15px #0f2;display:inline-block}@keyframes popUp{0%{transform:translateY(20px) scale(.2);opacity:0}60%{transform:translateY(-5px) scale(1.1);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}.ar_result-img{width:min(350px,90%);height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}