@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@900&family=Poppins:wght@500&display=swap";
.copied-toast{color:#e9fff3;letter-spacing:.3px;opacity:0;pointer-events:none;z-index:9999;background:#00000080;border-radius:8px;padding:6px 10px;font-size:12px;position:fixed;bottom:12px;left:12px}.copied-toast.is-visible{animation:5s forwards copiedFade}@keyframes copiedFade{0%{opacity:0;transform:translateY(4px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(4px)}}*{box-sizing:border-box}html,body{height:100%}body{color:#e8f0f0;background:#081616;margin:0;padding:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:500}h1,h2,h3,.panel-title,.hero-name{letter-spacing:.5px;color:#e8f0f0;font-family:Cinzel Decorative,serif;font-weight:900}:root{--green-900:#0d2a2a;--panel-bg:#0f2323;--panel-stroke:#235a45;--panel-shadow:0 10px 26px #00000059;--gold-1:#ffd86a;--gold-2:#f3b324;--gold-3:#b37b0c;--muted:#b6c7c7}.site-header{z-index:50;background:radial-gradient(120% 120% at 50% 0,#011c1a 0%,#002521 60%,#003428 100%);border-bottom:2px solid #876017;height:64px;position:sticky;top:0;overflow:visible;box-shadow:0 6px 20px #00000059}.site-header__inner{align-items:center;gap:20px;height:64px;padding:0 16px;display:flex}@media (min-width:1100px){.site-header__inner{justify-content:center}}.site-header__brand{letter-spacing:.5px;color:#e6f6f0;text-shadow:0 1px #000;width:160px;height:64px;font-family:Cinzel Decorative,ui-serif,Georgia,serif;font-size:18px;text-decoration:none;display:block;position:relative}.site-header__logo{object-fit:contain;object-position:top left;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;height:104px;position:absolute;top:0;left:0}.site-header__nav{gap:18px;margin-left:12px;display:flex}.site-header__link{letter-spacing:.6px;text-transform:uppercase;color:#cbf2d9;opacity:.9;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:700;text-decoration:none}.site-header__link:hover{opacity:1;background:#ffffff0d}.site-header__link.is-active{color:#fff;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff14,0 0 12px #78ffb426}.site-header__user{align-items:center;margin-left:auto;display:flex}.userchip{position:relative}.userchip__btn{color:#e9fff3;background:#ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;font-weight:700;display:flex}.userchip__btn:hover{background:#ffffff17}.userchip__avatar{object-fit:cover;border-radius:999px;width:28px;height:28px;box-shadow:0 0 0 2px #ffffff1f}.userchip__name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.userchip__chev{opacity:.9;transition:transform .15s}.userchip__chev.rot{transform:rotate(180deg)}.usermenu{background:#0f2323;border:1px solid #235a45;border-radius:12px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #00000073}.usermenu__item{text-align:left;color:#e9fff3;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:10px 12px;font-weight:600;text-decoration:none;display:block}.usermenu__item:hover{background:#ffffff0f}.usermenu__item--danger{color:#ffd2d2}.usermenu__item--danger:hover{background:#ff5a5a1f}@media (max-width:720px){.site-header__inner{gap:12px}.site-header__nav{display:none}.site-header__link{padding:6px 8px;font-size:12px}.userchip__name{display:none}.hero-card{padding-left:20px;padding-right:20px}}.main-bg{background:url(/images/bg/main.jpg) 50%/cover no-repeat fixed}.screen{background-color:#00000026;justify-content:space-between;align-items:stretch;gap:24px;width:100%;height:calc(100vh - 64px);padding:24px;display:flex}.col-left{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.col-right{flex:0 0 520px;width:520px;min-width:0;display:flex}.hero-card{background:url(/images/bg/bg2.png) 50%/100% 100% no-repeat;border:none;width:720px;max-width:100%;margin:24px auto 12px 24px;padding:13px 40px}.hero-header{align-items:center;gap:16px;margin-bottom:10px;display:flex}.hero-avatar{object-fit:cover;border-radius:12px;width:96px;height:96px}.hero-meta{flex:1;min-width:0}.hero-name{white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:22px;overflow:hidden}.server-pill{color:#d4ecec;background:#173131;border:1px solid #ffffff1f;border-radius:12px;padding:6px 10px;font-size:13px;display:inline-block}.hero-field{margin-top:8px}.hero-actions{align-items:center;gap:12px;margin-top:10px;display:flex}.hero-grid{align-items:stretch;gap:16px;display:flex}.hero-left{flex-direction:column;flex:0 0 35%;min-width:0;max-width:35%;display:flex}.hero-left .hero-name{text-align:center;margin:10px 0 8px}.hero-avatar-wrap{flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex;overflow:hidden}.hero-avatar-wrap .hero-avatar{object-fit:cover;object-position:top center;transform-origin:top;width:70%;height:100%;max-height:260px;transform:scale(1)}.hero-right{flex-direction:column;flex:65%;justify-content:center;gap:10px;min-width:0;max-width:65%;display:flex}.hero-right .hero-actions{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:8px}.hero-right .btn-gold{letter-spacing:.5px;font-family:Cinzel Decorative,serif}.hint{font-size:.8rem}input,select{color:#e9fff3;background:#132b2b;border:1px solid #ffffff2e;border-radius:10px;padding:10px 12px}button{padding:10px 12px;font-size:1.1rem}button:hover{cursor:pointer}.btn{color:#e9fff3;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;font-weight:700;display:inline-flex}.btn:hover{background:#ffffff17}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--solid{background:linear-gradient(90deg,#382406,#271e01);border:1px solid #0000;box-shadow:inset 0 0 0 1px #94640859}.btn--solid:hover{filter:brightness(1.05)}.btn--ghost{background:0 0}.btn--danger{color:#ffd2d2}.btn--sm{padding:8px 10px;font-size:.9rem}.btn--noborder{box-shadow:none!important;border:0!important}.btn-gold{background:url(/images/bg/bg3.png) 50%/cover no-repeat;border:none;padding:15px 60px}.btn-gold:disabled{opacity:.55;cursor:not-allowed}.mychars-wrap{width:720px;max-width:100%;box-shadow:none;background:url(/images/bg/bg5.png) 50%/100% 100% no-repeat;border:none;border-radius:16px;min-height:200px;margin-top:auto;margin-bottom:24px;margin-left:24px;padding:12px 14px;position:relative}.mychars--fixed{flex-direction:column;height:240px;display:flex}.mychars-scroll{flex:1;min-height:0;padding-left:20px;overflow:auto}.mychars-wrap>div:first-child{padding:20px 20px 10px!important}.mychars-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px;display:grid}.mychars-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#031e1a,#03281d) padding-box padding-box,linear-gradient(#031c19,#34461d) border-box;border:1px solid #0000;border-radius:12px;margin:6px}.mychars-item:hover{filter:brightness(1.05)}.mychars-item:focus-visible{outline-offset:2px;outline:2px solid #7cff85}.mychars-item-row{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.mychars-item-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.mychars-item-server{color:#cbe8df;font-size:12px}.mychars-item-right{text-align:right}.mychars-item-level{color:#fff;font-size:.8rem;font-weight:400}.mychars-item-active{color:#fff0;font-size:12px}.mychars-item-active.is-active{color:#7cff85}.mychars-scroll::-webkit-scrollbar{width:8px}.panel-right-scroll::-webkit-scrollbar{width:8px}.col-right{min-height:0}.panel-right{box-shadow:none;background:url(/images/bg/bg4.png) 50%/100% 100% no-repeat;border:none;border-radius:16px;flex-direction:column;width:100%;height:calc(100% - 24px);min-height:500px;margin-top:24px;margin-right:24px;padding:36px 48px 24px;display:flex;position:relative}.panel-right .panel-title{font-size:16px}.panel-right-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding-bottom:6px;display:flex}.panel-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;overflow:hidden}.results{color:var(--muted);font-size:13px}.panel-right-scroll{flex:1;min-width:0;min-height:0;margin-top:10px;padding:10px 12px 0;overflow:auto}.card{border:1px solid var(--panel-stroke);background:var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:16px;padding:12px}.profile-add-grid{grid-template-columns:1fr 1fr 1fr 1fr auto;align-items:center;gap:8px;display:grid}.profile-add-grid select,.profile-add-grid input{width:100%}@media (max-width:720px){.profile-add-grid{grid-template-columns:1fr}.profile-add-grid>*{min-width:0}.profile-add-grid button{width:100%}}.match-card{z-index:1000;background:linear-gradient(#031e1a,#03281d) padding-box padding-box,linear-gradient(90deg,#294f34,#51734c,#63885c,#48704c,#2c4f30) border-box;border:1px solid #0000;border-radius:12px;max-width:100%;margin:0 12px 20px;padding:0;transition:filter .12s,transform .12s}.match-card:hover{cursor:pointer;filter:brightness(1.05)}.match-row{align-items:center;gap:12px;padding:10px 12px;display:flex}.main-bg .match-row{padding:0}.match-col1{flex:0 0 20%;min-width:0;max-width:20%}.match-col2,.match-col3{flex:1 1 0;min-width:0}.match-col3{text-align:right;padding-right:20px}.match-img{object-fit:contain;object-position:left center;width:100%;height:auto;max-height:64px;display:block}.match-name{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.match-class{color:var(--muted);white-space:nowrap;font-size:13px}.match-level{font-size:.8rem;font-weight:400}.match-delete{color:#ffd2d2;background:0 0;border:0;font-size:.8rem;font-weight:400;padding:0!important}@media (max-width:1240px){.screen{flex-direction:column;height:auto;min-height:calc(100vh - 64px)}.col-right{flex:none;width:auto}.panel-right{height:520px;margin:0 24px 24px}.hero-card,.mychars-wrap{width:auto;margin-left:24px;margin-right:24px}}@media (max-width:720px){.screen{gap:16px;padding:16px}.hero-card{margin:16px auto;padding:12px 16px}.hero-grid{flex-direction:column}.hero-left,.hero-right{flex:auto;max-width:100%}.hero-avatar-wrap .hero-avatar{width:80%;max-height:200px}.hero-right .hero-actions{align-items:stretch}.panel-right{height:auto;min-height:0;margin:0 16px 16px;padding:20px}.panel-right-scroll{max-height:420px}.mychars-wrap{margin:12px 16px;padding:10px 12px}.mychars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-row{flex-wrap:wrap;gap:10px;padding:10px}.match-col1{flex:0 0 72px;max-width:72px}.match-col2{min-width:0}.match-col3{padding-right:0}}@media (max-width:480px){.site-header__nav{overflow-x:auto}.screen{gap:12px;padding:12px}.hero-avatar-wrap .hero-avatar{width:100%;max-height:180px}.btn-gold{padding:12px 24px}.mychars-grid{grid-template-columns:1fr}.panel-right-head{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}.panel-title{white-space:normal;font-size:18px;line-height:1.2}.results{justify-self:end;margin-left:0;font-size:12px}.match-row{flex-wrap:wrap;align-items:flex-start;gap:8px}.match-col1{flex:0 0 56px;max-width:56px}.match-img{max-height:48px}.match-col2{min-width:0}.match-col3{text-align:left;flex:100%;margin-top:4px;padding-right:0}.match-name{white-space:normal;font-size:.95rem}.match-class{white-space:normal;font-size:12px}}.empty-panel,.empty-text{color:var(--muted);font-size:14px}.server-select{color:#e8f0f0;background:linear-gradient(90deg,#382406,#271e01) padding-box padding-box,linear-gradient(90deg,#946408,#3a2c07) border-box;border:1px solid #0000;border-radius:10px;width:100%;padding:8px 10px}.server-select:disabled{opacity:.7}.octo-field{position:relative}.octo-label{letter-spacing:.6px;text-transform:uppercase;color:#d4d5cd;opacity:.9;margin-bottom:6px;font-size:12px;display:block}.octo-input-wrap{align-items:stretch;gap:8px;display:flex;position:relative}.octo-input-wrap:after{content:"";opacity:.9;pointer-events:none;border-bottom:2px solid #7cff85;border-right:2px solid #7cff85;width:8px;height:8px;position:absolute;top:50%;right:14px;transform:translateY(-60%)rotate(45deg)}.octo-input-wrap--no-chev:after{display:none}.octo-input,.octo-select{color:#e9fff3;background:linear-gradient(90deg,#382406,#271e01) padding-box padding-box,linear-gradient(90deg,#946408,#3a2c07) border-box;border:1px solid #0000;border-radius:12px;outline:none;width:100%;padding:12px 44px 12px 14px;font-size:1.1rem;box-shadow:inset 0 1px #ffffff14}.octo-input--button{text-align:left;background:linear-gradient(90deg,#382406,#271e01);width:100%;display:block}.octo-input::placeholder{color:#e9fff399}.octo-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%237cff85' d='M7 10l5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px 14px}.octo-select option,.server-select option,.octo-select optgroup,.server-select optgroup{color:#e9fff3;background:linear-gradient(90deg,#382406,#271e01)}.octo-clear{color:#e9fff3;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;padding:0 10px;font-weight:800}.octo-clear:hover{background:#ffffff1a}.octo-panel{z-index:30;background:linear-gradient(90deg,#382406,#271e01) padding-box padding-box,linear-gradient(90deg,#946408,#3a2c07) border-box;border:1px solid #0000;border-radius:12px;max-height:220px;margin-top:6px;position:absolute;left:0;right:0;overflow:auto;box-shadow:0 14px 30px #00000073}.octo-empty{color:var(--muted);padding:10px 12px}.octo-item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border-top:1px solid #94640840;padding:10px 12px;overflow:hidden}.octo-item:hover,.octo-item.is-active{background:#ffffff0f}a,a:visited,a:hover,a:active{color:#fff}