.preview-spotlight{display:flex;align-items:center;gap:24px;position:relative;isolation:isolate;overflow:hidden;min-height:160px;padding:26px 30px;border:1px solid #c7df78;background:#192c29;color:#f2f3df;text-decoration:none;box-shadow:inset 4px 0 #d8ff3e;transition:border-color .2s,background .2s}
.preview-spotlight::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#12251af2 8%,#10221bc7 58%,#183a2d40),url('./preview-10-cover.jpg') center 54%/cover}
.preview-spotlight:hover{border-color:#fff;background:#233d2f}
.preview-spotlight:focus-visible{outline:3px solid #d8ff3e;outline-offset:4px}
.preview-spotlight__number{font:72px/.9 var(--display,sans-serif);color:#d8ff3e;letter-spacing:-5px;flex-shrink:0}
.preview-spotlight__copy{display:grid;gap:9px;flex:1}
.preview-spotlight__eyebrow{font:11px/1.5 var(--mono,monospace);letter-spacing:2px;color:#d8ff3e}
.preview-spotlight__copy strong{font:700 27px/1.2 var(--display,sans-serif);letter-spacing:-.5px}
.preview-spotlight__copy small{font:12px/1.7 var(--body,sans-serif);color:#e4ecda}
.preview-spotlight__action{font:700 12px/1.5 var(--body,sans-serif);white-space:nowrap;color:#d8ff3e}
.arena-view>.preview-spotlight{margin:0 0 22px}
.account-gate__intro>.preview-spotlight{margin-top:28px;padding:20px;min-height:140px;gap:18px;max-width:550px}
.account-gate__intro .preview-spotlight__number{font-size:54px}
.account-gate__intro .preview-spotlight__copy strong{font-size:22px}
.account-gate__intro .preview-spotlight__action{font-size:20px}
@media(max-width:600px){.preview-spotlight{padding:20px;gap:16px}.preview-spotlight__number{font-size:52px}.preview-spotlight__copy strong{font-size:21px}.preview-spotlight__action{font-size:0}.preview-spotlight__action::after{content:'↗';font-size:23px}.preview-spotlight__eyebrow{letter-spacing:1px}}
.preview-page{margin:0;height:100dvh;overflow:hidden;background:#101611;color:#f0f2e7;font-family:var(--body,sans-serif);display:flex;flex-direction:column}
.preview-toolbar{display:flex;align-items:center;gap:22px;min-height:64px;padding:10px 24px;border-bottom:1px solid #657145;flex-shrink:0;background:#15231c}
.preview-toolbar a{color:#e4edcf;text-decoration:none;font-size:13px}
.preview-toolbar__title{display:flex;align-items:center;gap:14px;flex:1;min-width:0}
.preview-toolbar__title span{color:#d8ff3e;font:11px var(--mono,monospace);letter-spacing:1px}
.preview-toolbar__title strong{font-size:16px}
.preview-toolbar small{color:#b6c1ac;font-size:11px}
.preview-toolbar button{font:inherit;font-size:12px;background:#d8ff3e;border:0;padding:10px 14px;color:#152014;cursor:pointer}
.preview-game{width:100%;flex:1;min-height:0;border:0;background:#101714}
.model-pending{cursor:pointer;border-style:solid;background:#182018;box-shadow:none}
.model-pending:hover{border-color:#d8ff3e;background:#202b1e}
.model-pending:focus-visible{outline:2px solid #d8ff3e;outline-offset:3px}
.pending-model-dialog{max-width:460px;width:calc(100% - 36px);padding:34px;border:1px solid #d8ff3e;background:#18251c;color:#eef2e5;font-family:var(--body,sans-serif)}
.pending-model-dialog::backdrop{background:#000a}
.pending-model-dialog h2{font-size:28px;margin:18px 0}
.pending-model-dialog p{color:#c3cdb8;line-height:1.8}
.pending-model-dialog button{display:block;margin:26px 0 0 auto;padding:12px 28px;border:0;background:#d8ff3e;color:#162113;font:inherit;cursor:pointer}
.model-pending .build-rail{color:#829478}
.model-pending .build-content{display:grid;align-content:center;gap:14px}
.pending-model-name{font:700 22px/1.25 var(--display,sans-serif);color:#d8e2cb}
.model-pending .build-status{color:#b4be9e}
@media(max-width:760px){.preview-toolbar{padding:10px 12px;gap:12px}.preview-toolbar__title{display:grid;gap:4px}.preview-toolbar__title strong{font-size:12px}.preview-toolbar small{display:none}}