*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f4f7fc;background:#0d0f14;width:100%;height:100%;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#game-container{background:#0d0f14;justify-content:center;align-items:center;width:100%;height:100%;display:flex}#game-container canvas{image-rendering:auto;display:block}#desktop-gate{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0ef0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#desktop-gate.desktop-gate-hidden{display:none}.desktop-gate-card{background:#1c2330;border:2px solid #e8b84a;border-radius:12px;max-width:480px;padding:28px 32px;box-shadow:0 12px 40px #00000073}.desktop-gate-card h1{color:#ffe08a;margin-bottom:12px;font-size:1.35rem}.desktop-gate-card .lede{color:#e8eef8;margin-bottom:14px;font-size:.95rem;line-height:1.45}.desktop-gate-card ul{color:#d0d8e8;margin:0 0 14px 1.2rem;font-size:.92rem;line-height:1.55}.desktop-gate-card .muted{color:#8b97ab;margin-bottom:10px;font-size:.85rem}.desktop-gate-card .size{color:#a8b4c8;font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.gg-form-ratman{color:#3ecf8e;font-weight:600}.gg-form-ratking{color:#e8c48a;text-underline-offset:2px;font-weight:700;text-decoration:underline}.gg-codex-overlay{z-index:10050;pointer-events:auto;touch-action:none;background:#05070cd1;justify-content:center;align-items:center;padding:.75rem;line-height:normal;display:flex;position:fixed;inset:0}.gg-codex-overlay.hidden{pointer-events:none;display:none}.gg-codex{color:#f4f7fc;background:#0c1018;border:2px solid #ffe08a;border-radius:12px;flex-direction:column;gap:.35rem;width:min(1180px,97vw);height:min(700px,94vh);max-height:min(700px,94vh);padding:.55rem .75rem .65rem;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #0000008c}.gg-codex-header{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.gg-codex-header h2{color:#ffe08a;letter-spacing:.04em;margin:0;font-size:1.1rem}.gg-codex-hint{color:#8b97ab;flex:1;margin:0;font-size:.72rem}.gg-codex-close{appearance:none;color:#f4f7fc;font:inherit;cursor:pointer;background:#1c2330;border:1px solid #3d4a63;border-radius:8px;flex-shrink:0;width:2rem;height:2rem;font-size:1rem;font-weight:700}.gg-codex-close:hover{color:#ffe08a;border-color:#ffe08a}.gg-codex-tabs{flex-wrap:wrap;flex-shrink:0;gap:.28rem;display:flex}.gg-codex-tab{appearance:none;color:#b4bfcf;font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#1c2330;border:1px solid #3d4a63;border-radius:999px;padding:.22rem .6rem;font-size:.7rem;font-weight:600}.gg-codex-tab:hover{color:#f4f7fc;box-shadow:inset 0 0 0 1px #4d8dff}.gg-codex-tab.active{color:#ffe08a;background:#f0c14b33;border-color:#ffe08a}.gg-codex-filters{flex-wrap:nowrap;flex-shrink:0;align-items:flex-start;gap:.3rem .4rem;padding:.05rem 0 .1rem;display:flex;overflow:visible}.gg-codex-filters.hidden{display:none}.gg-codex-filters-label{letter-spacing:.05em;text-transform:uppercase;color:#8a96a8;flex-shrink:0;padding-top:.12rem;font-size:.62rem;font-weight:700;line-height:1.6}.gg-codex-filters-chips{flex-wrap:wrap;flex:auto;gap:.2rem;min-width:0;display:flex}.gg-codex-filter-chip{appearance:none;color:#b4bfcf;font:inherit;cursor:pointer;background:#1c2330;border:1px solid #3d4a63;border-radius:6px;justify-content:center;align-items:center;gap:0;width:1.55rem;height:1.55rem;padding:.18rem;font-size:0;font-weight:600;line-height:1;display:inline-flex}.gg-codex-filter-chip span{display:none}.gg-codex-filter-chip img{object-fit:contain;pointer-events:none;flex-shrink:0;width:15px;height:15px}.gg-codex-filter-chip:hover{color:#f4f7fc;border-color:#5a6a88}.gg-codex-filter-chip.active{color:#ffe08a;background:#f0c14b38;border-color:#ffe08a;box-shadow:inset 0 0 0 1px #ffe08a4d}.gg-codex-filter-clear{appearance:none;color:#e8eef8;font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#243044;border:1px solid #6a7a96;border-radius:8px;flex-shrink:0;align-self:center;min-height:1.85rem;padding:.35rem .75rem;font-size:.78rem;font-weight:700;line-height:1.2;box-shadow:0 1px #00000040}.gg-codex-filter-clear:hover:not(:disabled){color:#0c1018;background:#ffe08a;border-color:#ffe08a}.gg-codex-filter-clear:disabled{opacity:.35;cursor:default;color:#8a96a8;box-shadow:none;background:#1a2230;border-color:#3d4a63}.gg-codex-grid-empty{color:#8a96a8;grid-column:1/-1;margin:.75rem .35rem;font-size:.8rem}.gg-codex-body{flex:auto;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:.65rem;min-height:0;display:grid;overflow:hidden}.gg-codex-grid,.gg-codex-detail{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#f0c14b73 transparent;background:#121820;border:1px solid #3d4a63;border-radius:8px;min-width:0;min-height:0;padding:.55rem;overflow:hidden auto}.gg-codex-grid::-webkit-scrollbar{width:8px}.gg-codex-detail::-webkit-scrollbar{width:8px}.gg-codex-grid::-webkit-scrollbar-thumb{background:#f0c14b66;border-radius:4px}.gg-codex-detail::-webkit-scrollbar-thumb{background:#f0c14b66;border-radius:4px}.gg-codex-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));align-content:start;gap:.45rem;display:grid}.gg-codex-cell{appearance:none;border:2px solid var(--cell-color,#3d4a63);color:inherit;font:inherit;cursor:pointer;background:#1a2230;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;min-width:0;padding:.4rem .25rem .35rem;display:flex}.gg-codex-cell:hover{background:#2a3448}.gg-codex-cell.selected{border-color:#ffe08a;box-shadow:0 0 0 1px #ffe08a}.gg-codex-cell img{object-fit:contain;image-rendering:auto;flex-shrink:0;width:48px;height:48px}.gg-codex-cell-gear{border-color:#0a0a0a!important}.gg-codex-cell-icon{flex-shrink:0;width:48px;height:48px;position:relative}.gg-codex-cell-icon>img,.gg-codex-cell-icon>.gg-codex-ph{width:48px;height:48px}.gg-codex-cell-badges{pointer-events:none;position:absolute;inset:0;overflow:visible}.gg-codex-badge{pointer-events:auto;z-index:1;filter:drop-shadow(0 0 1px #000)drop-shadow(0 1px 1px #0009);width:14px;height:14px;display:inline-flex;position:absolute}.gg-codex-badge img{display:block;width:14px!important;height:14px!important}.gg-codex-role-row{flex-wrap:wrap;gap:6px;margin:.15rem 0 .75rem;display:flex}.gg-codex-role{color:#dce4f0;background:#0a0d12;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 4px;font-size:.75rem;line-height:1.2;display:inline-flex}.gg-codex-role img{object-fit:contain;flex-shrink:0;display:block;width:18px!important;height:18px!important}.gg-codex-role-label{white-space:nowrap;font-weight:600}.gg-codex-role-glossary{flex-direction:column;gap:.45rem;margin:.15rem 0 .5rem;display:flex}.gg-codex-role-line{color:#dce4f0;grid-template-columns:22px 1fr;align-items:start;gap:.55rem;font-size:.84rem;line-height:1.4;display:grid}.gg-codex-role-line img{object-fit:contain;margin-top:1px;display:block;width:20px!important;height:20px!important}.gg-codex-role-line strong{color:#f4f7fc}.gg-stats-overlay{z-index:10040;pointer-events:auto;touch-action:none;background:#05070cd1;justify-content:center;align-items:center;padding:.75rem;line-height:normal;display:flex;position:fixed;inset:0}.gg-stats-overlay.hidden{pointer-events:none;display:none}.gg-stats{color:#f4f7fc;background:#0c1018;border:2px solid #ffe08a;border-radius:12px;flex-direction:column;gap:.4rem;width:min(1180px,97vw);height:min(700px,94vh);max-height:min(700px,94vh);padding:.55rem .75rem;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #0000008c}.gg-stats-header{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.gg-stats-header h2{color:#ffe08a;letter-spacing:.04em;margin:0;font-size:1.1rem}.gg-stats-hint{color:#8b97ab;flex:1;margin:0;font-size:.72rem}.gg-stats-close{appearance:none;color:#f4f7fc;font:inherit;cursor:pointer;background:#1c2330;border:1px solid #3d4a63;border-radius:8px;flex-shrink:0;width:2rem;height:2rem;font-size:1rem;font-weight:700}.gg-stats-close:hover{color:#ffe08a;border-color:#ffe08a}.gg-stats-buckets-wrap{flex-shrink:0}.gg-stats-buckets-title{color:#ffe08a;margin:0 0 .3rem;font-size:.8rem}.gg-stats-buckets{flex-wrap:wrap;gap:.35rem;display:flex}.gg-stats-bucket{appearance:none;min-width:3.5rem;color:inherit;font:inherit;cursor:default;background:#121820;border:1px solid #3d4a63;border-radius:8px;flex-direction:column;flex:1 1 0;align-items:center;gap:.1rem;padding:.35rem .25rem;display:flex}.gg-stats-bucket:hover{background:#1a2230;border-color:#ffe08a}.gg-stats-bucket-k{color:#8b97ab;font-size:.7rem}.gg-stats-bucket-pct{color:#f4f7fc;font-size:.95rem;font-weight:700}.gg-stats-bucket-n{color:#8b97ab;font-size:.65rem}.gg-stats-body{flex:auto;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.5rem;min-height:0;display:grid;overflow:hidden}.gg-stats-section{background:#121820;border:1px solid #3d4a63;border-radius:8px;flex-direction:column;min-width:0;min-height:0;padding:.45rem .5rem .4rem;display:flex;overflow:hidden}.gg-stats-split{grid-template-columns:1fr 1fr;gap:.5rem;min-width:0;min-height:0;display:grid;overflow:hidden}.gg-stats-split>.gg-stats-section{min-height:0}.gg-stats-section-head{flex-shrink:0;margin-bottom:.3rem}.gg-stats-section-head h3{color:#ffe08a;margin:0;font-size:.85rem}.gg-stats-section-head p{color:#8b97ab;margin:.1rem 0 0;font-size:.68rem}.gg-stats-scroll{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#f0c14b73 transparent;flex:auto;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));align-content:start;gap:.4rem;min-height:0;padding:.15rem .1rem .25rem;display:grid;overflow:hidden auto}.gg-stats-scroll::-webkit-scrollbar{width:8px}.gg-stats-scroll::-webkit-scrollbar-thumb{background:#f0c14b66;border-radius:4px}.gg-stats-cell{appearance:none;color:inherit;font:inherit;cursor:default;background:#1a2230;border:1px solid #3d4a63;border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;min-width:0;padding:.3rem .2rem .25rem;display:flex}.gg-stats-cell:hover{background:#2a3448;border-color:#ffe08a}.gg-stats-cell-icon{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.gg-stats-cell-icon img{object-fit:contain;width:44px;height:44px}.gg-stats-ph{color:#8b97ab;background:#2a3344;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.7rem;display:flex}.gg-stats-cell-pct{color:#c8d0dc;font-size:.72rem;font-weight:700}.gg-stats-empty{color:#8b97ab;margin:.5rem;font-size:.8rem}.gg-stats-empty-full{text-align:center;color:#8b97ab;grid-area:1/1/-1/-1;align-self:center;margin:auto;font-size:.95rem}.gg-stats-footer{flex-shrink:0;justify-content:center;padding-top:.15rem;display:flex}.gg-stats-back{appearance:none;color:#f4f7fc;font:inherit;cursor:pointer;background:#1c2330;border:1px solid #3d4a63;border-radius:8px;padding:.45rem 1.6rem;font-size:.9rem;font-weight:600}.gg-stats-back:hover{color:#ffe08a;border-color:#ffe08a}.gg-stats-tip{z-index:10060;color:#dce4f0;white-space:pre-line;pointer-events:none;background:#0a0d12f7;border:2px solid #ffe08a;border-radius:8px;max-width:260px;padding:.5rem .65rem;font-size:.78rem;line-height:1.35;position:fixed;box-shadow:0 8px 24px #00000073}.gg-stats-tip.hidden{display:none}.gg-codex-ph{color:#ffe08a;background:#0a0d12;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}.gg-codex-cell-name{text-align:center;color:#dce4f0;word-break:break-word;font-size:.68rem;line-height:1.2}.gg-codex-detail{padding:.75rem .85rem}.gg-codex-detail-empty{color:#8b97ab;margin:0;font-size:.9rem}.gg-codex-detail-title{color:#ffe08a;margin:0 0 .5rem;font-size:1.15rem}.gg-codex-class-head{align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.gg-codex-portrait{object-fit:contain;background:#0a0d12;border:1px solid #3d4a63;border-radius:8px;flex-shrink:0;width:56px;height:56px}.gg-codex-stats{white-space:pre-wrap;color:#e8eef8;margin:0 0 .85rem;font-family:inherit;font-size:.85rem;line-height:1.45}.gg-codex-stats strong,.gg-codex-muted strong,.gg-codex-prose strong,.gg-codex-skill-body strong,.gg-ap-ratio{color:#f0e6c8;font-weight:700}.gg-codex-stats .gg-aa-ratio,.gg-codex-muted .gg-aa-ratio,.gg-codex-prose .gg-aa-ratio,.gg-codex-skill-body .gg-aa-ratio,.gg-aa-ratio{color:#ff6b6b;font-weight:700}.gg-codex-prose{color:#dce4f0;font-size:.88rem;line-height:1.5}.gg-codex-section{text-transform:uppercase;letter-spacing:.08em;color:#ffe08a;margin:.5rem 0 .55rem;font-size:.72rem}.gg-codex-skill{border-bottom:1px solid #ffffff14;grid-template-columns:44px 1fr;gap:.55rem;padding:.55rem 0;display:grid}.gg-codex-skill-icon{object-fit:contain;background:#0a0d12;border:1px solid #fff3;border-radius:6px;flex-shrink:0;width:44px;height:44px}.gg-codex-skill-name{color:#f4f7fc;font-size:.9rem;font-weight:700}.gg-codex-skill-tag{color:#9ecbff;margin:.1rem 0 .25rem;font-size:.72rem}.gg-codex-muted{color:#8b97ab;font-size:.78rem;line-height:1.4}.gg-codex-ups-label{color:#9ecbff;text-transform:uppercase;letter-spacing:.05em;margin-top:.45rem;font-size:.7rem;font-weight:700}.gg-codex-ups{flex-direction:column;gap:.4rem;margin-top:.35rem;display:flex}.gg-codex-up{grid-template-columns:28px 1fr;align-items:start;gap:.4rem;display:grid}.gg-codex-up-icon{object-fit:contain;background:#0a0d12;border:1px solid #ffffff26;border-radius:4px;width:28px;height:28px}.gg-codex-up-name{color:#f4f7fc;font-size:.8rem;font-weight:700}.gg-codex-ph.gg-codex-skill-icon,.gg-codex-ph.gg-codex-up-icon{display:block}