.commission-service{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.commission-refresh-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:12px 14px;border:1px solid rgba(201,174,113,.22);border-radius:14px;background:linear-gradient(145deg,rgba(21,27,25,.94),rgba(11,16,15,.96));box-shadow:inset 0 1px rgba(255,255,255,.03)}.commission-refresh-panel div{min-width:0}.commission-refresh-panel strong,.commission-refresh-panel small{display:block}.commission-refresh-panel small{margin-top:3px;color:var(--muted,#aeb8b4);line-height:1.3}.commission-refresh-panel button{flex:0 0 auto;min-width:92px;min-height:44px}.commission-board{display:grid;gap:12px}.commission-card{--commission-accent:#aeb8b4;position:relative;overflow:hidden;padding:14px;border:1px solid color-mix(in srgb,var(--commission-accent) 55%,transparent);border-left-width:4px;border-radius:16px;background:linear-gradient(150deg,rgba(23,29,27,.98),rgba(8,13,12,.98));box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}.commission-card.rarity-green{--commission-accent:#58bd83}.commission-card.rarity-blue{--commission-accent:#56a6db;box-shadow:0 10px 30px rgba(0,0,0,.24),0 0 20px rgba(52,132,190,.08)}.commission-card.state-active{outline:1px solid rgba(218,184,103,.55)}.commission-card.state-ready_to_claim{outline:1px solid rgba(232,195,106,.82);box-shadow:0 0 22px rgba(232,195,106,.11),0 10px 28px rgba(0,0,0,.25)}.commission-card header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.commission-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid color-mix(in srgb,var(--commission-accent) 65%,transparent);background:color-mix(in srgb,var(--commission-accent) 10%,rgba(8,13,12,.9));color:var(--commission-accent)}.commission-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.commission-card header h4{margin:2px 0 0;font-size:17px;line-height:1.18}.commission-rarity{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--commission-accent);font-weight:800}.commission-card>p{margin:11px 0;color:var(--muted,#aeb8b4);line-height:1.42}.commission-stamp{align-self:start;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.commission-stamp.active{border:1px solid rgba(222,184,92,.5);color:#e2c277;background:rgba(121,88,22,.17)}.commission-stamp.ready{border:1px solid rgba(235,199,110,.65);color:#f0d58d;background:rgba(140,101,25,.23)}.commission-objective{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.055)}.commission-objective>span,.commission-reward>span{font-size:11px;color:var(--muted,#aeb8b4)}.commission-objective>strong{font-size:13px}.commission-progress{grid-column:1/-1;height:5px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.commission-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--commission-accent),#e3c77e);transition:width .2s ease}.commission-reward{display:grid;gap:3px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.035)}.commission-reward strong{font-size:12px;line-height:1.35;color:#e2d7b8}.commission-card footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.commission-card footer button{min-height:44px}.commission-card footer .commission-primary{min-width:118px}.commission-path-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 12px 10px;padding:10px 12px;border:1px solid rgba(197,167,100,.28);border-radius:13px;background:linear-gradient(140deg,rgba(20,27,24,.97),rgba(10,15,14,.97));box-shadow:0 7px 20px rgba(0,0,0,.18)}.commission-path-banner.ready{border-color:rgba(231,193,99,.65);box-shadow:0 0 16px rgba(231,193,99,.08)}.commission-path-banner div{min-width:0}.commission-path-banner small,.commission-path-banner strong,.commission-path-banner span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commission-path-banner small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#c7a95f}.commission-path-banner strong{margin-top:2px;font-size:13px}.commission-path-banner span{margin-top:2px;font-size:11px;color:var(--muted,#aeb8b4)}.commission-path-banner button{flex:0 0 auto;min-height:44px}.commission-complete-card .quest-reward-values>div:first-child{grid-column:1/-1}.commission-complete-card .quest-reward-values>div:last-child{display:none}@media(max-width:390px){.commission-card{padding:12px}.commission-card header{grid-template-columns:38px minmax(0,1fr)}.commission-icon{width:36px;height:36px}.commission-stamp{grid-column:1/-1;justify-self:start;margin-top:2px}.commission-refresh-panel{padding:11px}.commission-path-banner{margin-inline:8px}.commission-path-banner span{max-width:210px}}@media(prefers-reduced-motion:reduce){.commission-progress i{transition:none}}