*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,:root[data-theme=dark]{--bg:#12141a;--sur:#1a1d26;--sur2:#222632;--bor:rgba(255,255,255,.09);--acc:#c8a84b;--acc2:#e8c96b;--ls:#e8d5b0;--ds:#8b6343;--mut:#6b7385;--dan:#e05454;--suc:#4ecca3;--txt:#e4e7ef}:root[data-theme=light]{--bg:#f0f2f5;--sur:#ffffff;--sur2:#e8ebf0;--bor:rgba(0,0,0,.08);--acc:#a8892e;--acc2:#c8a84b;--ls:#f0e6d0;--ds:#b08968;--mut:#6b7280;--dan:#dc2626;--suc:#059669;--txt:#1a1d26}html,body{min-height:100%;background:var(--bg);color:var(--txt);font-family:Syne,sans-serif;overflow-x:hidden}body{display:flex;flex-direction:column;align-items:center}.page{display:none;width:100%;max-width:980px;padding:16px;flex-direction:column;align-items:center}.page.aktif{display:flex}#g.aktif{flex-direction:row;align-items:flex-start;justify-content:center;gap:14px;min-height:100vh}.sql{background:var(--ls)}.sqd{background:var(--ds)}.lmf{background:#c9d45a!important}.dmf{background:#9aaa3a!important}.lmt{background:#ccd45a!important}.dmt{background:#9bab3a!important}.sel{background:#ffdc3299!important}.chk{background:radial-gradient(circle,#ff3333 20%,transparent 70%)!important}.dot:after{content:"";position:absolute;width:28%;height:28%;background:#0000002e;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.ring:after{content:"";position:absolute;width:88%;height:88%;border:4px solid rgba(0,0,0,.2);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.pgrid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%}.sq{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.sq:hover{filter:brightness(1.08)}.pi{width:88%;height:88%;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;z-index:20;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4));transition:transform .1s}.pi:active{cursor:grabbing;transform:scale(1.13)}.cr{position:absolute;bottom:2px;right:3px;font-size:8px;font-family:DM Mono,monospace;opacity:.5;pointer-events:none}.cf{position:absolute;top:2px;left:3px;font-size:8px;font-family:DM Mono,monospace;opacity:.5;pointer-events:none}.panel{background:var(--sur);border:1px solid var(--bor);border-radius:16px;padding:14px 16px}.plbl{font-size:9px;font-family:DM Mono,monospace;letter-spacing:.25em;color:var(--mut);text-transform:uppercase;margin-bottom:10px}.btn{padding:10px 14px;border:1px solid var(--bor);background:var(--sur2);border-radius:12px;cursor:pointer;font-family:Syne,sans-serif;font-weight:700;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--txt);transition:all .18s;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.btn:hover{background:#222630;border-color:#ffffff24;transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn.a{background:#c8a84b1a;border-color:#c8a84b4d;color:var(--acc)}.btn.a:hover{background:#c8a84b33}.btn.d:hover{background:#e054541a;border-color:var(--dan);color:var(--dan)}.btn.s{background:#4ecca31a;border-color:#4ecca34d;color:var(--suc)}.mbg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.h,.mbg.h{display:none!important}.modal{background:var(--sur);border:1px solid var(--bor);border-radius:28px;padding:30px;width:100%;max-width:400px;box-shadow:0 40px 100px #000000b3;animation:mi .25s cubic-bezier(.34,1.56,.64,1)}@keyframes mi{0%{transform:scale(.88) translateY(16px);opacity:0}to{transform:scale(1);opacity:1}}.modal h3{font-family:Bebas Neue,sans-serif;font-size:34px;letter-spacing:.05em;margin-bottom:22px}.tgl{position:relative;width:44px;height:24px;cursor:pointer;display:inline-block}.tgl input{opacity:0;width:0;height:0;position:absolute}.ttr{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sur2);border-radius:12px;border:1px solid var(--bor);transition:background .25s}.tgl input:checked~.ttr{background:var(--acc);border-color:var(--acc)}.tth{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px #0000004d}.tgl input:checked~.tth{transform:translate(20px)}.mvl{height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:var(--bor) transparent}.mr{display:flex;gap:4px;align-items:center}.mn{font-family:DM Mono,monospace;font-size:10px;color:var(--mut);width:22px;flex-shrink:0}.mc{flex:1;font-family:DM Mono,monospace;font-size:11px;font-weight:500;padding:3px 6px;border-radius:6px}.ebar{width:16px;background:var(--sur);border-radius:8px;overflow:hidden;border:1px solid var(--bor);position:relative;flex-shrink:0}.efill{position:absolute;bottom:0;left:0;right:0;background:#fff;transition:height .6s cubic-bezier(.4,0,.2,1)}.clk{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:.05em;text-align:center}.clk.low{color:var(--dan);animation:pu 1s infinite}@keyframes pu{0%,to{opacity:1}50%{opacity:.5}}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--sur);border:1px solid var(--bor);border-radius:14px;padding:10px 22px;font-family:DM Mono,monospace;font-size:12px;z-index:999;box-shadow:0 8px 32px #00000080;letter-spacing:.1em;color:var(--acc);pointer-events:none;animation:ti .25s ease}@keyframes ti{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sbars{display:flex;gap:3px;align-items:flex-end;height:38px}.sbar{width:8px;background:var(--sur2);border-radius:3px 3px 0 0;transition:height .3s}.sbar.p{background:#4ecca399}.sbar.n{background:#e0545499}.sbar.e{background:#c8a84b66}.progbar{height:4px;background:var(--sur2);border-radius:2px;overflow:hidden;margin-top:8px}.progfill{height:100%;background:var(--acc);border-radius:2px;transition:width .4s}select{background:var(--sur2);border:1px solid var(--bor);border-radius:10px;padding:8px 12px;color:var(--txt);font-family:DM Mono,monospace;font-size:11px;cursor:pointer;outline:none}select:focus{border-color:#c8a84b66}input[type=text]{background:var(--sur2);border:1px solid var(--bor);border-radius:10px;padding:9px 12px;color:var(--txt);font-family:DM Mono,monospace;font-size:11px;outline:none;width:100%}input[type=text]:focus{border-color:#c8a84b66}.mrow-s{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--bor)}.mrow-s:last-of-type{border-bottom:none}.logo{font-family:Bebas Neue,sans-serif;font-size:clamp(64px,13vw,130px);line-height:.85;color:var(--acc);text-align:center;margin-bottom:6px}.logo-sub{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.35em;color:var(--mut);text-transform:uppercase;margin-bottom:44px}.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:420px;margin-bottom:10px}.mbtn{padding:18px 14px;border:1px solid var(--bor);background:var(--sur);border-radius:18px;cursor:pointer;font-family:Syne,sans-serif;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--txt);transition:all .2s}.mbtn:hover{background:var(--sur2);border-color:#c8a84b4d;transform:translateY(-2px)}.mbtn:active{transform:scale(.97)}.mbtn .ik{font-size:26px}.mbtn.ut{grid-column:1/-1;background:var(--acc);border-color:var(--acc);color:#0a0b0e;font-size:15px;font-weight:800;padding:22px}.mbtn.lb{grid-column:1/-1}.sbar-st{display:flex;align-items:center;gap:10px;background:var(--sur);border:1px solid var(--bor);border-radius:14px;padding:10px 14px}.tdot{width:10px;height:10px;border-radius:50%;transition:all .3s;flex-shrink:0}.tdot.wh{background:#fff;box-shadow:0 0 10px #ffffff80}.tdot.bk{background:#444}.stxt{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;flex:1}.dbadge{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.15em;color:var(--acc);background:#c8a84b1a;border:1px solid rgba(200,168,75,.2);padding:4px 8px;border-radius:6px;text-transform:uppercase}.pw{width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;box-shadow:0 32px 80px #0009,0 0 0 2px #c8a84b1f;position:relative}.sb{display:flex;flex-direction:column;gap:10px;width:190px;flex-shrink:0}.bc{display:flex;flex-direction:column;gap:10px;flex:1;max-width:min(560px,calc(100vw - 32px))}.wo{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;padding:28px;text-align:center;animation:fi .35s ease}@keyframes fi{0%{opacity:0}to{opacity:1}}.wo.h{display:none}.pgpromo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pbtn{padding:18px;background:var(--sur2);border:1px solid var(--bor);border-radius:18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .18s;color:var(--txt)}.pbtn:hover{border-color:var(--acc);background:#c8a84b14;transform:scale(1.04)}.pbtn img{width:50px;height:50px}.pbtn span{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}@media (max-width:760px){#g.aktif{flex-direction:column!important;align-items:center}.sb{width:100%!important;max-width:520px;flex-direction:row;flex-wrap:wrap}.sb .panel{flex:1;min-width:130px}.bc{max-width:520px;width:100%}.mvl{height:90px}}