.beginner-items-wrapper{padding:1rem}.class-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--ko-line);justify-content:center}.class-tab{padding:.5rem 1rem;border:1px solid var(--ko-line-2);border-radius:var(--ko-radius);background:rgb(0 0 0 / 30%);color:var(--ko-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.class-tab:hover{background:rgb(200 162 83 / 10%);border-color:var(--ko-line-2);color:var(--ko-gold-lt)}.class-tab.active{background:linear-gradient(180deg,#6d5527,#3a2c13);border-color:var(--ko-gold);color:var(--ko-gold-lt);font-weight:600}.beginner-items-wrapper .inventory-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}.beginner-items-wrapper .inventory-seperator{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.beginner-items-wrapper .pus-items{flex-shrink:0}.beginner-items-wrapper .equipment-grid{position:relative;width:370px;height:400px;margin:0 auto;background:rgb(0 0 0 / 45%);border:1px solid var(--ko-line);background-image:url(../images/profile/tournament_chaos_2021_a01.png);background-position:-512px -273px}.beginner-items-wrapper .equip-slot{position:absolute;width:45px;height:45px;background:rgb(0 0 0 / 25%);border:1px solid var(--ko-line);border-radius:var(--ko-radius);display:flex;align-items:center;justify-content:center;padding:3px}.beginner-items-wrapper .slot-0{top:40px;right:110px}.beginner-items-wrapper .slot-1{top:40px;left:50%;transform:translateX(-50%)}.beginner-items-wrapper .slot-2{top:40px;left:110px}.beginner-items-wrapper .slot-3{top:95px;left:50%;transform:translateX(-50%)}.beginner-items-wrapper .slot-4{top:150px;left:50%;transform:translateX(-50%)}.beginner-items-wrapper .slot-5{top:95px;right:110px}.beginner-items-wrapper .slot-6{top:150px;left:110px}.beginner-items-wrapper .slot-7{top:205px;left:50%;transform:translateX(-50%)}.beginner-items-wrapper .slot-8{top:150px;right:110px}.beginner-items-wrapper .slot-9{top:260px;right:110px}.beginner-items-wrapper .slot-10{top:260px;left:50%;transform:translateX(-50%)}.beginner-items-wrapper .slot-11{top:260px;left:110px}.beginner-items-wrapper .slot-12{top:315px;left:110px}.beginner-items-wrapper .slot-13{top:315px;left:50%;transform:translateX(-50%)}.beginner-items-wrapper .ko-tooltip-item{width:100%;height:100%;position:relative}.beginner-items-wrapper .ko-tooltip-item .duration{position:absolute;bottom:1px;left:3px;font-size:11px;font-weight:700;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px #000,0 1px 3px #000}.beginner-items-wrapper .ko-tooltip-item .count{position:absolute;bottom:1px;right:3px;font-size:11px;font-weight:700;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px #000,0 1px 3px #000}.beginner-items-wrapper .inventory-bag{display:grid;grid-template-columns:repeat(7,45px);gap:6px;background:rgb(0 0 0 / 45%);padding:10px;border:1px solid var(--ko-line)}.beginner-items-wrapper .bag-slot{width:45px;height:45px;background:rgba(0,0,0,.25);border:1px solid var(--ko-line);border-radius:var(--ko-radius);padding:3px}.beginner-items-wrapper .inventory-bag.pus-bag{grid-template-columns:repeat(3,45px)}.beginner-items-wrapper .magic-bags{display:flex;align-items:self-end;gap:1rem}.beginner-items-wrapper .magic-bags .bag-tab h5{font-size:16px;text-align:center}.beginner-items-wrapper .inventory-bag.magic-bag{grid-template-columns:repeat(3,45px)}.empty-state{text-align:center;padding:3rem 1rem;color:#c5beb3;font-size:15px}@media only screen and (max-width:768px){.class-tabs{gap:4px}.class-tab{font-size:11px;padding:.4rem .7rem}.beginner-items-wrapper .inventory-seperator{flex-direction:column;align-items:center}.beginner-items-wrapper .equipment-grid{width:100%;max-width:370px}.beginner-items-wrapper .magic-bags{flex-wrap:wrap;justify-content:center}}.target-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:-.75rem 0 1.25rem}.target-tab{padding:.3rem .8rem;border:1px solid var(--ko-line);border-radius:var(--ko-radius);background:rgb(0 0 0 / 25%);color:var(--ko-muted);font-size:12px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.target-tab:hover{color:var(--ko-gold-lt);border-color:var(--ko-line-2)}.target-tab.active{background:rgb(200 162 83 / 12%);border-color:var(--ko-gold);color:var(--ko-gold-lt)}.bi-topbar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.25rem;padding:.5rem .9rem;margin:0 auto 1rem;max-width:1080px;background:linear-gradient(180deg,rgb(52 42 26 / 45%),rgb(20 16 11 / 45%));border:1px solid var(--ko-line);border-radius:var(--ko-radius)}.bi-topbar__title{display:flex;align-items:center;gap:.5rem;margin-right:auto}.bi-topbar__title>i{font-size:14px;color:var(--ko-gold)}.bi-topbar__title h3{margin:0;font-family:BeaufortForLoL,Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ko-gold-lt)}.bi-topbar__name{font-size:12px;color:var(--ko-muted);padding-left:.6rem;border-left:1px solid var(--ko-line)}.bi-topbar__figures{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem 1.5rem}.bi-figure{display:inline-flex;align-items:baseline;gap:.4rem;white-space:nowrap}.bi-figure>i{font-size:12px;color:var(--ko-gold)}.bi-figure__label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ko-dim)}.bi-figure__value{font-family:BeaufortForLoL,Inter,sans-serif;font-size:15px;font-weight:700;color:var(--ko-gold-lt);text-shadow:0 1px 2px rgb(0 0 0 / 80%)}.beginner-layout{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.6rem}.bi-card{display:flex;flex-direction:column;flex:0 0 240px;width:240px}.bi-card .ko-panel__head{padding:.5rem .7rem}.bi-card .ko-panel__head h3{font-size:13px}.bi-list{margin:0;padding:.4rem;display:flex;flex-direction:column;gap:2px;flex:1 1 auto}.bi-row{display:flex;align-items:center;gap:.6rem;padding:.35rem .5rem;background:rgb(0 0 0 / 22%);border:1px solid transparent;border-radius:var(--ko-radius);transition:background .2s,border-color .2s}.bi-row:hover{background:rgb(200 162 83 / 8%);border-color:var(--ko-line)}.bi-row__key{flex:0 0 42px;text-align:center;font-family:BeaufortForLoL,Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ko-gold)}.bi-row__label{flex:1 1 auto;min-width:0;font-size:12.5px;color:var(--ko-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-row__value{flex:0 0 auto;font-family:BeaufortForLoL,Inter,sans-serif;font-size:14px;font-weight:700;color:var(--ko-gold-lt)}@media only screen and (max-width:1399.98px){.beginner-layout .empty-state,.beginner-layout .inventory-wrapper{order:-1;flex:1 0 100%}}@media only screen and (max-width:768px){.bi-card{flex-basis:100%;width:100%;max-width:320px}.bi-topbar{justify-content:center}.bi-topbar__title{margin-right:0;width:100%;justify-content:center}.bi-topbar__figures{justify-content:center;width:100%}}