#achievements-button{position:fixed;left:14px;top:14px;z-index:18;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ffca61a6;border-radius:13px;background:#10201edb;color:#ffda88;font:700 13px Play,sans-serif;box-shadow:0 8px 28px #07120d66;cursor:pointer;backdrop-filter:blur(10px)}
#achievements-button:hover,#menu-achievements:hover{background:#23352e}
#achievements-button svg,#menu-achievements svg{width:20px;height:20px;fill:currentColor;flex:none}
body.menu-open #achievements-button,body.touch #achievements-button,body.intro #achievements-button{display:none}
#menu-achievements{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid #ffca6199;border-radius:8px;background:#17251e;color:#ffda88;font:700 13px Play,sans-serif;cursor:pointer}
#achievements-panel[hidden]{display:none}
#achievements-panel{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;box-sizing:border-box;background:#030b0acb;backdrop-filter:blur(8px)}
.ach-shell{width:min(940px,100%);max-height:min(780px,calc(100dvh - 36px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #eeb75c8c;border-radius:23px;background:linear-gradient(135deg,#20332d,#0a1715 55%,#13221c);color:#f7f2db;box-shadow:0 22px 80px #000a}
.ach-head{display:flex;align-items:center;gap:20px;padding:25px 28px 20px;border-bottom:1px solid #e8d7ab24}
.ach-head div{flex:1}.ach-head small{display:block;color:#e7b863;font:700 11px Tektur,sans-serif;letter-spacing:.16em}.ach-head h2{margin:5px 0 0;font:700 clamp(26px,4vw,42px) Tektur,sans-serif}.ach-count{border:1px solid #ffcc69a0;border-radius:999px;padding:7px 13px;color:#ffd47d;font:700 17px Tektur,sans-serif}.ach-close{width:40px;height:40px;border:1px solid #fff5;border-radius:10px;background:#ffffff10;color:#fff;font-size:25px;cursor:pointer}
.ach-list{overflow:auto;padding:0 28px 28px;overscroll-behavior:contain}.ach-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:#e6e8d8}.ach-empty::before{content:'✦';display:grid;place-items:center;width:70px;height:70px;margin-bottom:20px;border:2px dashed #eabf6980;border-radius:50%;color:#f5cb76;font-size:30px}.ach-empty b{font:700 23px Tektur,sans-serif}.ach-empty span{max-width:300px;margin-top:8px;color:#bec8b9;font:400 14px/1.5 Play,sans-serif}.ach-group h3{margin:22px 0 11px;color:#f3be66;font:700 17px Tektur,sans-serif}.ach-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ach-group h3{grid-column:1/-1}.ach-card{display:flex;align-items:center;gap:13px;min-width:0;padding:9px;border:1px solid #ffc76a72;border-radius:14px;background:#f5c86d17;color:#fff8df}.ach-icon{display:block;width:88px;height:88px;flex:none;border-radius:10px;background-image:url('../img/achievements/atlas.png');background-size:400% 400%;background-repeat:no-repeat;background-color:#fff}.ach-icon-reference{background-image:url('../img/achievements/first-camp.png');background-size:contain;background-position:center}.ach-card div{min-width:0;flex:1}.ach-card b{display:block;font:700 15px Tektur,sans-serif;line-height:1.2}.ach-card small{display:block;margin-top:5px;font:400 12px/1.35 Play,sans-serif;color:#bfc4b8}.ach-mark{align-self:flex-start;color:#ffcf75;font:700 21px Tektur,sans-serif}
#achievement-toast{position:fixed;left:50%;top:22px;z-index:75;display:flex;align-items:center;gap:13px;min-width:255px;max-width:calc(100vw - 30px);padding:9px 16px 9px 9px;border:1px solid #f4c673;border-radius:16px;background:#173129f2;color:#fff7db;box-shadow:0 10px 35px #0009;opacity:0;transform:translate(-50%,-120%);transition:opacity .25s,transform .25s;pointer-events:none}#achievement-toast.visible{opacity:1;transform:translate(-50%,0)}#achievement-toast .ach-icon{width:58px;height:58px}#achievement-toast small{display:block;color:#e6bb6a;font:700 10px Tektur,sans-serif;letter-spacing:.1em}#achievement-toast b{display:block;margin-top:3px;font:700 16px Tektur,sans-serif}
@media(max-width:700px){.ach-shell{max-height:calc(100dvh - 20px)}.ach-head{padding:15px}.ach-list{padding:0 14px 16px}.ach-group{grid-template-columns:1fr;gap:7px}.ach-group h3{margin:16px 0 4px}.ach-card{padding:7px}.ach-icon{width:72px;height:72px}.ach-card b{font-size:13px}.ach-card small{font-size:11px}#achievement-toast{top:8px}}
.ach-icon{background-image:url('../img/achievements/atlas-transparent.png');background-color:transparent}
.ach-icon-reference{background-image:url('../img/achievements/first-camp-transparent.png')}