.skill-preview-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;}
.skill-preview-entry p{margin:4px 0 0;color:var(--muted,#a9a4a0);font-size:12px;}
.skill-preview-entry .btn{flex-shrink:0;}
.modal.skill-preview-modal{max-width:920px;padding:20px;}
.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.preview-heading h2{margin:5px 0;font-size:24px;}
.preview-eyebrow{font-size:10px;letter-spacing:2px;color:#d1b778;}
.preview-intro,.preview-detail p{font-size:12px;color:#b6b5b1;line-height:1.6;margin:8px 0 14px;}
.preview-class{display:flex;align-items:center;gap:14px;font-size:12px;margin-bottom:12px;}
.preview-class select{flex:1;min-width:0;min-height:44px;padding:8px 12px;background:#171e22;color:#efdfb8;border:1px solid #655435;border-radius:8px;}
.preview-arena.arena{min-height:300px;height:300px;border:1px solid #665a3a;border-radius:12px;background:radial-gradient(ellipse at 75% 55%,#264345 0,transparent 48%),linear-gradient(160deg,#151c23,#0b1218 70%);}
.preview-floor{position:absolute;inset:65% -20% -40%;background:repeating-linear-gradient(0deg,transparent 0 39px,#cfb87915 40px 41px),repeating-linear-gradient(90deg,transparent 0 59px,#cfb87915 60px 61px);transform:perspective(160px) rotateX(40deg);}
.preview-arena .hero{bottom:20px!important;width:44%!important;max-width:245px!important;}
.preview-arena .mob-wrap{bottom:60px!important;right:7%!important;width:30%!important;}
.preview-arena .mob-icon{height:140px;display:flex;align-items:center;justify-content:center;}
.preview-dummy{display:flex;align-items:center;justify-content:center;width:100px;height:100px;font:110px/1 Georgia,serif;color:#cfb879;text-shadow:0 0 25px #d6af5933;border-radius:50%;border:1px solid #d9c18e55;background:#172427;}
.preview-target-label{position:absolute;right:8%;top:24px;z-index:3;color:#bcbbaa;font-size:11px;letter-spacing:.5px;}
.preview-detail{min-height:76px;padding:12px 0 0;}
.preview-detail h3{margin:0;color:#eddbad;font-size:18px;}
.preview-detail p{margin:5px 0 10px;}
.preview-controls{display:flex;gap:8px;flex-wrap:wrap;}
.skill-preview button{min-height:44px;}
.skill-preview button:focus-visible,.preview-class select:focus-visible{outline:2px solid #dfcb93;outline-offset:3px;}
.preview-status{min-height:32px;margin:10px 0;color:#b4d0c5;font-size:12px;line-height:1.5;}
.preview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
.preview-skill{display:flex;align-items:center;gap:9px;text-align:left;padding:10px;border:1px solid #ffffff15;border-radius:8px;background:#141b20;color:#dfdfd8;cursor:pointer;min-width:0;}
.preview-skill[aria-pressed="true"]{border-color:#c6a86c;background:linear-gradient(120deg,#51422c,#24292a);box-shadow:inset 3px 0 #d6b976;}
.preview-skill span:last-child{min-width:0;}
.preview-skill b{display:block;font-size:12px;overflow-wrap:anywhere;}
.preview-skill small{display:block;margin-top:4px;font-size:10px;color:#aeafa8;}
.preview-icon{font-size:21px;flex-shrink:0;width:26px;text-align:center;}
@media(max-width:600px){.modal.skill-preview-modal{padding:14px;}.preview-list{grid-template-columns:repeat(2,minmax(0,1fr));}.preview-arena.arena{min-height:245px;height:245px;}.preview-arena .mob-wrap{bottom:40px!important;}.preview-arena .mob-icon{height:110px;}.preview-dummy{width:72px;height:72px;font-size:80px;}.preview-heading h2{font-size:21px;}.preview-controls .btn{flex:1;padding:8px;font-size:11px;}.preview-skill{padding:9px 7px;gap:6px;}.skill-preview-entry{align-items:flex-start;}.skill-preview-entry .btn{font-size:11px;}}