body.dg-body{display:flex;flex-direction:column;align-items:center;padding:5rem 1rem 2rem;padding-top:calc(5rem + env(safe-area-inset-top));padding-bottom:calc(2rem + env(safe-area-inset-bottom));overflow-x:hidden}.dg-center{text-align:center;margin:auto}.dg-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;width:100%;max-width:380px}.dg-page-title{font-family:Designer,sans-serif;font-size:2rem;margin:0}.dg-title-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--glass-border);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}.dg-title-btn:hover{background:#ffffff0f}.dg-title-btn img{width:18px;height:18px;object-fit:contain}.dg-page-sub{color:var(--text-secondary);margin-bottom:2rem}.dg-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #17E9FC;border-radius:50%;animation:dg-spin .8s linear infinite;margin:4rem auto}@keyframes dg-spin{to{transform:rotate(360deg)}}#dg-game{width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.dg-status{display:flex;gap:.5rem;margin-bottom:1rem}.dg-stat{font-size:.85rem;font-weight:600;padding:.4rem .75rem;border-radius:100px;background:var(--bg-card);border:1px solid var(--glass-border);display:flex;align-items:center;gap:.35rem}.dg-stat-icon{width:14px;height:14px;object-fit:contain;display:block}.dg-correct{color:#f0ff1e;border-color:#f0ff1e4d}.dg-wrong{color:#ff1f6d;border-color:#ff1f6d4d}.dg-remaining{color:#17e9fc;border-color:#17e9fc4d}.dg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:380px}.dg-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px;overflow:hidden}.dg-header img{width:70px;height:70px;max-width:70px;max-height:70px;object-fit:contain;display:block}.dg-h-threshold{font-family:Designer,sans-serif;font-size:16px;color:#17e9fc;line-height:1.2}.dg-h-stat{font-family:Designer,sans-serif;font-size:12px;color:#fff;text-transform:uppercase;line-height:1.2}.dg-h-scope{font-size:10px;color:#ffffff80;line-height:1.2}.dg-header-text{font-family:Designer,sans-serif;font-size:12px;color:#fff;text-transform:uppercase}.dg-cell{aspect-ratio:1;border-radius:22px;background:var(--bg-card);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s;cursor:default;overflow:hidden;min-width:0}.dg-cell.dg-empty{cursor:pointer}.dg-cell.dg-empty:hover{background:#ffffff0f;border-color:#ffffff26}.dg-plus{font-size:1.5rem;color:var(--text-muted);font-weight:300}.dg-correct-cell{border-color:#f0ff1e;background:#f0ff1e40}.dg-wrong-cell{border-color:#ff1f6d66;background:#ff1f6d0f}.dg-initials{font-family:Designer,sans-serif;font-size:.6rem;color:#fff;text-align:center;padding:0 4px;word-break:normal;max-width:100%;overflow:hidden}.dg-x{position:absolute;font-family:Designer,sans-serif;font-size:1.5rem;color:#ff1f6d;opacity:.7}.dg-anim-correct{animation:dg-bounce .3s ease}.dg-anim-wrong{animation:dg-shake .3s ease}@keyframes dg-bounce{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes dg-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.dg-creator{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px}.dg-creator-by{color:#fff6;font-size:12px}.dg-creator-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.dg-creator-avatar-fb{width:18px;height:18px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.dg-creator-name{color:#fff;font-size:13px;font-weight:600}.dg-results-card.glass-card{margin-top:1.5rem;padding:1.5rem 1.25rem 1rem}.dg-results-top{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:.75rem}.dg-results-card .btn-primary{padding:.65rem 1rem;font-size:.85rem}.dg-results-left{text-align:left}.dg-results-score{font-family:Designer,sans-serif;font-size:3rem;line-height:1;margin-bottom:.25rem}.dg-score-great{color:#f0ff1e}.dg-score-ok{color:#17e9fc}.dg-score-low{color:#ff1f6d}.dg-results-msg{color:var(--text-secondary);font-size:1rem}.dg-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:90px;flex-shrink:0}.dg-mini-cell{aspect-ratio:1;border-radius:6px}.dg-mini-correct{background:#f0ff1e}.dg-mini-wrong{background:#ff1f6d}.dg-mini-empty{background:#ffffff1a}.dg-share-msg{color:var(--accent);font-size:.8rem;margin-top:.5rem;min-height:0;text-align:center}.dg-countdown{color:var(--text-muted);font-size:.85rem;margin-top:1.5rem;text-align:center}.dg-historical{color:var(--text-muted);font-size:.85rem;margin-top:1rem;margin-bottom:3rem;text-align:center}.dg-historical a{color:var(--accent);text-decoration:none}#dg-search{position:fixed;inset:0;z-index:500}.dg-search-backdrop{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .25s}#dg-search.open .dg-search-backdrop{opacity:1}.dg-search-sheet{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:500px;max-height:80vh;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-bottom:none;border-radius:22px 22px 0 0;padding:.75rem 1rem 1rem;display:flex;flex-direction:column;transition:transform .25s ease}#dg-search.open .dg-search-sheet{transform:translate(-50%) translateY(0)}#dg-search-input{height:44px;border-radius:22px}.dg-drag-handle{width:36px;height:4px;border-radius:2px;background:#fff3;margin:0 auto .75rem}.dg-search-results{overflow-y:auto;flex:1;margin-top:.75rem}.dg-player-card{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:14px;cursor:pointer;transition:all .15s;margin-bottom:.375rem;text-align:left;color:inherit;font-family:inherit}.dg-player-card:hover{background:#ffffff0f}.dg-player-avatar{width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0d;gap:1px}.dg-avatar-initials{font-family:Designer,sans-serif;font-size:.7rem;color:#fff;line-height:1}.dg-avatar-number{font-size:.55rem;color:#ffffff80;line-height:1}.dg-player-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.dg-player-meta{font-size:.8rem;color:var(--text-muted)}#dg-info{position:fixed;inset:0;z-index:500}.dg-info-backdrop{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .25s}#dg-info.open .dg-info-backdrop{opacity:1}.dg-info-sheet{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:500px;max-height:85vh;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-bottom:none;border-radius:22px 22px 0 0;padding:.75rem 1rem 1rem;display:flex;flex-direction:column;transition:transform .25s ease}#dg-info.open .dg-info-sheet{transform:translate(-50%) translateY(0)}.dg-info-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.dg-info-icon{width:20px;height:20px;object-fit:contain}.dg-info-title{font-size:1.1rem;font-weight:600;color:#fff;flex:1}.dg-info-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border);background:#ffffff0d;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 2px}.dg-info-scroll{overflow-y:auto;flex:1;padding-bottom:1rem}.dg-info-welcome{text-align:center;margin-bottom:1.5rem}.dg-welcome-sub{display:block;font-family:Designer,sans-serif;font-size:1.2rem;color:#ffffff80;letter-spacing:4px}.dg-welcome-main{display:block;font-family:Designer,sans-serif;font-size:2rem;color:#17e9fc;letter-spacing:6px}.dg-info-heading{font-size:.95rem;font-weight:600;color:#17e9fc;margin:1.25rem 0 .5rem}.dg-info-text{font-size:.85rem;color:#ffffffb3;line-height:1.5;margin-bottom:.5rem}.dg-step-card{display:flex;gap:.75rem;padding:.75rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:18px;margin-bottom:.5rem}.dg-step-num{width:28px;height:28px;border-radius:50%;background:#17e9fc33;color:#17e9fc;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dg-step-title{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:.25rem}.dg-step-desc{font-size:.8rem;color:#ffffff8c;line-height:1.4}.dg-info-card{padding:.75rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:18px;margin-bottom:.5rem}.dg-info-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.85rem;color:#ffffffb3}.dg-val-blue{font-weight:600;color:#17e9fc}.dg-val-lemon{font-weight:600;color:#f0ff1e}.dg-info-note{font-size:.8rem;color:#ffffff73;line-height:1.4;margin-top:.5rem;margin-bottom:0}.dg-cat-row{padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.dg-cat-row:last-child{border-bottom:none}.dg-cat-label{display:block;font-size:.85rem;font-weight:600;color:#fff}.dg-cat-desc{display:block;font-size:.8rem;color:#ffffff73;line-height:1.3}.dg-league-examples{display:flex;flex-direction:column;gap:8px}.dg-league-ex{display:flex;align-items:center;gap:10px}.dg-league-ex-logo{width:40px;height:40px;object-fit:contain}.dg-league-ex-info{display:flex;flex-direction:column}.dg-league-ex-name{font-size:.85rem;font-weight:600;color:#fff}.dg-league-ex-desc{font-size:.75rem;color:#fff6}.dg-info-got-it{display:block;margin:1.5rem auto 0;padding:.5rem 2.5rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:18px;color:#17e9fc;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.dg-info-got-it:hover{background:#ffffff1a}#dg-valid{position:fixed;inset:0;z-index:200}.dg-valid-backdrop{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .25s}#dg-valid.open .dg-valid-backdrop{opacity:1}.dg-valid-sheet{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:500px;max-height:70vh;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-bottom:none;border-radius:22px 22px 0 0;padding:.75rem 1rem 1rem;display:flex;flex-direction:column;transition:transform .25s ease}#dg-valid.open .dg-valid-sheet{transform:translate(-50%) translateY(0)}.dg-valid-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.dg-valid-title{font-size:.95rem;font-weight:600;color:#17e9fc;flex:1}.dg-valid-count{font-size:.8rem;color:#ffffff59;margin-bottom:.75rem}.dg-valid-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:6px;padding-bottom:2rem}.dg-valid-card{display:flex;align-items:center;gap:.75rem;padding:.5rem .65rem;background:#ffffff0d;border-radius:14px}.dg-valid-avatar{width:40px;height:40px;border-radius:10px;background:#ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.dg-valid-initials{font-size:12px;font-weight:700;color:#ffffffb3;line-height:1}.dg-valid-num{font-size:9px;font-weight:600;color:#ffffff59;line-height:1;margin-top:2px}.dg-valid-info{flex:1;display:flex;flex-direction:column}.dg-valid-name{font-size:.9rem;font-weight:600;color:#fff}.dg-valid-pos{font-size:.75rem;color:#ffffff80}.dg-valid-jersey{font-size:1rem;font-weight:700;color:#fff3}#dg-lb{position:fixed;inset:0;z-index:200}.dg-lb-backdrop{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .25s}#dg-lb.open .dg-lb-backdrop{opacity:1}.dg-lb-sheet{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:500px;max-height:85vh;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-bottom:none;border-radius:22px 22px 0 0;padding:.75rem 1rem 0;display:flex;flex-direction:column;transition:transform .25s ease}#dg-lb.open .dg-lb-sheet{transform:translate(-50%) translateY(0)}.dg-lb-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.dg-lb-icon{width:20px;height:20px;object-fit:contain}.dg-lb-title{font-size:1.1rem;font-weight:600;color:#fff;flex:1}.dg-lb-tabs{display:flex;gap:4px;padding:3px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:22px;margin-bottom:.75rem}.dg-lb-tab{flex:1;height:36px;border:none;background:transparent;border-radius:18px;color:#ffffff80;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.dg-lb-tab.active{background:#ffffff1a;color:#fff}.dg-lb-search-row{margin-bottom:.75rem}.dg-lb-search-row .form-input{height:40px;border-radius:20px;font-size:.85rem}.dg-lb-myrank-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:18px;padding:.75rem;margin-bottom:.75rem}.dg-lb-myrank-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.dg-lb-myrank-label{font-size:.8rem;font-weight:600;color:#ffffff80}.dg-lb-myrank-rank{font-size:1rem;font-weight:700;color:#17e9fc}.dg-lb-myrank-row{display:flex;gap:.5rem;flex-wrap:wrap}.dg-lb-myrank-stat{display:flex;flex-direction:column;align-items:center;flex:1;min-width:50px}.dg-lb-myrank-val{font-size:1rem;font-weight:700;color:#fff}.dg-lb-myrank-lbl{font-size:.65rem;color:#fff6;margin-top:2px}.dg-lb-myrank-dots{display:flex;justify-content:center;margin-top:.5rem}.dg-lb-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:6px;padding-bottom:2rem;min-height:0}.dg-lb-entry{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;background:#ffffff0a;border-radius:14px;flex-shrink:0}.dg-lb-entry-me{border:1px solid rgba(23,233,252,.2)}.dg-lb-rank{font-size:.75rem;font-weight:700;color:#17e9fc;min-width:32px;text-align:center}.dg-lb-avatar-wrap{flex-shrink:0}.dg-lb-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.dg-lb-avatar-fb{width:36px;height:36px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center}.dg-lb-info{flex:1;min-width:0;display:flex;flex-direction:column}.dg-lb-name{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dg-lb-name-own{color:#17e9fc}.dg-lb-stats{font-size:.7rem;color:#fff6}.dg-lb-score{font-size:1.1rem;font-weight:700;color:#f0ff1e;min-width:28px;text-align:center}.dg-lb-dots{display:grid;grid-template-columns:repeat(3,8px);grid-template-rows:repeat(3,8px);gap:3px;flex-shrink:0}.dg-lb-dot{width:8px;height:8px;border-radius:50%}.dg-dot-correct{background:#f0ff1e}.dg-dot-wrong{background:#ff1f6d}.dg-dot-empty{background:#ffffff26}.dg-lb-loading{display:flex;justify-content:center;padding:2rem}.dg-lb-empty{text-align:center;color:#fff6;font-size:.85rem;padding:2rem 1rem}@media(max-width:400px){.dg-grid{gap:4px}.dg-header img{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important}.dg-h-threshold{font-size:14px}.dg-h-stat{font-size:10px}.dg-h-scope{font-size:9px}}