/* Same metal frames and colored balls as the shipped achievement cards. */
.editor-achievement-button{display:grid;place-items:center;width:86px;height:86px;padding:8px;background:transparent;border:1px solid transparent;border-radius:10px}
.editor-achievement-button:hover{background:#263c30;border-color:var(--gold)}
.editor-achievement-frame{display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;width:64px;height:64px;padding:5px;border-radius:12px;background:conic-gradient(from 20deg,#fff,#87999b,#e8f1ed,#657b7d,#efffff,#8c9f9f,#f8ffff);box-shadow:0 2px 6px #0009,inset 0 0 0 1px #e1eeec}
.editor-achievement-frame:before{content:'';position:absolute;z-index:-1;inset:5px;border:2px solid #cad7d6;border-radius:8px;background:radial-gradient(circle at 35% 25%,#4a5c53,#15261e 75%);box-shadow:inset 0 0 9px #000b}
.editor-achievement-frame[data-tier=gold]{background:conic-gradient(from 20deg,#fff5c8,#b3833c,#f5daa1,#91622f,#fff0b5,#c69a51,#fff4cd)}
.editor-achievement-frame[data-tier=gold]:before{border-color:#d9b877}
.editor-achievement-frame[data-tier=diamond]{background:conic-gradient(from 25deg,#fff,#9be6f7,#325981,#d9ffff,#73b4de,#efffff,#3d739b,#bdffff,#fff)}
.editor-achievement-frame[data-tier=diamond]:before{border-color:#aeeaf7}
.editor-achievement-frame img{width:100%;height:100%;object-fit:contain}
.editor-achievement-ball{width:49%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ffffffb8 0 4%,transparent 30%),radial-gradient(circle at 35% 28%,var(--ball-color),#000 145%);box-shadow:inset -3px -4px 6px #0009,0 4px 6px #0008}
.editor-achievement-preview{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--gold);border-radius:15px;padding:24px}
.editor-achievement-preview::backdrop{background:#050e0bda}
.editor-achievement-preview-art{display:grid;place-items:center;min-height:250px;margin:20px 0;background:radial-gradient(ellipse,#253c30,transparent 72%)}
.editor-achievement-preview-art .editor-achievement-frame{width:180px;height:180px;border-radius:28px;padding:13px}
.editor-achievement-preview-art .editor-achievement-frame:before{inset:13px;border-width:4px;border-radius:18px}
.editor-achievement-preview p{margin-top:12px}
.info-achievements .info-table{min-width:1120px}
.info-achievements .info-table td:nth-child(3){min-width:180px}
.info-achievements .info-table td:nth-child(4){min-width:210px}
.info-achievements .info-table td:nth-child(5),.info-achievements .info-table td:nth-child(6){min-width:105px}
.info-achievements .info-table select{padding:8px;min-width:110px}
.info-achievement-great{display:flex;align-items:center;gap:8px;min-width:130px;min-height:38px;margin-top:5px;font-size:13px;cursor:pointer}.info-table .info-achievement-great input{width:22px;height:22px;margin:0;accent-color:var(--gold);flex:none}.info-achievement-great:has(input:disabled){cursor:default}

.editor-achievement-preview .info-header>button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;line-height:1;font-size:26px}