.pp-page{padding:18px 0 30px}
.pp-page .sk-panel{margin-bottom:16px}
.pp-page .sk-panel__head{min-height:36px}
.pp-page .sk-panel__head h3{font-size:12.5px}
.pp-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px}
.pp-hero__ident{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.pp-hero__class{flex:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ko-line-2);background:radial-gradient(circle at 50% 35%,#2a2116,#110d09);color:var(--ko-gold-lt);font-size:20px}
.pp-hero__names{min-width:0}
.pp-hero__name{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-family:var(--ko-display)!important;font-weight:900;font-size:22px;line-height:1.1;color:#fff!important;letter-spacing:.02em}
.pp-dot{width:9px;height:9px;border-radius:50%;background:#5b5346;box-shadow:0 0 0 2px rgba(0,0,0,.4)}
.pp-dot.on{background:#4ade80;box-shadow:0 0 8px #4ade80}
.pp-hero__tags{display:flex;flex-wrap:wrap;gap:5px}
.pp-chip{display:inline-flex;align-items:center;gap:6px;height:25px;padding:0 9px;border:1px solid var(--ko-line);background:#16120c;color:var(--ko-text);font-size:11.5px;font-weight:600;border-radius:2px;white-space:nowrap}
.pp-chip .sk-natico{width:16px;height:16px;font-size:9px}
.pp-chip--gold{border-color:var(--ko-line-2);background:linear-gradient(#6d5527,#3a2c13);color:var(--ko-gold-lt)}
.pp-chip--tag{color:#4ade80;border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.06)}
.pp-hero__clan{flex:none;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--ko-line);background:#14100b;color:var(--ko-text)!important;margin-left:auto}
.pp-hero__clan:hover{border-color:var(--ko-line-2)}
.pp-hero__clanmark{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#6d5527,#3a2c13);color:var(--ko-gold-lt);font-size:13px;border:1px solid var(--ko-line-2)}
.pp-hero__claninfo{display:flex;flex-direction:column;line-height:1.2}
.pp-hero__clanname{font-weight:700;font-size:13px;color:var(--ko-gold-lt)}
.pp-hero__clanrole{font-size:11px;color:var(--ko-muted)}
.pp-hero__facts{flex:none;width:min(52%,690px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pp-fact{padding:7px 10px;border:1px solid var(--ko-line);background:#120e09;text-align:center}
.pp-fact__label{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ko-muted)}
.pp-fact__value{display:block;margin-top:2px;font-family:var(--ko-display);font-weight:700;font-size:14px;color:var(--ko-gold-lt)}
.pp-statrow__body{display:flex}
.pp-exp{flex:none;width:220px;padding:9px 12px;border-right:1px solid var(--ko-line)}
.pp-exp__row{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--ko-muted);line-height:19px;margin-bottom:4px}
.pp-exp__value{color:var(--ko-text);font-weight:700}
.pp-progress{height:8px;margin:4px 0 6px;border:1px solid var(--ko-line);background:#0d0b08;padding:1px}
.pp-progress i{display:block;height:100%;background:linear-gradient(90deg,#6f5729,#c8a253,#f2d78f)}
.pp-stats{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 16px;padding:9px 12px;align-content:start}
.pp-stat{display:flex;align-items:center;gap:10px;height:19px}
.pp-stat__label{flex:none;width:52px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ko-gold)}
.pp-stat__bar{flex:1;height:6px;border:1px solid var(--ko-line);background:#0d0b08;padding:0}
.pp-stat__fill{display:block;height:100%;background:linear-gradient(90deg,#6f5729,#c8a253)}
.pp-stat__value{flex:none;min-width:56px;text-align:right;font-size:12px;font-weight:700;color:var(--ko-text)}
.pp-grid{display:grid;grid-template-columns:minmax(0,1fr) 537px;gap:16px;align-items:start}
.pp-preview{margin-bottom:0!important}
.pp-live{display:none}
.pp-preview__stage{position:relative;height:620px;overflow:hidden;background:linear-gradient(180deg,rgba(13,11,8,.05),rgba(13,11,8,.35)),url('../Public/Web/avatar/profile-courtyard-v1.png') center/cover,#0d0b08}
.pp-preview__stage canvas{display:block;width:100%!important;height:100%!important;position:relative;z-index:2}
.pp-preview__loading{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ko-muted);font-size:12px;background:rgba(13,11,8,.55)}
.pp-preview__loading i{font-size:22px;color:var(--ko-gold)}
.pp-gearrow{display:grid;grid-template-columns:163px minmax(0,1fr);gap:15px}
.pp-box .inventory-bag{display:grid;gap:4px;padding:9px;background:none!important;width:auto!important;height:auto!important;position:static!important}
.inventory-bag--narrow{grid-template-columns:repeat(3,44px);justify-content:center}
.pp-equip{grid-template-columns:repeat(3,44px);justify-content:center;gap:8px 22px!important;padding:14px 9px!important}
.inventory-bag--main{grid-template-columns:repeat(7,44px);justify-content:center}
.pp-box .bag-slot{position:relative!important;left:auto!important;top:auto!important;width:44px;height:44px;border:1px solid rgba(160,126,72,.28);background:radial-gradient(circle at 50% 40%,#1d1710,#0d0b08);box-shadow:inset 0 0 8px rgba(0,0,0,.7);cursor:default}
.pp-box .bag-slot.is-full{border-color:rgba(196,158,92,.5);cursor:pointer}
.pp-box .bag-slot.is-full:hover{border-color:var(--ko-gold-lt);box-shadow:0 0 0 1px rgba(242,215,143,.3),inset 0 0 8px rgba(0,0,0,.5)}
.pp-box .bag-slot.is-void{border-color:transparent;background:none;box-shadow:none}
.pp-box .bag-slot img{display:block;width:100%;height:100%;object-fit:cover}
.bag-slot__n{position:absolute;right:2px;bottom:1px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000}
.pp-reb{padding:8px 10px}
.pp-reb__row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--ko-line);font-size:12px;color:var(--ko-muted)}
.pp-reb__row b{color:var(--ko-gold-lt)}
.pp-reb__empty{padding:14px 0;text-align:center;font-size:12px;color:var(--ko-dim)}
@media (max-width:1399px){.pp-hero{flex-direction:column;align-items:stretch}.pp-hero__facts{width:100%}.pp-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1199px){.pp-grid{grid-template-columns:1fr}.pp-gearrow{grid-template-columns:163px minmax(0,1fr)}}
@media (max-width:767px){.pp-hero__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-statrow__body{flex-direction:column}.pp-exp{width:auto;border-right:0;border-bottom:1px solid var(--ko-line)}.pp-stats{grid-template-columns:1fr 1fr}.pp-preview__stage{height:440px}.pp-gearrow{grid-template-columns:1fr}.inventory-bag--main{grid-template-columns:repeat(7,minmax(0,1fr))!important}.pp-box .bag-slot{width:auto;height:auto;aspect-ratio:1}.pp-hero__clan{margin-left:0}.pp-hero__ident{flex-wrap:wrap}}
.pp-extra{margin-top:16px}
.pp-extra__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.pp-extra__row>.pp-xbox{display:flex;flex-direction:column}
.pp-xbox__body{flex:1;padding:0}
.pp-zone{margin-left:6px;font-family:var(--ko-body);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ko-muted);text-transform:none}
.pp-coords{font-size:11px}
.pp-page .ch-summary-list{margin:0;padding:4px 0}
.pp-page .ch-summary-row{display:flex;justify-content:space-between;gap:10px;padding:7px 14px;border-bottom:1px solid var(--ko-line);font-size:12px}
.pp-page .ch-summary-row:last-child{border-bottom:0}
.pp-page .ch-summary-row dt{font-weight:600;color:var(--ko-muted);text-transform:none;letter-spacing:0;font-size:12px}
.pp-page .ch-summary-row dd{margin:0;text-align:right;color:var(--ko-text);font-weight:600}
.pp-page .ch-summary-sub{display:block;font-size:10px;color:var(--ko-dim)}
.pp-map .ch-map-wrap{height:100%;min-height:290px;padding:10px}
.pp-map .ch-map-stage{position:relative;width:100%;height:100%;min-height:270px;max-height:330px;aspect-ratio:auto;background-size:cover;background-position:center;border:1px solid var(--ko-line)}
.pp-map .ch-map-pin{position:absolute;transform:translate(-50%,-50%)}
.pp-map .ch-map-pin__dot{display:block;width:12px;height:12px;margin:0 auto;border-radius:50%;background:var(--ko-gold);box-shadow:0 0 0 3px rgba(200,162,83,.3)}
.pp-map .ch-map-pin__dot.online{background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.3),0 0 12px #4ade80}
.pp-map .ch-map-pin__label{display:block;margin-top:4px;padding:2px 7px;background:rgba(13,11,8,.9);border:1px solid var(--ko-line-2);color:var(--ko-gold-lt);font-size:10px;font-weight:700;white-space:nowrap;text-transform:uppercase}
.pp-map .ch-map-noimg,.pp-map .ch-map-nocoords{height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:var(--ko-muted);font-size:12px;background:#120e09;border:1px dashed var(--ko-line)}
.pp-map .ch-map-noimg i,.pp-map .ch-map-nocoords i{font-size:24px;color:var(--ko-gold)}
.pp-map .ch-map-noimg b{color:var(--ko-text)}
.pp-page .ch-social{padding:12px;display:flex;flex-direction:column;gap:12px}
.pp-page .ch-social-top{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pp-page .ch-stat-box{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--ko-line);background:#120e09}
.pp-page .ch-stat-box__ico{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--ko-line-2);border-radius:50%;color:var(--ko-gold);background:rgba(0,0,0,.3)}
.pp-page .ch-stat-box__body{display:flex;flex-direction:column;line-height:1.2}
.pp-page .ch-stat-box__val{font-family:var(--ko-display);font-weight:700;font-size:17px;color:var(--ko-gold-lt)}
.pp-page .ch-stat-box__lbl{font-size:11px;color:var(--ko-muted)}
.pp-page .ch-vote-panel{padding:10px;border:1px solid var(--ko-line);background:#120e09}
.pp-page .ch-vote-panel__head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;color:var(--ko-text)}
.pp-page .ch-vote-panel__head i{color:var(--ko-crimson-lt)}
.pp-page .ch-vote-panel__head small{font-weight:500;color:var(--ko-muted)}
.pp-page .ch-vote-panel__head a{color:var(--ko-gold-lt)!important}
.pp-page .ch-like-group{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pp-page .ch-like-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:1px solid var(--ko-line);background:linear-gradient(#1d1710,#110d09);color:var(--ko-text);font-size:11px;font-weight:600;cursor:pointer;border-radius:2px}
.pp-page .ch-like-btn:hover,.pp-page .ch-like-btn.is-active{border-color:var(--ko-gold);color:var(--ko-gold-lt)}
.pp-page .ch-like-btn__ico{font-size:15px;color:var(--ko-gold)}
.pp-page .ch-like-btn--bad .ch-like-btn__ico{color:var(--ko-crimson-lt)}
.pp-page .ch-like-count{font-family:var(--ko-display);font-weight:700;font-size:14px;color:var(--ko-gold-lt)}
.pp-page .ch-transfer-panel{padding:10px;border:1px solid var(--ko-line);background:#120e09;font-size:12px;color:var(--ko-muted)}
.pp-page .ch-transfer-panel__head{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ko-text);margin-bottom:8px}
.pp-page .ch-balance-row{display:flex;gap:6px;margin-bottom:8px}
.pp-page .ch-balance-chip{flex:1;padding:6px 8px;border:1px solid var(--ko-line);background:#0d0b08;display:flex;justify-content:space-between}
.pp-page .ch-balance-chip__val{color:var(--ko-gold-lt);font-weight:700}
.pp-page .ch-transfer-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pp-page .ch-field{display:flex;flex-direction:column;gap:4px}
.pp-page .ch-field--full,.pp-page .ch-field--action{grid-column:1/-1}
.pp-page .ch-field__label{font-size:11px;font-weight:600;color:var(--ko-muted)}
.pp-page .ch-field__input{width:100%;padding:8px 10px;background:#0d0b08;border:1px solid var(--ko-line);color:var(--ko-text);font-size:13px;border-radius:2px;outline:none}
.pp-page .ch-field__input:focus{border-color:var(--ko-gold)}
.pp-page .ch-field__textarea{min-height:90px;resize:vertical}
.pp-page .ch-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 16px;border:1px solid var(--ko-line-2);background:linear-gradient(#6d5527,#3a2c13);box-shadow:inset 0 1px 0 rgba(242,215,143,.25);color:var(--ko-gold-lt);font-family:var(--ko-display);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:3px}
.pp-page .ch-btn-primary:hover{filter:brightness(1.15)}
.pp-page .ch-social-note,.pp-page .ch-transfer-panel__note{font-size:11px;color:var(--ko-dim)}
.pp-page .ch-perks-wrap{display:flex;flex-direction:column;gap:12px}
.pp-page .ch-perks-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pp-page .ch-perks-stat{padding:8px 10px;border:1px solid var(--ko-line);background:#120e09;text-align:center;border-radius:2px}
.pp-page .ch-perks-stat__label{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ko-muted)}
.pp-page .ch-perks-stat__val{display:block;font-family:var(--ko-display);font-size:18px;color:var(--ko-gold-lt)}
.pp-page .ch-perks-stat--accent{border-color:var(--ko-line-2);background:linear-gradient(#2a2114,#15100a)}
.pp-page .ch-perks-list{display:grid!important;flex-direction:unset!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;max-height:none!important;overflow:visible!important;padding:0!important}
.pp-page .ch-perk-row{position:relative;display:flex;width:auto!important;align-items:center;gap:10px;margin:0!important;padding:9px 10px;border:1px solid var(--ko-line);background:#120e09;border-radius:2px;box-shadow:none}
.pp-page .ch-perk-row.is-active{border-color:rgba(196,158,92,.5);background:linear-gradient(#1f1912,#120e09)}
.pp-page .ch-perk-row.is-idle{opacity:.6}
.pp-page .ch-perk-row__ring{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--ko-gold) calc(var(--pct)*1%),rgba(160,126,72,.18) 0);position:relative}
.pp-page .ch-perk-row__ring::before{content:'';position:absolute;inset:3px;border-radius:50%;background:#120e09}
.pp-page .ch-perk-row__num{position:relative;font-family:var(--ko-display);font-weight:700;font-size:12px;color:var(--ko-gold-lt)}
.pp-page .ch-perk-row__body{flex:1;min-width:0}
.pp-page .ch-perk-row__top{display:flex;justify-content:space-between;gap:6px;align-items:baseline}
.pp-page .ch-perk-row__title{margin:0;font-family:var(--ko-body)!important;font-size:12.5px;font-weight:700;color:var(--ko-text);text-transform:none}
.pp-page .ch-perk-row__pts{font-size:12px;font-weight:700;color:var(--ko-gold-lt)}
.pp-page .ch-perk-row__pts em{font-style:normal;color:var(--ko-dim)}
.pp-page .ch-perk-row__bonus{margin:2px 0 5px;font-size:11px;color:#4ade80}
.pp-page .ch-perk-row.is-idle .ch-perk-row__bonus{color:var(--ko-dim)}
.pp-page .ch-perk-row__track{height:4px;background:#0d0b08;border:1px solid var(--ko-line)}
.pp-page .ch-perk-row__track span{display:block;height:100%;background:linear-gradient(90deg,#6f5729,#c8a253)}
.pp-page .ch-perk-row__badge{position:absolute;top:6px;right:6px;display:none}
.pp-page .ch-perks-empty{color:var(--ko-muted);font-size:12px;text-align:center;margin:10px 0}
.pp-page .ch-comments{display:flex;flex-direction:column;gap:12px}
.pp-page .ch-comment-compose,.pp-page .ch-comment-login{padding:10px;border:1px solid var(--ko-line);background:#120e09;font-size:12px;color:var(--ko-muted)}
.pp-page .ch-comment-login a{color:var(--ko-gold-lt)!important}
.pp-page .ch-comment-form__foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.pp-page .ch-comment-form__count{font-size:11px;color:var(--ko-dim)}
.pp-page .ch-comment-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.pp-page .ch-comment-item__body,.pp-page .ch-comment-list>*{display:flex;gap:10px}
.pp-page .ch-comment-list>*{padding:10px;border:1px solid var(--ko-line);background:#120e09}
.pp-page .ch-comment-item__avatar{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--ko-line-2);border-radius:50%;color:var(--ko-gold);background:rgba(0,0,0,.3)}
.pp-page .ch-comment-item__head{display:flex;gap:10px;font-size:11px;color:var(--ko-muted);margin-bottom:3px}
.pp-page .ch-comment-item__content{font-size:13px;color:var(--ko-text);word-break:break-word}
.pp-page .ch-comment-empty{padding:16px;text-align:center;font-size:12px;color:var(--ko-dim);border:1px dashed var(--ko-line)}
.pp-page .ch-comment-pending-badge{font-size:10px;padding:1px 6px;border:1px solid var(--ko-line-2);color:var(--ko-gold-lt)}
@media (max-width:1199px){.pp-extra__row{grid-template-columns:1fr 1fr}.pp-extra__row>.pp-xbox:nth-child(2){grid-column:1/-1;order:3}}
@media (max-width:767px){.pp-extra__row{grid-template-columns:1fr}.pp-page .ch-perks-list{grid-template-columns:1fr}}
@media (pointer:coarse),(max-width:991px){.sk-panel{box-shadow:none!important}}
.pp-hero__clanmark img{width:22px;height:22px;image-rendering:pixelated;display:block}

.pp-bagtabs{display:flex;gap:4px;justify-content:center;padding:10px 10px 0}
.pp-bagtabs button{min-width:30px;height:24px;padding:0 8px;border:1px solid var(--ko-line-2,rgba(200,162,83,.3));border-radius:3px;background:#0b0906;color:var(--ko-muted,#93897a);font-size:11px;font-weight:800;cursor:pointer}
.pp-bagtabs button.is-on{background:linear-gradient(180deg,#e9c97a,#b08a3c);border-color:#b08a3c;color:#1d1508}
.pp-bagpage[hidden]{display:none!important}
a.bag-slot{display:block;text-decoration:none;cursor:pointer}
a.bag-slot.is-full:hover{border-color:var(--ko-gold-lt,#f2d78f)!important;box-shadow:0 0 0 1px var(--ko-gold-lt,#f2d78f),0 0 10px rgba(233,201,122,.35)}
div.itemInfo{border:1px solid rgba(200,162,83,.45);border-radius:4px;box-shadow:0 12px 32px rgba(0,0,0,.6)}

.pp-preview__stage{position:relative}
.ko-plate{position:absolute;left:var(--sk-head-x,50%);top:var(--sk-head-y,10%);z-index:3;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .2s;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1}
.has-plate>.ko-plate{opacity:1}
.ko-plate__row,.ko-plate__clan,.ko-plate__reb{position:absolute;left:0;transform:translateX(-50%);white-space:nowrap}
.ko-plate__row{bottom:0;display:flex;align-items:flex-end;gap:4px}
.ko-plate__nick{color:#8080ff;font-weight:400;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}
.ko-plate__clan{bottom:21px;color:#ff0000;font-weight:700;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}
.ko-plate__rank{position:relative;display:block;width:16px;height:16px;margin-bottom:1px}
.ko-plate__rank img{position:absolute;inset:0;width:16px;height:16px;image-rendering:pixelated}
.ko-plate__mark{display:block;width:16px;height:16px;margin-bottom:1px;image-rendering:pixelated}
.ko-plate__reb{bottom:24px;width:36px;height:36px;margin-bottom:0;transform:translateX(-50%) rotate(-90deg);image-rendering:pixelated}
.ko-plate.has-clan .ko-plate__reb{bottom:45px}
.pp-page .ch-summary-row dd a{color:var(--ko-gold-lt);text-decoration:none}
.pp-page .ch-summary-row dd a:hover{text-decoration:underline}
.pp-page .ch-summary-on{color:#4ade80}
.pp-page .ch-summary-off{color:var(--ko-dim)}
.pp-page .pk{display:flex;flex-direction:column;gap:12px}
.pp-page .pk-empty{margin:10px 0;color:var(--ko-muted);font-size:12px;text-align:center}
.pp-page .pk-head{padding:10px 12px;border:1px solid var(--ko-line-2);background:linear-gradient(180deg,rgba(200,162,83,.10),rgba(0,0,0,.25));border-radius:3px}
.pp-page .pk-head__nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:9px}
.pp-page .pk-head__nums>div{display:flex;flex-direction:column;align-items:center;gap:2px}
.pp-page .pk-head__nums span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ko-muted)}
.pp-page .pk-head__nums b{font-family:var(--ko-display);font-size:20px;line-height:1;color:var(--ko-gold-lt)}
.pp-page .pk-head__nums b em{font-style:normal;font-size:12px;color:var(--ko-dim)}
.pp-page .pk-head__nums b.is-hot{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.45)}
.pp-page .pk-head__bar{height:6px;background:#0b0906;border:1px solid var(--ko-line);border-radius:3px;overflow:hidden}
.pp-page .pk-head__bar i{display:block;height:100%;background:linear-gradient(90deg,#7a5c26,#e9c97a);box-shadow:0 0 8px rgba(233,201,122,.5)}
.pp-page .pk-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.pp-page .pk-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--ko-line);border-left:3px solid #3a3022;background:rgba(10,8,6,.55);border-radius:2px;transition:border-color .15s,background .15s}
.pp-page .pk-row:hover{border-color:var(--ko-line-2);background:rgba(30,24,15,.7)}
.pp-page .pk-row.is-on{border-left-color:#c8a253;background:linear-gradient(90deg,rgba(200,162,83,.12),rgba(10,8,6,.55) 60%)}
.pp-page .pk-row.is-full{border-left-color:#4ade80}
.pp-page .pk-ico{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ko-line);border-radius:50%;background:radial-gradient(circle at 50% 35%,#241c12,#0d0a07);color:#6b604f;font-size:13px}
.pp-page .pk-row.is-on .pk-ico{color:#e9c97a;border-color:rgba(200,162,83,.6);box-shadow:0 0 10px rgba(200,162,83,.25)}
.pp-page .pk-row.is-full .pk-ico{color:#4ade80;border-color:rgba(74,222,128,.55)}
.pp-page .pk-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.pp-page .pk-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;color:var(--ko-text)}
.pp-page .pk-row:not(.is-on) .pk-name{color:var(--ko-muted)}
.pp-page .pk-pips{display:flex;gap:3px}
.pp-page .pk-pips i{width:14px;height:5px;background:#1d1912;border:1px solid #3a3022;transform:skewX(-20deg)}
.pp-page .pk-pips i.on{background:linear-gradient(#f3d98f,#b08a3c);border-color:#c8a253;box-shadow:0 0 5px rgba(233,201,122,.5)}
.pp-page .pk-row.is-full .pk-pips i.on{background:linear-gradient(#86efac,#22a356);border-color:#4ade80;box-shadow:0 0 5px rgba(74,222,128,.5)}
.pp-page .pk-val{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:right}
.pp-page .pk-val b{font-family:var(--ko-display);font-size:15px;line-height:1;color:var(--ko-dim)}
.pp-page .pk-row.is-on .pk-val b{color:#4ade80}
.pp-page .pk-val small{font-size:10px;color:var(--ko-dim)}
@media (max-width:767px){.pp-page .pk-list{grid-template-columns:1fr}}