/* Nameplate artwork is separate from portrait frames and armor. */
.home .portrait-button>.portrait-open{display:block;width:100%;height:100%;padding:0;border:0;background:none;border-radius:inherit;cursor:pointer}
.home button.knight-nameplate{cursor:pointer;z-index:3}
.home button.knight-nameplate:focus-visible{outline:2px solid #f6dda1;outline-offset:4px}
.nameplate-face{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;box-sizing:border-box;overflow:visible}
.nameplate-face .nameplate-name{position:relative;z-index:1;margin:0;white-space:nowrap;text-align:center}
.nameplate-face .nameplate-name>span{display:block}
.nameplate-sky{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);z-index:-1;pointer-events:none;image-rendering:pixelated}
.nameplate-face .nameplate-crown{position:absolute;left:-13px;top:-10px;width:20px;height:16px;rotate:-16deg;pointer-events:none;filter:drop-shadow(1px 1px #17222b)}
.nameplate-face.nameplate-royal_sky,.home .knight-nameplate.nameplate-royal_sky{background:#c8a964;border:0;box-shadow:inset 0 2px #fae5a0,inset 0 -2px #5c462b,0 3px #0a1118;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 4px) calc(100% - 3px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 3px),0 calc(100% - 3px),0 3px,4px 3px);padding:12px 21px 9px;min-height:38px;isolation:isolate}
.home .knight-nameplate.nameplate-royal_sky:before,.home .knight-nameplate.nameplate-royal_sky:after{display:none}
.nameplate-royal_sky .nameplate-name>span{color:#fce49d;animation:nameplate-rainbow 9s linear infinite;text-shadow:1px 0 #142438,-1px 0 #142438,0 1px #142438,0 -1px #142438,0 2px #0a1929;font-weight:700}
@keyframes nameplate-rainbow{0%,100%{color:#ffdb80}17%{color:#ff9fa7}34%{color:#e7b0ff}51%{color:#a7c8ff}68%{color:#85ebdb}85%{color:#d2ed91}}
.nameplate-swatch{width:min(230px,100%);height:52px;margin:8px auto 19px;flex:none;gap:12px;background:linear-gradient(#493b28,#2b251b);border:1px solid #b29a66;box-shadow:inset 0 0 0 2px #151c14,inset 0 0 0 3px #9c805747,0 3px #080f0a;color:#efdbad;padding:12px 20px;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}
.nameplate-swatch .nameplate-name{font:700 24px/1.1 'Knightle Herald',Georgia;letter-spacing:.7px}
.nameplate-swatch>i{font:7px Georgia;color:#c7ac70}
.nameplates-backdrop{padding:18px;background:#07130edb;backdrop-filter:blur(3px)}
.nameplates-dialog{position:relative;width:min(560px,100%);max-height:calc(100dvh - var(--ad-space) - 36px);overflow:auto;padding:28px 24px 20px;text-align:center;box-sizing:border-box;background:radial-gradient(ellipse at top,#344a39,#172a20 65%);border:1px solid #ac965f;box-shadow:0 0 0 3px #101d15,inset 0 0 0 4px #0d1a13,0 20px 65px #0009;color:#e7d5ae;scrollbar-width:thin}
.nameplates-close{position:absolute;right:8px;top:7px;width:34px;height:34px;background:none;border:0;color:#d8c397;font:28px Georgia;cursor:pointer}
.nameplates-dialog>.eyebrow{font:6px/1.6 'Knightle Quill';color:#aeaf88;margin:0 28px 10px;letter-spacing:1px}
.nameplates-dialog>h2{font:30px 'Knightle Herald',Georgia;margin:0;color:#f0d99c}
.nameplates-intro{font:13px/1.4 Georgia;color:#c0c5ab;margin:8px 0 20px}
.nameplates-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nameplate-option{border:1px solid #77806466;background:#10201799;padding:17px 12px 13px;min-width:0;display:flex;flex-direction:column;align-items:center}
.nameplate-option.is-equipped{border-color:#bcac70;box-shadow:inset 0 0 0 2px #b09d4d16}
.nameplate-option h3{font:22px 'Knightle Herald',Georgia;margin:0 0 8px;color:#e6d19e}
.nameplate-option>p{font:12px/1.45 Georgia;color:#bfc4aa;margin:0 0 10px;min-height:35px}
.nameplate-option>small{font:6px/1.5 'Knightle Quill';color:#c1ac79;margin:auto 0 14px}
.nameplate-option .btn{width:100%;min-height:34px;font-size:8px;padding:8px 5px}
.nameplates-hint{font:11px/1.4 Georgia;color:#a9b296;margin:17px 0}
.nameplates-dialog>.btn{min-height:34px;font-size:9px}
.deed-nameplate-preview{margin:15px 0 12px;padding-top:12px;border-top:1px solid #a18c5038}
.deed-nameplate-preview .nameplate-swatch{height:45px;margin:4px auto 10px;width:210px}
.deed-nameplate-preview .nameplate-name{font-size:21px}
.deed-nameplate-preview>p{font:12px Georgia;margin:0 0 5px;color:#e6d19e}
.deed-nameplate-preview>small{font:10px/1.4 Georgia;color:#bdbd9e;display:block}
.deed-nameplate-preview>.btn{font-size:8px;min-height:29px;margin-top:9px;padding:6px 13px}
.record-name-banner.nameplate-royal_sky .nameplate-name{font-size:clamp(14px,1.9vw,24px)}
@media(max-width:480px){.nameplates-dialog{padding:25px 14px 16px}.nameplates-list{grid-template-columns:1fr;gap:10px}.nameplate-option{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:6px 12px;padding:12px}.nameplate-option .nameplate-swatch{grid-column:1/-1;margin:3px auto 9px;height:43px;width:225px}.nameplate-option h3{grid-column:1;margin:0;font-size:20px;text-align:left}.nameplate-option>p{grid-column:1;text-align:left;min-height:0;margin:0;font-size:11px}.nameplate-option>small{grid-column:1;text-align:left;margin:3px 0;font-size:5px}.nameplate-option>.btn{grid-column:2;grid-row:2/5;align-self:center;font-size:7px}.nameplates-intro{margin-bottom:15px}.nameplates-hint{margin:14px 0}.record-name-banner.nameplate-royal_sky{padding:12px 11px 8px;min-height:38px}.record-name-banner.nameplate-royal_sky .nameplate-name{font-size:18px}.record-name-banner .nameplate-crown{width:16px;height:13px;left:-8px;top:-9px}}
@media(max-height:500px) and (orientation:landscape){.home .knight-nameplate.nameplate-royal_sky{min-height:29px;padding:9px 16px 6px}.home .knight-nameplate .nameplate-crown{width:14px;height:11px;left:-9px;top:-7px}.nameplates-dialog{padding:18px 18px 14px}.nameplates-dialog>.eyebrow,.nameplates-intro,.nameplates-hint{display:none}.nameplates-dialog>h2{font-size:24px;margin-bottom:9px}.nameplate-option{padding:10px}.nameplate-swatch{height:39px;margin:3px auto 12px}.nameplate-option>p{min-height:0;margin-bottom:6px}.nameplate-option>small{margin-bottom:9px}.nameplates-dialog>.btn{margin-top:10px}.record-name-banner.nameplate-royal_sky{min-height:28px;padding:9px 10px 5px}.record-name-banner.nameplate-royal_sky .nameplate-name{font-size:17px}.record-name-banner .nameplate-crown{width:14px;height:11px;left:-8px;top:-7px}}
@media(prefers-reduced-motion:reduce){.nameplate-royal_sky .nameplate-name>span{animation:none;color:#fce49d}}
@media(max-height:650px) and (orientation:portrait){.record-name-banner.nameplate-royal_sky{min-height:29px;padding:9px 10px 5px}.record-name-banner.nameplate-royal_sky .nameplate-name{font-size:17px}.record-name-banner .nameplate-crown{width:14px;height:11px;left:-8px;top:-7px}}
/* Earned plates share the original iron silhouette; their art stays hidden
   until the victory requirement is met. Unlocking never equips implicitly. */
.nameplate-face.nameplate-crimson,.home .knight-nameplate.nameplate-crimson{background:linear-gradient(#842c30,#451c25);border-color:#c07759;color:#ffe1b1;box-shadow:inset 0 0 0 2px #241719,inset 0 0 0 3px #a6564447,0 3px #080f0a}
.nameplate-face.nameplate-gemmed_gold,.home .knight-nameplate.nameplate-gemmed_gold{background:linear-gradient(#d6b45a,#93712f 52%,#ac893c);border-color:#edce81;color:#fff0bb;box-shadow:inset 0 0 0 2px #4e371f,inset 0 0 0 3px #f2d18077,0 3px #080f0a}
.nameplate-gems,.nameplate-fire,svg.nameplate-lava{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);pointer-events:none;z-index:-1;image-rendering:pixelated}
.nameplate-face.nameplate-gemmed_gold .nameplate-name{text-shadow:1px 1px #49351c,-1px -1px #49351c}
.nameplate-face.nameplate-ember,.home .knight-nameplate.nameplate-ember,.nameplate-face.nameplate-lava,.home .knight-nameplate.nameplate-lava{background:#34231c;border-color:#a7673a;box-shadow:inset 0 0 0 2px #181a17,inset 0 0 0 3px #d1894566,0 3px #080f0a;color:#ffdc9d}
.nameplate-face.nameplate-ember .nameplate-name{text-shadow:1px 1px #1e1413,-1px -1px #1e1413,0 2px #1e1413}
.home .knight-nameplate.nameplate-gemmed_gold:before,.home .knight-nameplate.nameplate-gemmed_gold:after,.home .knight-nameplate.nameplate-ember:before,.home .knight-nameplate.nameplate-ember:after,.home .knight-nameplate.nameplate-lava:before,.home .knight-nameplate.nameplate-lava:after{display:none}
.nameplate-face.nameplate-lava .nameplate-name,.home .knight-nameplate.nameplate-lava strong,.record-name-banner.nameplate-lava h3{font-family:'Knightle Herald',Georgia;font-weight:700;letter-spacing:.4px;color:#fff1b5;text-shadow:1px 0 #211616,-1px 0 #211616,0 1px #211616,0 -1px #211616,1px 2px #211616}
.nameplate-lava .lava-rivers{animation:nameplate-lava-flow 7s ease-in-out infinite alternate;transform-origin:center}
@keyframes nameplate-lava-flow{0%{transform:translate(-1px,0);opacity:.76}45%{opacity:1}100%{transform:translate(1px,1px);opacity:.86}}
.nameplates-dialog{height:min(790px,calc(100dvh - var(--ad-space) - 36px));display:flex;flex-direction:column;overflow:hidden}
.nameplates-dialog>*{flex:none}
.nameplates-list{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;align-content:start;scrollbar-width:thin;scrollbar-color:#b19c66 #16261c;padding:3px}
.nameplate-option{position:relative;min-height:215px;overflow:visible}
.nameplate-art{position:relative;width:100%;flex:none;min-width:0}
.nameplate-art .nameplate-swatch{margin-top:4px}
.nameplate-option.is-hidden .nameplate-swatch{filter:brightness(0);opacity:.9}
.nameplate-option.is-hidden .nameplate-art{filter:drop-shadow(0 1px #7d795c)}
.nameplate-option.is-hidden .nameplate-name{visibility:hidden}
.nameplate-lock{position:absolute;top:27px;left:calc(50% - 7px);width:14px;height:11px;background:#9c9475;border:2px solid #141c17;box-shadow:inset 2px 1px #e2d19b;pointer-events:none}
.nameplate-lock:before{content:'';position:absolute;left:2px;bottom:9px;width:6px;height:7px;border:2px solid #bfb289;border-bottom:0}
.nameplate-lock:after{content:'';position:absolute;width:2px;height:4px;background:#263027;left:6px;top:4px}
.nameplate-option:not(.is-hidden) .nameplate-lock{top:43px;left:auto;right:4px;scale:.7;opacity:.8}
.nameplate-option>.unlock-notice{top:10px;right:10px}
.home .knight-nameplate>.unlock-notice{top:4px;right:4px;width:10px;height:10px;box-shadow:0 0 0 1px #243022,0 0 8px #e2be6477}
.home .knight-nameplate>.unlock-notice>b{font-size:8px}
.nameplate-unlocking .nameplate-swatch{animation:nameplate-awaken .9s ease-out both}
.nameplate-unlocking .nameplate-lock{animation:nameplate-unseal .9s ease-out both}
.nameplate-unlocking:after{content:'';pointer-events:none;position:absolute;inset:4px;border:2px solid #e9cd7b;animation:nameplate-unlock-ring .9s ease-out both}
@keyframes nameplate-awaken{0%{filter:brightness(.2);transform:scale(.92)}35%{filter:brightness(1.6);transform:scale(1.035)}70%,100%{filter:brightness(1);transform:scale(1)}}
@keyframes nameplate-unseal{0%{opacity:1;transform:translateY(0) rotate(0)}40%{opacity:1;transform:translateY(-12px) rotate(-14deg)}100%{opacity:0;transform:translateY(16px) rotate(15deg)}}
@keyframes nameplate-unlock-ring{0%{opacity:0;transform:scale(.95)}25%{opacity:.85}100%{opacity:0;transform:scale(1.02)}}
@media(max-width:480px){.nameplate-option{min-height:145px}.nameplate-art{grid-column:1/-1}.nameplate-option .nameplate-swatch{width:225px;max-width:100%}.nameplate-option.is-hidden .nameplate-lock{top:22px}.nameplate-option:not(.is-hidden) .nameplate-lock{top:33px}.nameplates-dialog>.btn{align-self:center}.nameplates-list{gap:9px}}
@media(max-height:500px) and (orientation:landscape){.nameplate-option{min-height:190px}.nameplates-dialog{height:calc(100dvh - var(--ad-space) - 30px)}.nameplate-option>.nameplate-art{min-height:50px}.nameplate-option.is-hidden .nameplate-lock{top:20px}}
@media(prefers-reduced-motion:reduce){.nameplate-lava .lava-rivers{animation:none}.nameplate-unlocking .nameplate-swatch,.nameplate-unlocking .nameplate-lock,.nameplate-unlocking:after{animation-duration:.1s}}
@media(max-width:480px){.nameplates-list{display:flex;flex-direction:column}.nameplate-option{flex:none;min-height:0;grid-template-rows:auto max-content max-content max-content;align-items:start}.nameplate-art{grid-row:1}.nameplate-option h3{grid-row:2;grid-column:1/-1}.nameplate-option>p{grid-row:3;grid-column:1}.nameplate-option>small{grid-row:4;grid-column:1}.nameplate-option>.btn{grid-row:3/5;grid-column:2}}

/* Preserve the centered anchor when the ordinary button contact rule fires. */
.home button.knight-nameplate{transition:filter .12s;transform:translateX(-50%)}
.home button.knight-nameplate:not(:disabled):active{transform:translate(-50%,1px);filter:brightness(1.12)}
.home button.knight-nameplate.nameplate-royal_sky{padding:9px 20px 9px;min-height:33px}
.home .knight-nameplate .nameplate-crown{width:11px;height:9px;left:-14px;top:-4px;rotate:-14deg}
.nameplate-swatch .nameplate-crown{width:16px;height:13px;left:-17px;top:-6px}
.record-name-banner .nameplate-crown{width:12px;height:10px;left:-12px;top:-4px}
@media(max-height:500px) and (orientation:landscape){.home button.knight-nameplate.nameplate-royal_sky{min-height:26px;padding:6px 18px}.home .knight-nameplate .nameplate-crown{width:10px;height:8px;left:-12px;top:-3px}}