.cdp-log-toggle-group{display:flex;position:relative;gap:8px;background:#ffffff0d;padding:6px;border-radius:999px;border:1px solid rgba(255,255,255,.1);margin-bottom:24px}@media(max-width:600px){.cdp-log-toggle-group{margin-bottom:16px;padding:4px;gap:4px}}.cdp-log-toggle-btn{flex:1;display:flex;justify-content:center;align-items:center;padding:10px 16px;border-radius:999px;border:1px solid transparent;background:transparent;color:#fff9;font-weight:700;font-size:.95rem;white-space:nowrap;cursor:pointer;transition:all .2s ease}.cdp-log-toggle-btn:hover{color:#ffffffd9;background:#ffffff0d}.cdp-log-toggle-btn.active{background:#7dd3fc2e;color:#e0f2fe;border-color:#7dd3fc66;box-shadow:0 0 12px #7dd3fc26}.cdp-log-list{display:flex;flex-direction:column;gap:12px}.cdp-log-card{position:relative;background:#ffffff08;border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)}.cdp-log-card:hover{transform:translateY(-2px);background:#ffffff12;box-shadow:0 12px 24px #00000040;border-color:#fff3}.cdp-log-card.win{border-left:3px solid #4caf50}.cdp-log-card.win:hover{box-shadow:0 12px 24px #4caf5026;border-color:#4caf5080}.cdp-log-card.loss{border-left:3px solid #f44336}.cdp-log-card.loss:hover{box-shadow:0 12px 24px #f4433626;border-color:#f4433680}.cdp-log-card.draw{border-left:3px solid #9e9e9e}.cdp-log-header{display:flex;gap:14px;align-items:center}@media(max-width:600px){.cdp-log-header{align-items:flex-start}}.cdp-log-avatar{width:52px;height:52px;border-radius:14px;overflow:hidden;box-shadow:0 4px 10px #0000004d;border:1px solid rgba(255,255,255,.1);flex-shrink:0;background:#1e293b}.cdp-log-avatar img{width:100%;height:100%;object-fit:cover}.cdp-log-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cdp-log-top-row{display:flex;justify-content:space-between;align-items:center}.cdp-log-opponent{font-weight:800;font-size:1.05rem;color:#f1f5f9;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdp-log-time{font-size:.8rem;color:#fff6;font-weight:500}.cdp-log-result-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cdp-log-badge{padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.cdp-log-badge.win{color:#86efac;background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.cdp-log-badge.loss{color:#fca5a5;background:#ef444426;border:1px solid rgba(239,68,68,.3)}.cdp-log-badge.draw{color:#cbd5e1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.cdp-log-elo-change{font-size:.9rem;font-weight:700}.cdp-log-elo-change.positive{color:#86efac}.cdp-log-elo-change.negative{color:#fca5a5}.cdp-log-preview{margin-top:8px;font-size:.9rem;color:#ffffff80;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cdp-log-more-btn{width:100%;padding:12px;margin-top:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fffc;font-weight:700;cursor:pointer;transition:all .2s}.cdp-log-more-btn:hover{background:#ffffff26;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cdp-log-toggle-indicator{position:absolute;bottom:0;height:3px;background:var(--accent-color, #60a5fa);border-radius:3px 3px 0 0;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 -2px 8px var(--accent-color-alpha, rgba(96, 165, 250, .4))}.cdp-portrait-frame-slot{position:relative}.cdp-portrait-frame-slot.has-top-rank-chip{padding-top:34px}@media(max-width:600px){.cdp-portrait-frame-slot.has-top-rank-chip{padding-top:30px}}.cdp-portrait-frame{width:100%;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.cdp-portrait-frame--selectable:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 14px 30px var(--cdp-frame-hover-glow, rgba(125, 211, 252, .32))}.cdp-portrait-frame--selectable:focus-visible{outline:none;transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 0 0 2px #fff3,0 0 0 5px var(--cdp-frame-hover-glow, rgba(125, 211, 252, .32)),0 12px 26px #0000004d}.cdp-portrait-frame-chip{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:8;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.cdp-portrait-frame-chip.is-selectable:hover{transform:translate(-50%) translateY(-1px);filter:brightness(1.06)}.cdp-portrait-frame-chip.is-selectable:focus-visible{outline:none;box-shadow:0 0 0 2px #fff3,0 0 0 4px var(--theme-accent, #7dd3fc)}.cdp-ability-grid{display:grid;grid-template-columns:1fr;gap:12px}.cdp-modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:overlayFadeIn .2s ease-out both}.cdp-modal-content{position:relative;width:min(620px,94vw);max-height:min(85vh,820px);overflow-y:auto;border-radius:20px;background:#0d1117d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #0009,inset 0 1px #ffffff14;padding:24px;display:flex;flex-direction:column;gap:20px;animation:dialogIn .3s cubic-bezier(.2,.8,.2,1) both}.cdp-modal-header{display:flex;justify-content:space-between;align-items:flex-start}.cdp-modal-title{font-size:1.25rem;font-weight:800;color:#fff;margin:0}.cdp-modal-subtitle{font-size:.85rem;color:#ffffff80;margin-top:4px}.cdp-close-btn{width:32px;height:32px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cdp-close-btn:hover{background:#ffffff1f;color:#fff}.cdp-label{display:block;font-size:.9rem;font-weight:700;color:#ffffffe6;margin-bottom:8px}.cdp-textarea{width:100%;padding:16px;border-radius:14px;background:#00000040;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.95rem;line-height:1.6;resize:vertical;transition:border-color .2s;box-sizing:border-box}.cdp-textarea:focus{outline:none;border-color:var(--theme-accent, #a78bfa);background:#00000059}.cdp-selection-grid{display:flex;flex-direction:column;gap:8px}.cdp-select-item{padding:12px 16px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.cdp-select-item:hover{background:#ffffff0f}.cdp-select-item.active{background:rgba(var(--theme-accent-rgb, 127, 91, 255),.15);border-color:var(--theme-accent, #a78bfa);box-shadow:0 0 0 1px var(--theme-accent, #a78bfa)}.cdp-select-item-name{font-weight:700;color:#ffffffe6}.cdp-select-item.active .cdp-select-item-name{color:var(--theme-accent, #a78bfa)}.cdp-action-row{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}@media(max-width:768px){.cdp-action-row{bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}}.cdp-btn{padding:12px 20px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.cdp-btn-secondary{background:#ffffff14;color:#fffc;border:1px solid rgba(255,255,255,.1)}.cdp-btn-secondary:hover{background:#ffffff1f;color:#fff}.cdp-btn-primary{background:var(--theme-accent, #a78bfa);color:var(--theme-accent-text, #fff);box-shadow:0 4px 12px rgba(var(--theme-accent-rgb, 127, 91, 255),.3)}.cdp-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px rgba(var(--theme-accent-rgb, 127, 91, 255),.4)}.cdp-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.cdp-section-card{background:#ffffff0d;border-radius:20px;padding:32px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px -10px #0000004d,inset 0 0 0 1px #ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.cdp-section-title-row{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.cdp-section-title{font-size:1.25rem;font-weight:800;color:var(--theme-accent, #fff);letter-spacing:-.01em;margin:0}.cdp-text-content{font-size:1.05rem;line-height:1.85;color:var( --theme-text, rgba(255, 255, 255, .85) );white-space:pre-wrap;font-family:inherit}@media(max-width:600px){.cdp-section-card{padding:24px;border-radius:16px}.cdp-text-content{font-size:.95rem;line-height:1.75}}@media(max-width:600px){.cdp-page-container{padding-bottom:250px!important}}.cdp-ability-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .25s cubic-bezier(.25,.8,.25,1);position:relative}.cdp-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px;flex-wrap:wrap}.cdp-skill-modal{overflow-x:hidden}.cdp-skill-modal .cdp-label{margin-bottom:6px}.cdp-skill-modal-section,.cdp-skill-modal-skill-list{min-height:0}.cdp-skill-modal-current-desc{scrollbar-width:thin}.cdp-skill-modal-preview{min-height:0}.cdp-skill-modal-footer{position:sticky;bottom:0;z-index:2;margin-top:4px;padding-top:10px;padding-bottom:calc(2px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0d111700,#0d1117eb 28%,#0d1117fa);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(max-width:600px){.cdp-modal-overlay{padding:8px 8px calc(72px + env(safe-area-inset-bottom,0px));align-items:flex-end}.cdp-modal-content{width:min(100%,96vw);max-height:min(84dvh,760px);border-radius:16px;padding:16px;gap:14px}.cdp-skill-modal{width:min(100%,92vw)!important;max-height:min(78dvh,620px)!important;padding:14px!important;gap:12px!important}.cdp-modal-header{gap:12px}.cdp-modal-title{font-size:1.08rem}.cdp-modal-subtitle{font-size:.8rem;line-height:1.45}.cdp-textarea{padding:14px;font-size:.9rem}.cdp-select-item{padding:9px 11px;align-items:flex-start}.cdp-modal-footer{gap:10px;margin-top:2px}.cdp-modal-footer .cdp-btn{flex:1 1 140px;min-height:44px;padding:10px 14px;font-size:.88rem}.cdp-skill-modal .cdp-textarea{padding:12px;font-size:.86rem;line-height:1.5}.cdp-skill-modal .cdp-modal-title{font-size:1rem}.cdp-skill-modal .cdp-modal-subtitle{font-size:.76rem}.cdp-skill-modal .cdp-close-btn{width:30px;height:30px;border-radius:8px}.cdp-skill-modal .cdp-select-item-name{font-size:.86rem}.cdp-skill-modal-preview{border-radius:12px}}.cdp-ability-card:hover{background:#ffffff0f;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.cdp-ability-card.active,.cdp-ability-card.selected{border-color:var(--theme-accent, #7fdbff);box-shadow:0 0 0 1px var(--theme-accent, #7fdbff)}.cdp-ability-name{font-weight:700;font-size:1rem;color:#ffffffe6;display:flex;align-items:center;gap:8px;transition:color .2s}.cdp-ability-card.active .cdp-ability-name,.cdp-ability-card.selected .cdp-ability-name{color:var(--theme-accent, #7fdbff)}.cdp-ability-desc{font-size:.85rem;color:#ffffff8c;line-height:1.5;transition:color .2s}.cdp-ability-card.active .cdp-ability-desc,.cdp-ability-card.selected .cdp-ability-desc{color:var(--theme-text-color, rgba(255, 255, 255, .85))}.cdp-utility-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:12px}.cdp-icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;cursor:pointer;transition:all .2s ease}.cdp-icon-btn:hover:not(:disabled){background:#ffffff26;color:#fff;transform:translateY(-1px)}.cdp-icon-btn.active{background:rgba(var(--theme-accent-rgb, 127, 91, 255),.2);border-color:var(--theme-accent, #a78bfa);color:var(--theme-accent, #a78bfa)}.cdp-admin-menu{position:relative;display:inline-flex}.cdp-admin-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:40;width:min(420px,calc(100vw - 32px));padding:16px 18px;background:#12121cf0;border-radius:12px;border:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 24px #00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cdp-admin-panel__title{margin:0;font-size:.95rem;font-weight:700;color:#ffd166}.cdp-admin-panel__row{font-size:.85rem;opacity:.9;line-height:1.5}.cdp-admin-panel__controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cdp-admin-panel__toggle{padding:8px 12px;border-radius:999px;color:#fff;font-size:.8rem;font-weight:800;cursor:pointer;opacity:1}.cdp-admin-panel__toggle:disabled{cursor:not-allowed;opacity:.65}.cdp-admin-panel__toggle.enabled{border:1px solid rgba(90,220,140,.5);background:#5adc8c29}.cdp-admin-panel__toggle.disabled{border:1px solid rgba(255,120,120,.5);background:#ff787829}.cdp-admin-panel__prompt{margin-top:2px;padding:10px 12px;background:#ffffff0f;border-radius:8px;border:1px solid rgba(255,255,255,.18);white-space:pre-wrap;line-height:1.6;font-size:.85rem;max-height:min(44vh,360px);overflow-y:auto}.cdp-icon-btn.danger{color:#ef4444;border-color:#ef44444d;background:#ef44441a}.cdp-icon-btn.danger:hover{background:#ef444433;border-color:#ef4444}.cdp-season-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:#0003;border:1px solid rgba(255,255,255,.1);color:#fffc;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.cdp-season-badge:hover{background:#ffffff0d;border-color:#ffffff40}.cdp-season-badge .season-dot{width:6px;height:6px;border-radius:50%;background:var(--theme-accent, #38bdf8);box-shadow:0 0 8px var(--theme-accent, #38bdf8)}.cdp-season-badge.preseason .season-dot{background:#9ca3af;box-shadow:none}@media(max-width:600px){.cdp-admin-panel{right:-44px;width:min(360px,calc(100vw - 24px))}}