@media(min-width:1360px){.layout{grid-template-columns:258px minmax(0,1fr) 226px;gap:20px}}
:root{--bg:#1b2c26;--line:#425849;--muted:#a9baaa}body{background:radial-gradient(circle at 20% 0,#51674e66,transparent 34%),radial-gradient(circle at 88% 72%,#3b6a6955,transparent 39%),linear-gradient(145deg,#243b32,#1a2d2a 63%,#172622)}
.draft{background:radial-gradient(ellipse at 42% -12%,#c29f6255,transparent 46%),radial-gradient(circle at 90% 70%,#86ad8655,transparent 42%),radial-gradient(circle at 5% 82%,#6caaa055,transparent 40%),linear-gradient(145deg,#435648,#2a413a 52%,#223735)}
.alias-entry{display:block;margin:14px 0 2px;color:#b9c6b6;font-size:10px;letter-spacing:.11em;font-weight:700}
.alias-entry span{display:block;margin-bottom:7px}
.alias-entry input,.draft-alias input{width:100%;background:#1d2822;border:1px solid #65785f;border-radius:7px;padding:10px 12px;color:#f7ecd5;font:600 12px Inter,Arial,sans-serif;letter-spacing:.02em}
.alias-entry input:focus,.draft-alias input:focus{outline:2px solid #e3c481;border-color:#e3c481}
.alias-entry input:disabled,.draft-alias input:disabled{opacity:.65}
.alias-entry small{display:block;margin-top:5px;color:#a9bca9;font-size:10px;letter-spacing:0}
.alias-entry.alias-invalid input{border-color:#ef8f77;outline:2px solid #ef8f7755}
.alias-entry.alias-invalid small{color:#ffb7a6}
.version-panel{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:8px 0 12px;padding:8px 10px;border:1px solid #6a795b;border-radius:8px;background:#25382c;color:#dce6c5;font-size:11px}
.version-panel [data-state="update"]{color:#ffdb91}.version-panel [data-state="old-server"]{color:#ffb7a6}
.version-panel a{display:inline-block;padding:7px 9px;border:1px solid #e1bd73;border-radius:6px;background:#655332;color:#fff4d0;font-weight:800;font-size:10px;text-decoration:none}
.character-card{align-self:start;position:sticky;top:16px;border:1px solid #5d715d;border-radius:13px;background:linear-gradient(160deg,#2a3a32,#16221d 55%,#151b19);box-shadow:0 20px 45px #0005;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 32px);min-width:0}
.character-card-head{padding:17px 15px;background:linear-gradient(120deg,#3e4132,#253a34);border-bottom:1px solid #7d83634d}
.character-card-head small{display:block;color:#dbc48e;font-size:9px;font-weight:800;letter-spacing:.16em}
.character-card-head strong{display:block;margin:7px 0 3px;font:700 21px 'Barlow Condensed',Inter,Arial,sans-serif;color:#fff1ce;overflow-wrap:anywhere}
.character-card-head span{color:#b8c9b8;font-size:10px}
.character-card-section{padding:11px 12px 5px}.character-card-section h3{color:#dec88e;font-size:9px;letter-spacing:.16em;margin:2px 3px 8px}
.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px}.card-stats div{padding:6px 7px;border:1px solid #5b725d;border-radius:6px;background:#1a2923}.card-stats small,.card-stats b{display:block}.card-stats small{font-size:8px;color:#aabca6;letter-spacing:.05em}.card-stats b{margin-top:3px;color:#f1e2bd;font-size:12px}
.card-gear{display:grid;grid-template-columns:1fr 1fr;gap:5px}.card-gear-item{display:flex;gap:6px;align-items:center;min-width:0;padding:5px;border:1px solid #506353;border-radius:6px;background:#1a2721}
.card-gear-item .item-icon{flex:none;width:24px;height:24px;font-size:14px}.card-gear-item span:last-child{min-width:0}.card-gear-item small,.card-gear-item b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-gear-item small{font-size:8px;color:#aab9a8}.card-gear-item b{font-size:9px;color:#efe6d1}
.card-skills{display:grid;gap:5px;margin-bottom:10px}.card-skill{display:flex;gap:7px;align-items:center;padding:7px 8px;border-radius:7px;background:#213028;border:1px solid #53634d}
.card-skill kbd{flex:none;background:#816d45;border-color:#b69b60;color:#fff0ca;font-size:10px;font-weight:800}.card-skill span{min-width:0}.card-skill b,.card-skill small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-skill b{font-size:10px}.card-skill small{font-size:9px;color:#b4c6b3;margin-top:2px}.card-skill em{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin-top:4px;color:#91a498;font-size:9px;font-style:normal;line-height:1.3}
.card-passive-section{border-top:1px solid #506353;margin-top:2px;padding-bottom:11px}.card-passives{display:grid;gap:5px}.card-passives p{margin:0;padding:6px 7px;border:1px solid #405649;border-radius:6px;background:#1a2721}.card-passives b,.card-passives span{display:block;font-size:9px;line-height:1.35}.card-passives b{color:#e6d7ac}.card-passives span,.card-passive-empty{color:#a7b8a7}
.item-icon{display:inline-flex!important;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--item-color,#d4ba82) 45%,#d9e5d0),#26352e 68%);border:1px solid color-mix(in srgb,var(--item-color,#d4ba82) 80%,#26352e);color:#fff6db!important;font:700 17px Georgia,serif!important;font-style:normal!important;text-shadow:0 1px 4px #111b17;box-shadow:inset 0 1px 1px #fff5,0 2px 5px #0004}
.weapon-card .item-icon{margin-bottom:4px}.garment .item-icon{flex:none}.slot-tile .item-icon{float:left;margin-right:8px;width:25px;height:25px;font-size:15px!important}.slot-tile small{padding-top:2px}
.draft-alias{display:flex;align-items:center;gap:10px;width:min(920px,100%);margin:0 auto 3px;color:#d8c995;font-size:10px;font-weight:800;letter-spacing:.11em;text-align:left;flex:none}.draft-alias input{max-width:210px;padding:7px 9px}
.draft.has-character-card{padding-left:16px;padding-right:330px}.draft.has-character-card .character-card{display:block;position:fixed;top:18px;right:18px;width:290px;max-height:calc(100vh - 36px);text-align:left;z-index:1}
@media(max-width:1359px){.character-card{grid-column:2;position:static;display:grid;grid-template-columns:175px 1fr 1fr;max-height:none}.character-card-head{border-bottom:0;border-right:1px solid #7d83634d}.character-card-section{padding:10px}.card-passive-section{grid-column:1/-1}.card-skills{grid-template-columns:1fr 1fr}.card-gear{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.character-card{grid-template-columns:1fr}.character-card-head{border-right:0;border-bottom:1px solid #7d83634d}.card-gear{grid-template-columns:repeat(4,minmax(0,1fr))}.card-skills{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.draft.has-character-card{padding:10px}.draft.has-character-card .character-card{position:static;order:1;width:100%;max-height:180px;flex:none}.draft.has-character-card .gear-page{order:2}.draft.has-character-card .gear-confirm{order:3}}
@media(max-width:720px){.alias-entry{grid-column:1/-1;grid-row:auto;margin:4px 0}.character-card{width:100%}.card-gear{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-alias{display:block;font-size:9px}.draft-alias input{display:block;max-width:none;margin-top:5px}}