@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0d1414;--panel:#131d1c;--line:#293733;--gold:#d8b574;--muted:#8b9e96}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#20332a 0,transparent 60%),var(--bg);color:#e9ede5;font:14px Inter,system-ui,sans-serif}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#101916d9}.brand{display:flex;gap:13px;align-items:center;font:28px Cinzel,Georgia,serif;letter-spacing:4px;color:var(--gold);text-decoration:none}.brand small{display:block;font:8px Inter,sans-serif;letter-spacing:3px;margin-top:7px;color:var(--muted)}.server{font-size:10px;letter-spacing:1px;color:#bbcbc0}.server span{color:#71867c;margin-left:14px}.server i{display:inline-block;width:6px;height:6px;background:#a7d8a5;border-radius:50%;margin-right:8px}#gold{border:1px solid #76603a66;background:#b7984e0c;padding:11px 22px;color:var(--gold);font-weight:600}main{max-width:1600px;margin:32px auto;padding:0 26px;display:grid;grid-template-columns:232px minmax(400px,1fr) 270px;gap:24px}aside{background:linear-gradient(140deg,#1c2822,#121c1b);border:1px solid var(--line);padding:23px 20px;border-radius:8px;height:fit-content}.eyebrow{color:var(--gold);font-size:9px;letter-spacing:1.8px;line-height:1.6}.portrait{margin:24px auto 16px;width:86px;height:86px;border:1px solid #9e8958;outline:5px solid #d8b57409;border-radius:50%;display:grid;place-items:center;font-size:44px;color:#d9c99c;background:radial-gradient(#4b5940,#17251e)}aside h2{text-align:center;font:23px Cinzel,Georgia;margin:10px 0}p.muted{font-size:11px;line-height:1.7;color:var(--muted)}aside:not(.inventory) .muted{text-align:center}.level{text-align:center;color:var(--gold);font-size:11px;margin:20px 0}label{font-size:10px;color:#a0b3a8;display:block;margin:14px 0 7px}.bar{height:6px;background:#080e0d;border-radius:8px;overflow:hidden}.bar>div{height:100%;background:#719e77;transition:width .4s}.xp>div{background:#c5aa72}.divider{height:1px;background:var(--line);margin:24px 0}.weapon{display:flex;gap:12px;align-items:center;margin:16px 0;font-size:12px;line-height:1.7}.weapon>span{font-size:28px;color:var(--gold)}small{display:block;color:var(--muted);font-size:10px}.stats{font-size:8px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.stats b{font-size:17px;color:#ddd}button{font:12px Inter,system-ui;cursor:pointer;transition:filter .2s}button:hover{filter:brightness(1.2)}button:disabled{opacity:.4;cursor:not-allowed}.secondary{width:100%;padding:12px;background:#24342b;border:1px solid #475841;color:#e1dfc9;border-radius:4px}.secondary span{float:right;color:var(--gold)}.check{display:flex;align-items:center;gap:5px;font-size:9px}.check input{accent-color:#c4aa70}.text{border:0;background:none;color:var(--muted);font-size:10px;padding:10px 0}.heading{display:flex;align-items:center;justify-content:space-between;margin:2px 0 23px}h1{font:30px Cinzel,Georgia;margin:8px 0 0}.tag{font-size:8px;letter-spacing:1px;border:1px solid #455247;padding:9px;color:#a2b299}nav{display:flex;gap:8px;margin-bottom:15px}nav button{flex:1;background:#19241f;border:1px solid var(--line);padding:13px 5px;color:#9ead9f;font-size:11px;border-radius:4px}nav button.active{border-color:#b29c62;color:#e0c58b;background:#b29c6215}.world{position:relative;border:1px solid #50624a;border-radius:7px;overflow:hidden;background:#19291f}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.map-title{position:absolute;top:20px;left:22px;text-shadow:0 2px 5px #000}.map-title h2{font:20px Cinzel,Georgia;margin:6px 0}.map-bottom{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;padding:13px 16px;background:#0a171bdd;font-size:9px;color:#adc5a7}.map-bottom span:last-child{color:#a1a785}.enemy{position:absolute;top:22px;right:20px;font-size:10px;color:#f1be9b;max-width:140px;text-align:right}.expedition{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:12px}h3{font-size:13px;font-weight:500;margin:0}.expedition p{font-size:10px;color:var(--muted);margin:8px 0}.primary{white-space:nowrap;background:linear-gradient(120deg,#dec58e,#ad8c50);border:1px solid #dfc68d;border-radius:4px;padding:15px 22px;color:#22281e;font-weight:700}.journal{border:1px solid var(--line);border-radius:6px;background:#131e1b;padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-title span{font-size:8px;letter-spacing:1px;color:#92a58e}#logs{height:142px;overflow:auto;margin-top:14px}#logs div{font-size:10px;padding:9px 0;border-bottom:1px solid #ffffff06;color:#9dae9f}#logs div:first-child{color:#dbc594}.inventory{padding:23px 17px}.inventory h3{font:17px Cinzel,Georgia}.item{background:#0e1715;border:1px solid #35483a;border-radius:4px;margin:10px 0;padding:12px;font-size:11px}.item.rare{border-color:#726297}.item button{border:1px solid #57674d;color:#c8d6b9;background:#233124;padding:6px 9px;float:right;font-size:9px}.item small{margin:5px 0 8px}.empty{text-align:center;padding:40px 8px;color:#72877a;font-size:12px;line-height:1.8;border:1px dashed #37483b;border-radius:5px;margin-top:22px}.empty b{display:block;font-size:32px;font-weight:400;color:#a58d62;margin-bottom:10px}.tip{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.tip span{font-size:9px;letter-spacing:1px;color:var(--gold)}.tip p{font-size:11px;line-height:1.9;color:var(--muted)}.save{font-size:9px;color:#90a582;margin-top:25px}.save small{font-size:9px;line-height:1.7;margin-top:7px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#3f3024;color:#ffe1b0;padding:13px 20px;border:1px solid #9b7950;border-radius:4px;display:none}@media(min-width:1600px){main{margin-top:48px}}@media(max-width:1100px){main{grid-template-columns:200px 1fr}.inventory{grid-column:1/-1}#items{display:flex;gap:10px;flex-wrap:wrap}.item{min-width:210px}.server{display:none}}@media(max-width:680px){header{padding:0 16px;height:75px}.brand{font-size:21px}main{display:flex;flex-direction:column;padding:0 12px;margin:18px 0;gap:16px}.center{order:0}aside{order:1;width:100%}.heading h1{font-size:25px}.tag{display:none}nav button{font-size:9px}.map-title{top:12px;left:12px}.map-title h2{font-size:15px}.map-title .eyebrow{font-size:7px}.map-bottom span:last-child{display:none}.expedition{align-items:flex-start}.expedition h3{font-size:11px}.primary{padding:13px}.portrait{margin:12px auto}.inventory{order:2}}
/* Pixel art refresh */
.portrait img{width:70px;height:70px;image-rendering:pixelated;filter:drop-shadow(0 5px 3px #071614)}
.equipment-icon{width:38px;height:38px;image-rendering:pixelated}.item-icon{width:27px;height:27px;image-rendering:pixelated;vertical-align:middle;margin-right:5px}
.world{border-color:#657453;box-shadow:0 12px 35px #0003,inset 0 0 0 1px #dfc68d15}.map-title{top:15px;left:18px;background:linear-gradient(90deg,#101f24d9,#101f2400);padding:9px 25px 9px 12px;border-left:2px solid #c6ae74}.map-title h2{font-size:17px}.map-title .eyebrow{font-size:8px}.enemy{background:#132128c9;padding:8px 11px;border-radius:3px;color:#e8bea4}.enemy:empty{display:none}.map-bottom{background:#0b191ddd}.item{background:linear-gradient(120deg,#1d2b24,#111a19)}.item.rare{background:linear-gradient(120deg,#353046,#181c24);box-shadow:inset 2px 0 #a08bc1}.portrait{background:radial-gradient(#536341,#1b2b25 65%)}
@media(max-width:680px){.map-title{padding:5px 12px 5px 7px;top:8px;left:8px}.map-title h2{font-size:12px;margin:3px 0}.map-title .eyebrow{font-size:6px}.enemy{font-size:8px;top:10px;right:8px;padding:5px}.map-bottom{padding:7px 10px;font-size:8px}}
/* Exploration and character equipment */
main{grid-template-columns:250px minmax(440px,1fr) 292px;gap:18px;max-width:1700px}.portrait{display:none}aside h2{margin-top:2px}.level{margin:14px 0}.divider{margin:17px 0}.paperdoll{height:268px;position:relative;margin-top:12px;background:radial-gradient(ellipse,#647e4a22,transparent 68%);border:1px solid #354438;border-radius:6px}.paperdoll canvas{position:absolute;width:120px;height:135px;left:44px;top:61px;image-rendering:pixelated;pointer-events:none}.gear-slot{position:absolute;width:55px;height:58px;border:1px solid #485647;background:#14221fe8;border-radius:4px;color:#a6b295;padding:3px}.gear-slot img{width:34px;height:34px;image-rendering:pixelated}.gear-slot small{font-size:8px;white-space:nowrap}.gear-slot.filled{border-color:#ac9259;background:#a18b4012}.slot-head{left:77px;top:6px}.slot-chest{left:77px;top:186px}.slot-weapon{left:6px;top:77px}.slot-shield{right:6px;top:77px}.slot-legs{left:6px;top:146px}.slot-feet{right:6px;top:146px}.slot-amulet{left:6px;top:8px}.slot-ring{right:6px;top:8px}.slot-placeholder{font-size:28px;color:#627364;display:block;height:34px}.gear-stats{text-align:center;font-size:11px;color:#d1bd8e}.equipment-help{font-size:10px;line-height:1.6;color:var(--muted)}.bag-grid{display:grid!important;grid-template-columns:repeat(5,1fr);gap:5px!important;max-height:256px;overflow:auto;padding:3px}.bag-item,.bag-empty{height:53px;min-width:0;border:1px solid #3b4c3d;background:#0e1816;border-radius:3px;padding:3px}.bag-item img{width:30px;height:30px;image-rendering:pixelated}.bag-item span{font-size:7px;color:#a8b5a5;display:block}.bag-item.rare{border-color:#a087bf;background:#67508225}.bag-item.selected{outline:2px solid #d5bc7d;outline-offset:0}.bag-item{cursor:grab}.item-detail{min-height:108px;margin-top:15px;font-size:11px;color:#a8b9aa;line-height:1.6}.item-detail strong{color:#e2d2a7}.item-detail .secondary{margin-top:9px}#drops{max-height:255px;overflow:auto;margin:10px 0}.drop-card{padding:10px;margin-bottom:8px;border:1px solid #665438;background:#ba88320a;font-size:10px;border-radius:4px}.drop-card>span{float:right;color:#d8b574}.drop-card img{width:25px;height:25px;image-rendering:pixelated;vertical-align:middle}.drop-card small{display:inline;font-size:9px}.drop-card button{margin-top:8px;width:100%;border:1px solid #66583f;background:#363021;color:#dcc898;padding:6px;font-size:10px}.drop-empty{font-size:11px;line-height:1.7;color:var(--muted)}.world canvas{cursor:crosshair;outline:none;touch-action:none}.world:focus-within{border-color:#d9c285}.map-title,.map-bottom,.enemy{pointer-events:none}.movement-help{font-size:9px;color:#adbaa7;display:flex;justify-content:space-between;gap:8px;line-height:1.6;padding:10px 0}kbd{font-family:inherit;border:1px solid #586751;padding:3px;border-radius:3px;color:#dcc68d}.dpad{display:flex;gap:5px}.dpad button{background:#24372b;color:#d2dabf;border:1px solid #526347;border-radius:3px;padding:7px 16px}.expedition{padding:12px 0 18px}dialog{background:#14221f;color:#e3e8da;border:1px solid #a48e5d;border-radius:8px;padding:24px;width:min(460px,94vw);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#060e10b8;backdrop-filter:blur(3px)}dialog h2{font:24px Cinzel,Georgia;margin:0 0 8px}dialog p{font-size:12px;line-height:1.8;color:#afbcaa}.dialog-close{float:right;background:none;border:0;color:#e7d4a7;font-size:22px}.dialog-actions{display:grid;gap:8px;margin-top:18px}.dialog-actions button{text-align:left;padding:12px;background:#28392b;border:1px solid #5b6949;color:#e3d4ae;border-radius:3px}.dialog-actions small{margin-top:5px}.dialog-foot{font-size:10px;color:#829582;margin-top:16px}@media(max-width:1150px){main{grid-template-columns:220px minmax(380px,1fr)}.inventory{grid-column:1/-1}.paperdoll canvas{left:30px}.slot-head,.slot-chest{left:63px}.bag-grid{grid-template-columns:repeat(8,1fr)}.inventory #items{display:grid}.gear-slot{width:49px}.inventory{max-width:none}}@media(max-width:680px){main{display:flex}.paperdoll{max-width:240px;margin:12px auto}.paperdoll canvas{left:57px}.slot-head,.slot-chest{left:92px}.bag-grid{grid-template-columns:repeat(5,1fr)}.movement-help{font-size:8px}.movement-help span:first-child{max-width:75%}.expedition .primary{font-size:10px}.dpad{justify-content:center}}
.npc-links{display:flex;gap:6px;margin-bottom:10px}.npc-links:empty{display:none}.npc-links button{flex:1;background:#20332b;border:1px solid #4b604b;border-radius:4px;color:#d6c599;padding:8px 4px;font-size:10px}.npc-links small{font-size:8px;margin-top:3px}

/* Tiny Swords: brighter world, restrained parchment and blue accents. */
.world{border:3px solid #746a4c;box-shadow:0 0 0 1px #c7b47a55,0 14px 35px #0004}
.art-credits{max-width:1700px;margin:0 auto 24px;padding:0 26px;text-align:center;font-size:10px;color:#8caa9e}
.art-credits a{color:#d8c28c;text-decoration:none;margin:0 5px}
.paperdoll{background:radial-gradient(ellipse,#77a2a536,#162728 72%)}
.primary{background:linear-gradient(#6da8b1,#396579);color:#fff0c4;border-color:#96c7c2}
.gear-slot.filled{box-shadow:inset 0 0 12px #78abc315}

.auto-hunt{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:16px;margin-bottom:16px;border:1px solid #68754c;background:linear-gradient(120deg,#253c31,#162a29);border-radius:6px}.auto-hunt p{font-size:11px;color:#d7dfc1;line-height:1.6;margin:7px 0}.auto-hunt small{font-size:9px;line-height:1.6}.auto-hunt button[aria-pressed="true"]{background:#735140;border-color:#c39569}.auto-hunt .primary{padding:12px;font-size:11px}@media(max-width:680px){.auto-hunt{align-items:flex-start;flex-direction:column}.auto-hunt button{width:100%}}

.auto-hunt{flex-wrap:wrap}.auto-hunt>div{flex:1 1 100%}.auto-hunt>button{flex:1}.farm-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.farm-options select{display:block;margin-top:7px;width:100%;background:#132824;border:1px solid #687b59;border-radius:4px;padding:9px;color:#eee2bf;font:11px Inter,system-ui}#farmProgress{color:#e8c77c}.dpad[hidden]{display:none}@media(max-width:680px){.farm-options{grid-template-columns:1fr}.auto-hunt>div{width:100%}}

.durability{height:3px;background:#302e2a;border-radius:2px;margin:1px 3px 2px;overflow:hidden}.durability i{display:block;height:100%;background:#85b08a}.durability.critical i{background:#e38965}.shop-icon{width:34px;height:34px;image-rendering:pixelated;float:left;margin-right:10px}dialog{max-height:86vh;overflow:auto}dialog h3{margin:20px 0 8px;color:#d8bd82}

.comparison,.quest-card{padding:12px;margin:10px 0;border:1px solid #47544d;border-radius:8px;background:#142b29}.comparison div{margin-top:8px;font-size:12px}.comparison b{display:block}.better{color:#8de5a4}.worse{color:#ff9b96}.equal{color:#c1c8bf}.quest-card small{display:block;margin-top:8px}.quest-card progress{width:100%;accent-color:#9dc789}

.world-info{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;background:#142927;color:#d3c598;font-size:12px}.dungeon-info{padding:16px;background:linear-gradient(120deg,#2b243d,#162e32);border:1px solid #776292;border-radius:8px;margin-top:10px}.dungeon-info strong,.dungeon-info span{display:block;margin-bottom:6px}.dungeon-info small{color:#b9b3cb}.boss-contract{border-color:#987445;background:#2a281c}nav#regions{flex-wrap:wrap}

.achievements{margin:20px 0;padding:18px;border:1px solid #3e5147;border-radius:10px;background:#132721}.achievements .panel-title{flex-wrap:wrap;gap:8px}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;max-height:560px;overflow:auto}.achievement{padding:14px;border:1px solid #435148;border-radius:8px;background:#192e28}.achievement.unlocked{border-color:#9e8951;background:linear-gradient(135deg,#333a27,#1c3028)}.achievement-title{display:flex;gap:9px;align-items:center}.achievement p{font-size:12px;min-height:32px;color:#c8cec3}.achievement progress{width:100%;accent-color:#bda363}.achievement small,.achievement-earned,.achievement-pending{display:block;font-size:11px;margin-top:8px}.achievement-earned{color:#a8dfaf}.achievement-pending{color:#9eaba2}.achievement button{margin-top:10px;width:100%;padding:9px}.achievement-filter select{padding:7px;background:#203b32;color:#e4decc;border:1px solid #60715e;border-radius:4px}.quest-top{display:flex;gap:8px;justify-content:space-between;color:#c8b477;font-size:10px;margin-bottom:10px}.quest-card strong{display:block;line-height:1.5}.quest-card button{margin-top:12px}@media(max-width:600px){.achievement-grid{grid-template-columns:1fr}}

.achievement button{background:#345440;border:1px solid #8e9162;border-radius:5px;color:#f1e1b4;cursor:pointer}.achievement button:hover{background:#42664b}
/* RPG class strategy and account progression */
[hidden]{display:none!important}.game-tabs{display:flex;gap:5px;margin:16px 0;border-bottom:1px solid #70654b;padding-bottom:8px}.game-tabs button{flex:1;padding:12px 5px;background:#142927;border:1px solid #40574a;border-radius:5px;color:#acbcb0;font-size:12px}.game-tabs [aria-selected=true]{background:#39463a;color:#f1d79a;border-color:#bba16d}[role=tabpanel]{min-width:0}.combat-hud{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 10px;background:linear-gradient(#253334,#0b141b);border:1px solid #8a7752;border-top:0;border-radius:0 0 14px 14px;box-shadow:0 9px 20px #0004}.orb{width:86px;height:86px;flex-shrink:0;border-radius:50%;border:5px double #ae9770;box-shadow:inset 0 0 15px #000,0 0 0 3px #151b20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to top,#a72332 0%,#ba3847 var(--fill),#161921 var(--fill));text-shadow:0 1px 4px #000}.orb.mana{background:linear-gradient(to top,#18549e 0%,#3887bf var(--fill),#161921 var(--fill))}.orb strong{font-size:20px}.orb small{font-size:8px;color:#eee}.hud-center{text-align:center;flex:1;min-width:0}.hud-center>span{font-size:10px;letter-spacing:1px;color:#d8c697}.hud-center>small{font-size:7px;margin-top:8px;color:#92a5a7}.hud-skills{display:flex;justify-content:center;gap:6px;margin-top:8px}.hud-skills button{position:relative;flex:1;max-width:110px;min-width:0;background:radial-gradient(#3d4150,#14222a);border:1px solid var(--class-color);border-radius:5px;padding:6px 3px;color:var(--class-color)}.hud-skills b{font-size:25px}.hud-skills small{font-size:8px;min-height:20px}.hud-skills em{display:block;font:8px system-ui;color:#e4d3b3}.hud-skills .cooling{opacity:.55}.skill-card,.project-card,.rebirth-panel{border:1px solid #536252;background:linear-gradient(125deg,#23372e,#152624);border-radius:8px;padding:18px;margin:14px 0}.skill-card{display:flex;gap:18px}.skill-card>div:last-child{flex:1}.skill-symbol{color:var(--class-color);font-size:38px}.skill-card h3,.project-card h3{margin-top:0}.skill-card p,.project-card p,.rebirth-panel p{font-size:12px;color:#b9c7b8;line-height:1.8}.rule-fields{display:flex;gap:15px;flex-wrap:wrap}.rule-fields label,.rebirth-panel label{flex:1;font-size:11px}.rule-fields select,.rebirth-panel select,#rebirthWord{display:block;width:100%;padding:10px;margin:7px 0;background:#0f211f;color:#e0d8bd;border:1px solid #60705c;border-radius:4px}.project-card button{background:#365b47;color:#f2dbab;border:1px solid #92916a;border-radius:5px;padding:10px 18px}.project-card button:disabled{opacity:.4}#classChoice{width:min(900px,94vw)}.class-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.class-cards button{background:linear-gradient(#283a37,#112121);color:var(--class-color);border:1px solid #576555;border-radius:8px;padding:10px;text-align:center}.class-cards button[aria-pressed=true]{border:2px solid var(--class-color);background:#354c41;box-shadow:0 0 20px #c4ac6433}.class-cards canvas{width:100%;max-width:100px;image-rendering:pixelated}.class-cards strong{display:block;font-size:17px}.class-cards p{font-size:11px;line-height:1.7;min-height:100px}.class-cards small{font-size:9px}#classSelection{color:#eed59a}#classChoice .primary{width:100%}.bank-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin:16px 0}.bank-grid button,.bank-grid span{aspect-ratio:1;border:1px solid #58614a;background:#0e1a19;padding:1px;border-radius:3px;min-width:0}.bank-grid img{width:100%;image-rendering:pixelated}.bank-grid button{border-color:#b29b68}#rebirthConfirm button{margin-top:12px;width:100%}#toast{z-index:20}.npc-links{flex-wrap:wrap}.npc-links button{min-width:70px}@media(max-width:720px){.class-cards{grid-template-columns:repeat(2,1fr)}.class-cards p{min-height:0}.orb{width:61px;height:61px}.orb strong{font-size:15px}.orb small{font-size:6px}.combat-hud{gap:7px;padding:12px 5px}.hud-skills small{font-size:7px}.hud-center>small{display:none}.game-tabs button{font-size:10px}.skill-card{padding:12px;gap:9px}.skill-symbol{font-size:25px}}
.ss-item{border-color:#ffd76c!important;box-shadow:0 0 9px #ffc54a88,inset 0 0 6px #fff0b733;animation:ssRadiance 2s ease-in-out infinite}.ss-item img,img.ss-item{filter:drop-shadow(0 0 3px #ffe9a1)}.mythic-item{border-color:#d186ef!important;box-shadow:0 0 5px #ad5be455}.set-bonus{padding:10px;border:1px solid #a88c4a;color:#edd498;font-size:12px;line-height:1.7}@keyframes ssRadiance{50%{box-shadow:0 0 15px #ffd46dbb,inset 0 0 8px #fff0b766}}@media(prefers-reduced-motion:reduce){.ss-item{animation:none}}
#socialPanel form{display:flex;gap:6px;margin:10px 0}#socialPanel input{min-width:0;width:100%;background:#142423;color:#eee;border:1px solid #526458;padding:8px;border-radius:4px}#socialPanel button{padding:7px;font-size:12px}.friend-row{display:flex;align-items:center;gap:5px;margin:8px 0}.friend-row span{flex:1;overflow-wrap:anywhere}#friendCode{color:#e5cb85;user-select:all}#chatMessages{max-height:220px;overflow:auto;background:#102020;padding:8px;border-radius:5px}#chatMessages p{overflow-wrap:anywhere;font-size:13px}#chatMessages .mine{color:#a4d9e6}
.friend-row{flex-wrap:wrap}.friend-row span{min-width:90px}#partyPanel,#tradePanel{border-top:1px solid #526458;margin-top:16px;padding-top:10px}#tradePanel input[type=number]{max-width:100px}
.account-actions{display:flex;align-items:center;gap:12px;margin:12px 0}#accountDialog{width:min(94vw,520px);max-height:90vh;overflow:auto}#accountDialog form{border-top:1px solid #4a5c51;padding:12px 0}#accountDialog label{display:block;margin:12px 0;color:#becbc2}#accountDialog input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px;background:#102121;border:1px solid #53685d;color:#f2eadb;border-radius:4px}#accountDialog p{font-size:13px;line-height:1.6}.account-danger{border:1px solid #945c52;border-radius:5px;padding:12px;margin-top:18px}.account-danger summary{cursor:pointer;color:#efb2a2}.danger{background:#782f2f;color:#fff;border:1px solid #cc7970;padding:12px;border-radius:4px}#accountStatus{color:#e9d49d}

.slot-wings{left:50%;right:auto;top:268px;transform:translateX(-50%);width:55px;height:58px}.paperdoll{height:340px}
#chatNotice{position:fixed;right:20px;bottom:24px;z-index:1500;max-width:min(440px,calc(100vw - 40px));padding:16px;background:#183238;border:1px solid #d9bd7d;border-radius:10px;box-shadow:0 8px 35px #0009;color:#f4edda}#chatNotice[hidden]{display:none}#chatNotice span{display:block;overflow-wrap:anywhere;margin-bottom:8px}#chatNotice button{margin-right:8px}#chatMessages{overflow-wrap:anywhere}
/* Social hub */
#socialPanel{margin-top:18px;padding:16px;background:linear-gradient(145deg,#1d3334,#122425);border:1px solid #3c5555;border-radius:14px}#socialPanel .panel-title{align-items:center;margin-bottom:8px}#socialPanel h3{font-size:19px;margin:0}#friendCount,#partyPanel .panel-title>span{padding:4px 9px;border-radius:20px;background:#315052;color:#c3ece0;font:11px system-ui}#socialPanel button{border:1px solid #48686b;border-radius:7px;background:#27474b;color:#e0f1ec;cursor:pointer;transition:background .15s}#socialPanel button:hover{background:#38616a}#socialPanel button:focus-visible,#socialPanel input:focus-visible{outline:2px solid #e1c58b;outline-offset:2px}#socialPanel .muted{font-size:11px;line-height:1.6}#friendCode{font-size:11px;padding:10px;background:#102124;border-radius:7px;letter-spacing:.5px}#socialNameForm{flex-wrap:wrap}#socialNameForm input{flex:1;min-width:110px}#friendList{max-height:380px;overflow:auto;margin:14px 0}.friend-row{display:block;padding:12px;background:#1b3033;border:1px solid #365052;border-radius:10px;margin:9px 0}.friend-row.selected{border-color:#b3a576;background:#263e40}.friend-identity{display:flex;align-items:center;gap:10px;margin-bottom:10px}.friend-identity>div{min-width:0}.friend-identity strong{font-size:13px;overflow-wrap:anywhere}.friend-identity small{font-size:10px;color:#a1c7bc;display:block;margin-top:4px}.friend-row .friend-avatar{display:grid;place-items:center;flex:0 0 34px;min-width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#496d71,#294346);color:#f0d398;font:20px Georgia}.friend-actions{display:flex;flex-wrap:wrap;gap:5px}#socialPanel .friend-actions button{font-size:10px;padding:6px 8px}#socialPanel .friend-remove{margin-left:auto;background:transparent;color:#c99e97}.unread-badge{padding:2px 5px;border-radius:10px;background:#e4c77f;color:#193233}.social-empty{text-align:center;padding:22px 8px;font-size:13px;color:#d3e0d8}.social-empty small{display:block;margin-top:8px;font-size:11px;color:#96aaa7}#friendChat{border:1px solid #547074;border-radius:12px;background:#102225;overflow:hidden;padding:10px}#chatTitle{font:600 12px system-ui;margin:4px 0 9px}#socialPanel .close-chat{font-size:10px;background:transparent;margin-bottom:10px}#chatMessages{height:260px;max-height:40vh;background:#0d1e21;display:flex;flex-direction:column;gap:9px;padding:10px}#chatMessages p{margin:0;max-width:90%;padding:9px 11px;border-radius:10px 10px 10px 2px;background:#283d43;align-self:flex-start;font-size:12px;color:#e2ece8;line-height:1.5}#chatMessages p.mine{align-self:flex-end;background:#2d5559;border-radius:10px 10px 2px 10px;color:#edf5ed}#chatMessages b{display:block;font-size:10px;color:#d9c994;margin-bottom:4px}#chatMessages time{display:block;text-align:right;font-size:9px;color:#a0bbb9;margin-top:5px}#chatForm{align-items:center}#chatForm button{flex-shrink:0}#friendChat>small{font-size:9px;color:#93aaa7}.party-member{border:1px solid #375353;border-radius:10px;background:#172c2d;padding:11px;margin:9px 0}.party-member-heading,.party-member-status{display:flex;justify-content:space-between;gap:8px;align-items:center}.party-member-heading strong{font-size:12px}.party-member-heading>span{font-size:10px;color:#e2ca94}.party-member small{font-size:10px;line-height:1.6;display:block;color:#a6beb6}.party-health{height:5px;border-radius:6px;background:#0c191b;margin:9px 0;overflow:hidden}.party-health i{display:block;height:100%;background:#74b99c;transition:width .3s}.party-member-status{font-size:10px;color:#9dd5bb;margin-bottom:5px}.party-member.recent-death{border-color:#b07e76}.recent-death .party-member-status{color:#ffb5a5}.party-loot-note{font-size:10px;line-height:1.6;color:#a4b8ae}.party-invite{display:flex;flex-wrap:wrap;gap:7px;padding:12px;margin-top:12px;border:1px solid #b19c68;border-radius:9px}.party-invite strong{flex:1 1 100%;font-size:12px}#socialPanel .chat-sound{margin-top:15px;font-size:10px;background:transparent;color:#a9c0ba}#tradePanel{font-size:12px;line-height:1.5}
/* Gallery of Fame and new trophy celebration */
.achievements{background:radial-gradient(ellipse at top,#3d4030,#122426 65%);border-color:#8c7952;padding:22px}.achievement-grid{gap:16px;max-height:680px}.achievement{text-align:center;position:relative;padding:22px 16px;background:linear-gradient(150deg,#233637,#142426);border:1px solid #425756;border-radius:12px}.achievement.unlocked{border-color:#b59a58;background:radial-gradient(ellipse at top,#555039,#263731 65%);box-shadow:inset 0 1px #e6cd8255,0 6px 14px #0003}.achievement-title{display:flex;flex-direction:column;align-items:center;gap:12px}.trophy-medallion{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:radial-gradient(#50605b,#1c302f);border:3px double #66756a;font-size:30px;color:#879d91}.unlocked .trophy-medallion{background:radial-gradient(#8b7136,#413c24);border-color:#e2c27b;box-shadow:0 0 22px #e5bf3a22}.achievement-title strong{font:17px Georgia;color:#e8e1c9}.achievement.unlocked .achievement-title strong{color:#ffe3a2}.achievement p{line-height:1.6}.achievement progress{height:5px}.achievement-earned{color:#e5c982}.achievement-celebration{position:fixed;top:24px;left:50%;transform:translateX(-50%);width:min(430px,calc(100vw - 32px));z-index:1600;overflow:hidden;text-align:center;padding:25px 24px 22px;background:radial-gradient(ellipse at top,#615036,#142b2d 75%);border:1px solid #e3be73;border-radius:18px;box-shadow:0 20px 70px #0009,0 0 32px #e5c05d33;animation:fame-arrival .6s ease-out;color:#f8ebc7;pointer-events:none}.achievement-celebration>*{position:relative}.achievement-celebration .fame-dismiss{position:absolute;right:10px;top:8px;background:transparent;border:0;color:#edddb6;font-size:22px;cursor:pointer;pointer-events:auto}.fame-medal{font-size:52px;margin-bottom:10px;animation:fame-medal .85s ease-out}.achievement-celebration>small{font:10px system-ui;letter-spacing:3px;color:#ebc67d}.achievement-celebration h2{font:25px Georgia;margin:12px 0}.achievement-celebration p{font:13px/1.5 system-ui;color:#d5dbcd;margin:8px 0}.achievement-celebration strong{display:block;margin-top:12px;font-size:13px}.achievement-celebration>span{display:block;margin-top:8px;font-size:11px;color:#cbb77f}.achievement-celebration .fame-rays{position:absolute;inset:-100%;background:repeating-conic-gradient(from 0deg,#efd37b0d 0deg 10deg,transparent 10deg 30deg);animation:fame-rays 15s linear infinite;pointer-events:none}@keyframes fame-arrival{from{opacity:0;transform:translate(-50%,-35px) scale(.9)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes fame-medal{0%{transform:scale(.3) rotate(-20deg)}65%{transform:scale(1.2) rotate(6deg)}100%{transform:scale(1)}}@keyframes fame-rays{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.achievement-celebration,.fame-medal,.achievement-celebration .fame-rays{animation:none}.party-health i{transition:none}}