.idle-claim{display:grid;justify-items:end;gap:3px;flex:0 0 auto}.idle-claim small{color:#8f826c;font-size:10px}.avatar{overflow:hidden}.avatar .platform-avatar{width:100%;height:100%;object-fit:cover;background:#111;border-radius:50%;filter:drop-shadow(0 3px 5px #000)}
.resource{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 4px;text-align:left}.resource>img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}.resource div{min-width:0}.resource b{font-size:13px}.resource span{font-size:9px}
.overview-stage{position:relative;min-height:330px;overflow:hidden;border:1px solid #6c5129;background-color:#0b0d0b;background-image:url('/assets/player-art/image/single/role_13.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:7px}.overview-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07090722 0,#07090770 50%,#070907dd 100%);pointer-events:none}.overview-stage>.role-portrait{position:absolute;left:0;bottom:0;z-index:1}.overview-stats{position:relative;z-index:2;width:48%;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:18px}.overview-stats span{display:grid;gap:4px;padding:10px;border:1px solid #634a24;background:#090b09e6;color:#9d927b;font-size:10px}.overview-stats b{color:#ffe09a;font-size:13px}.quest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quest{position:relative;overflow:hidden;border:1px solid #4b3a20;background:#0e100d;padding:10px}.quest>i{position:absolute;left:0;bottom:0;height:3px;background:#ad7426}.quest.active>i{background:#4eb578}.quest h4{margin:0 0 4px;color:#e9c675;font-size:12px}.quest p{margin:0;color:#958a76;font-size:10px}
.role-portrait{position:relative;display:block;overflow:hidden}.role-portrait img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 8px #000c)}.role-portrait i{position:absolute;z-index:0;left:50%;bottom:2%;width:72%;height:14%;transform:translateX(-50%);border:1px solid #d08c32;border-radius:50%;box-shadow:0 0 28px #dc812e99,inset 0 0 18px #dc812e66}.role-portrait.large{width:310px;height:325px}.role-portrait.medium{width:150px;height:185px;margin:auto}.role-portrait.tiny{width:68px;height:72px;margin:auto}.role-portrait.tiny i{display:none}
.role-visual{position:relative;width:150px;height:190px;display:block;isolation:isolate}.role-visual img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 5px #000a)}.role-visual .role-wing{z-index:1;width:135%;height:135%}.role-visual .role-weapon{z-index:3}.role-visual .role-body{z-index:2}.role-aura{position:absolute;z-index:0;left:50%;bottom:8%;width:92%;height:32%;transform:translateX(-50%);border:1px solid #cd8c34;border-radius:50%;box-shadow:0 0 24px #d37d2c80,inset 0 0 18px #d37d2c55}.role-shadow{position:absolute;z-index:4;left:50%;bottom:6%;width:66%;height:10%;transform:translateX(-50%);background:#0008;border-radius:50%;filter:blur(4px)}.role-visual.large{width:270px;height:285px}.role-visual.medium{width:145px;height:180px;margin:auto}.role-visual.tiny{width:68px;height:72px;margin:auto}.role-visual.tiny .role-aura,.role-visual.tiny .role-shadow{display:none}
.team-visual button{min-height:120px;display:grid;place-items:center;align-content:center;gap:2px}.team-visual button b{color:#e7c06b}.team-visual button small{font-size:9px;color:#8f846f}.empty-slot{font-size:24px;color:#75603a}.role-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.role-card{position:relative;overflow:hidden;display:grid;grid-template-columns:145px 1fr;align-items:center;min-height:190px;border:1px solid #554222;background:#0c0e0b;border-radius:6px}.role-card.active{border-color:#d39a3c;box-shadow:inset 0 0 22px #a96c1f38}.role-card>em{position:absolute;z-index:5;top:8px;right:8px;color:#6ce09a;background:#173421;border:1px solid #39784f;padding:3px 6px;font-style:normal;font-size:9px}.role-card-info{padding:10px}.role-card-info h4{margin:0 0 5px;color:#f1cf7b}.role-card-info p{color:#9f947f;margin:0 0 6px;font-size:11px}.role-card-info strong{color:#67d792;font-size:12px}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.feature-card{display:grid;grid-template-columns:88px 1fr;align-items:center;min-height:136px;border:1px solid #534020;background:#0d0f0c;border-radius:6px;overflow:hidden}.feature-icon{height:100%;display:grid;place-items:center;background:#17140d;border-right:1px solid #4e3a1e}.feature-icon img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 3px 7px #000)}.feature-info{padding:10px;min-width:0}.feature-info h4{display:flex;justify-content:space-between;gap:4px;margin:0 0 4px;color:#efcb73}.feature-info h4 small{font-size:9px;color:#9a8c73}.feature-info strong{display:block;color:#69d790;font-size:11px}.cost{margin:8px 0}.cost span{display:block;color:#a89b82;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cost i{display:block;height:4px;margin-top:4px;background:#2d2b23}.cost b{display:block;height:100%;background:#cf9840}.feature-info button,.buy-button{width:100%;min-height:32px;border:1px solid #90662c;background:#34200d;color:#f0cd77;border-radius:4px;font-size:11px}.feature-info button:disabled,.buy-button:disabled{filter:grayscale(1);opacity:.45}
.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inventory-item{position:relative;min-height:160px;text-align:center;padding:10px;border:1px solid #584322;background:#0d0f0c;border-radius:5px}.inventory-icon{position:relative}.inventory-icon>b{position:absolute;right:2px;bottom:2px;color:#f6d789;font-size:10px}.inventory-item img{width:75px;height:75px;object-fit:contain;filter:drop-shadow(0 4px 6px #000)}.inventory-item h4{margin:3px 0;color:#eed07d;font-size:12px}.inventory-item p{margin:2px 0;color:#9b907c;font-size:9px}.inventory-item.q2{border-color:#557fc8}.inventory-item.q3{border-color:#815bc0}.inventory-item.q4{border-color:#c17f29}.inventory-item.q5,.inventory-item.q6{border-color:#cc4a3e}.inventory-item .actions{justify-content:center}
.shop-balance{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:9px;border:1px solid #594423;background:#12130f}.shop-balance img{width:42px;height:42px;object-fit:contain}.shop-balance span{display:grid;color:#9f947e;font-size:11px}.shop-balance b{color:#ffe090;font-size:19px}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.shop-product{display:grid;grid-template-columns:112px 1fr;align-items:center;min-height:180px;border:1px solid #594422;background:#0d0f0c;border-radius:6px;overflow:hidden}.shop-icon{height:100%;display:grid;place-items:center;background:#17140e}.shop-icon img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 4px 7px #000)}.shop-info{padding:10px}.shop-info h4{margin:0 0 4px;color:#edca74}.shop-info p{margin:0 0 6px;color:#9d927e;font-size:10px;line-height:1.5}.shop-info strong{color:#6bd891;font-size:11px}.quantity-row{display:grid;grid-template-columns:repeat(3,32px) 1fr;gap:4px;margin:9px 0}.quantity-row button{border:1px solid #725528;background:#18140d;color:#ddbd70}.quantity-row .qty{width:100%;height:31px}
@media(max-width:620px){.overview-stage{min-height:300px}.overview-stage>.role-portrait{left:-2%}.overview-stats{width:55%;grid-template-columns:1fr;padding:10px}.overview-stats span{padding:7px}.role-portrait.large{width:235px;height:295px}.role-card-grid,.feature-grid,.shop-grid{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(2,1fr)}.role-card{grid-template-columns:125px 1fr}.shop-product{grid-template-columns:100px 1fr}.quest-grid{grid-template-columns:1fr}}
@media(max-width:390px){.overview-stage>.role-portrait{left:-8%}.overview-stats{width:62%}.resources{grid-template-columns:repeat(2,1fr)}.role-card{grid-template-columns:105px 1fr}.role-portrait.medium{width:110px}.team-visual{gap:4px}.team-visual button{min-height:104px;padding:5px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-product{grid-template-columns:86px 1fr}.shop-icon img{width:76px;height:76px}.idle-claim{width:100%;justify-items:stretch}.idle-claim button{width:100%}}

.overview-buff{grid-column:1/-1;border-color:#a8782f!important;background:linear-gradient(90deg,#261709ee,#10130fee)!important}
.overview-buff em{color:#6ddd99;font-style:normal;line-height:1.55}
.closed-equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.closed-equipment-card{min-height:96px;display:grid;place-items:center;align-content:center;gap:4px;border:1px solid #454545;border-radius:6px;background:radial-gradient(circle,#242424,#0c0d0c 72%);color:#8b8b8b;filter:grayscale(1)}.closed-equipment-card b{color:#aaa;font-size:12px}.closed-equipment-card small{color:#777;font-size:10px}.closed-equipment-lock{display:grid;place-items:center;width:32px;height:32px;border:1px solid #666;border-radius:50%;color:#aaa;font-size:12px;font-weight:700}.closed-equipment-card:active,.closed-equipment-card:focus-visible{border-color:#777;box-shadow:0 0 10px #aaa3}@media(max-width:390px){.closed-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.closed-equipment-card{min-height:82px}}
.special-equipment-entry,.special-slot-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.special-equipment-card{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:7px;min-height:82px;padding:8px;text-align:left;border:1px solid #674d25;border-radius:6px;background:radial-gradient(circle at 25% 30%,#312410,#0b0d0b 70%);color:#d8bd79}.special-equipment-card.equipped{border-color:#bc7f2d;box-shadow:inset 0 0 16px #bd792233}.special-equipment-card.empty{filter:grayscale(.65);opacity:.78}.special-equipment-card span{display:grid;gap:3px;min-width:0}.special-equipment-card strong,.special-equipment-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.special-equipment-card strong{color:#f3d47d;font-size:10px}.special-equipment-card small{color:#9d927e;font-size:9px}.special-equipment-icon,.special-bag-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 5px #000)}.special-equipment-window{width:min(760px,94vw);max-height:88vh}.special-window-body{display:grid;gap:10px;padding:12px;overflow:auto;max-height:calc(88vh - 52px)}.special-current{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid #75562a;background:#0d100d}.special-current-icon{width:88px;height:88px;object-fit:contain}.special-current h4{margin:0 0 5px;color:#f0ce78}.special-current p,.special-empty-detail p{margin:3px 0;color:#a89b83;font-size:10px;line-height:1.5}.special-empty-detail{padding:18px;text-align:center;border:1px dashed #604820}.special-empty-detail b{color:#eac46c}.special-set-summary{display:flex;justify-content:space-between;gap:10px;padding:9px;border-left:3px solid #ba7d2c;background:#221708}.special-set-summary b{color:#f3cf76}.special-set-summary span{color:#9fd7ad;font-size:10px}.special-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.special-actions button,.special-bag-list button{border:1px solid #7e5a29;background:#21170b;color:#eac776;min-height:34px}.special-actions button.selected{background:#6a3e10;border-color:#df9a37}.special-actions button:disabled{filter:grayscale(1);opacity:.4}.special-operation{border:1px solid #56401f;padding:9px}.special-operation h4{margin:0 0 7px;color:#e8c36c}.special-operation>p{color:#a99b81;font-size:10px}.special-bag-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:180px;overflow:auto}.special-bag-list button{display:grid;grid-template-columns:48px 1fr;align-items:center;text-align:left;padding:6px}.special-bag-list span{display:grid;gap:3px}.special-bag-list small{color:#a8997e;font-size:9px}@media(max-width:620px){.special-equipment-entry,.special-slot-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.special-current{grid-template-columns:68px 1fr}.special-current-icon{width:66px;height:66px}.special-actions{grid-template-columns:repeat(2,1fr)}}