.stage-wardrobe .item-card,.dragon-card{position:relative;isolation:isolate;overflow:hidden}
.armory-reveal-glint{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:3;background:linear-gradient(105deg,transparent 25%,#f2dba5aa 49%,#ffffdccc 50%,transparent 72%);transform:translateX(var(--armory-sweep,-35%));mix-blend-mode:screen}
.armory-awakening .armory-reveal-glint{opacity:var(--armory-glint,0)}.armory-awakening{box-shadow:inset 0 0 14px #dbc57422;border-color:#c8ad71}
.stage-wardrobe .category-tabs{display:flex;gap:5px;justify-content:stretch}.stage-wardrobe .category-tabs button{flex:1;font-size:clamp(8px,2.6vw,12px);padding-inline:4px;white-space:nowrap}
.shell.stage>.dragon-armory{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;width:min(650px,100%);margin:auto;padding:62px 20px 26px;overflow:hidden}
.dragon-armory .armory-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}.dragon-armory .armory-heading h1{font:30px 'Knightle Herald';letter-spacing:3px;margin:5px 0}.dragon-armory .armory-heading p{font:11px Georgia;line-height:1.4;margin:4px 0}.dragon-armory .armory-heading .eyebrow{font:5px 'Knightle Quill';letter-spacing:1.3px}.vault-purse{flex:none;display:grid;grid-template-columns:23px auto;align-items:center;column-gap:5px;color:#dfcfa6}.vault-purse .tooth-icon{width:23px;height:29px}.vault-purse b{font:29px 'Knightle Herald'}.vault-purse small{grid-column:1/-1;font:4px 'Knightle Quill';letter-spacing:.7px;text-align:center;margin-top:4px}
.dragon-category-tabs{margin:0!important;padding:0 0 6px!important;min-height:36px}.dragon-category-tabs [aria-selected=true]{color:#e4ca92;border-color:#bea270!important}
.vault-doors{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:12px;min-height:0}.vault-door{position:relative;display:grid;grid-template-rows:minmax(70px,130px) auto auto;gap:13px;background:linear-gradient(#23302b,#101e21);border:1px solid #9a8352;padding:10px 8px 18px;box-shadow:inset 0 0 0 4px #081315,inset 0 0 0 5px #9a83523b;cursor:pointer;color:#dfc993;min-width:0}.vault-door canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;border-bottom:1px solid #ad956244}.vault-door span{font:23px 'Knightle Herald';letter-spacing:1px}.vault-door small{display:block;font:11px/1.4 Georgia;color:#a8b29c;letter-spacing:0;margin:6px 0}.vault-door>b{font:5px 'Knightle Quill';letter-spacing:.6px;color:#afbb9b}.vault-door:focus-visible,.dragon-card:focus-visible{outline:2px solid #ddcc99;outline-offset:2px}
.vault-footnote{font:italic 11px/1.5 Georgia;color:#96a794;text-align:center;margin:0;padding-top:4px}
.shell.stage>.dragon-armory.vault-open{grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:10px}
.vault-subheading{display:flex;align-items:center;justify-content:space-between;gap:8px}.vault-subheading h2{font:18px 'Knightle Herald';letter-spacing:2px;margin:0;color:#e3cfa4}.vault-back{background:none;border:0;padding:5px 0;color:#a1b19c;font:5px 'Knightle Quill';letter-spacing:.4px;cursor:pointer;min-height:26px}
.vault-selection{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center;border-block:1px solid #ad945343;padding:9px 5px;min-height:119px}.vault-large-art{height:105px;display:grid;place-items:center;background:#0b1619;border:1px solid #87754b55}.vault-large-art canvas{width:100%;height:100%;image-rendering:pixelated;object-fit:contain}.vault-selection h3{font:20px/1.1 'Knightle Herald';color:#e0c99b;margin:0 0 7px}.vault-selection p{font:12px/1.35 Georgia;color:#a8b8a3;margin:0 0 9px}.vault-selection .btn{font:7px 'Knightle Quill';min-height:31px;padding:7px 12px;min-width:100px}.vault-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 3px 7px}
.dragon-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dragon-card{display:grid;grid-template-rows:72px auto auto;gap:7px;text-align:center;background:linear-gradient(#25302a,#101c20);border:1px solid #766c49;padding:6px;min-width:0;color:#d6c495;cursor:pointer}.dragon-card.selected{border-color:#d7bb78;box-shadow:inset 0 0 0 1px #d7bb7866}.dragon-art{position:relative;min-height:0;background:#0c171a;display:grid;place-items:center;overflow:hidden}.dragon-art canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.dragon-card strong{font:14px/1.1 'Knightle Herald';letter-spacing:.3px;min-height:16px}.dragon-card small{font:4px/1.6 'Knightle Quill';letter-spacing:.2px;color:#8fa791}.dragon-card.armory-locked{border-color:#4c5044}.dragon-card.armory-locked small{color:#a59978}
/* Keyboard palettes never override the learned green/yellow/miss states. */
.keyboard{isolation:isolate;position:relative}.keyboard-lights{position:absolute;z-index:-1;inset:-7px -3px 0;width:calc(100% + 6px);height:calc(100% + 7px);pointer-events:none;image-rendering:pixelated}.keyboard[data-keyboard-skin=default] .keyboard-lights,.keyboard[data-keyboard-skin=blue] .keyboard-lights,.keyboard[data-keyboard-skin=moss] .keyboard-lights,.keyboard[data-keyboard-skin=gold] .keyboard-lights{display:none}
.keyboard[data-keyboard-skin=blue]{--skin-bg:#1b314b;--skin-border:#739eb8;--skin-text:#e0e8df}.keyboard[data-keyboard-skin=moss]{--skin-bg:#20392d;--skin-border:#8da178;--skin-text:#e0e5c7}.keyboard[data-keyboard-skin=gold]{--skin-bg:#4a3720;--skin-border:#c3a567;--skin-text:#f6e3ad}.keyboard[data-keyboard-skin=frost]{--skin-bg:#18384a;--skin-border:#91cdd5;--skin-text:#eff7e9}.keyboard[data-keyboard-skin=fire]{--skin-bg:#2c2020;--skin-border:#c0804e;--skin-text:#f5d8af}.keyboard[data-keyboard-skin=prism]{--skin-bg:#2f2947;--skin-border:#b1a0d1;--skin-text:#eee1f3}
.keyboard:not([data-keyboard-skin=default]) .key:not(.hit):not(.crit):not(.miss):not(.key-charred){background:linear-gradient(180deg,#ffffff0a,transparent 40%,#00000024) var(--skin-bg);border-color:var(--skin-border);color:var(--skin-text);box-shadow:0 2px #081115,inset 0 1px color-mix(in srgb,var(--skin-border),transparent 30%)}
.keyboard[data-keyboard-skin=prism] .key:not(.hit):not(.crit):not(.miss):not(.key-charred):not(.key-restoring){animation:prism-forge 12s linear infinite;animation-delay:calc(var(--key-index)*-.11s)}
@keyframes prism-forge{0%,100%{border-color:#b5a0d5;background-color:#302941}33%{border-color:#8ac1cb;background-color:#203943}66%{border-color:#d1acbb;background-color:#432d3b}}
@container game-stage (max-height:600px){.shell.stage>.dragon-armory{padding:48px 14px 19px;gap:9px}.dragon-armory .armory-heading h1{font-size:25px}.dragon-armory .armory-heading>div>p:last-child{display:none}.vault-selection{min-height:93px;grid-template-columns:80px 1fr;gap:12px;padding:6px 4px}.vault-large-art{height:80px}.vault-selection h3{font-size:18px;margin-bottom:4px}.vault-selection p{font-size:11px;margin-bottom:6px}.vault-selection .btn{min-height:27px;padding:5px 10px}.dragon-card{grid-template-rows:58px auto auto;gap:5px}.vault-footnote{font-size:10px}.vault-door{grid-template-rows:minmax(65px,110px) auto auto;gap:10px}}
@media(max-width:350px){.dragon-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-doors{gap:8px}.vault-door{padding:8px 7px 15px}.vault-door span{font-size:21px}.vault-door small{font-size:10px}.stage-wardrobe .category-tabs button{font-size:9px}.vault-purse b{font-size:23px}.vault-purse .tooth-icon{width:18px}}
@media(orientation:landscape) and (max-height:500px){.shell.stage>.dragon-armory.vault-open{grid-template-columns:1fr 1.5fr;grid-template-rows:40px 32px minmax(0,1fr) 20px;padding:32px 28px 12px;gap:7px 20px}.dragon-armory .armory-heading{grid-column:1;grid-row:1}.dragon-armory .armory-heading h1{font-size:23px;margin:0}.dragon-armory .armory-heading .eyebrow,.vault-purse small{display:none}.dragon-category-tabs{grid-column:2;grid-row:1}.vault-subheading{grid-column:1;grid-row:2}.vault-selection{grid-column:1;grid-row:3;border:0;grid-template-columns:90px 1fr}.vault-scroll{grid-column:2;grid-row:2/5}.vault-footnote{grid-column:1;grid-row:4;font-size:9px}.vault-doors{grid-template-columns:1fr 1fr;gap:20px}.vault-door{grid-template-columns:70px 1fr;grid-template-rows:auto auto;align-items:center}.vault-door canvas{grid-row:1/3}.vault-door span{font-size:20px}.vault-door>b{grid-column:2}}
@media(prefers-reduced-motion:reduce){.armory-reveal-glint{display:none}.keyboard[data-keyboard-skin=prism] .key{animation:none!important}}

/* Locked equipment remains visible; only the small seal changes on unlock. */
.stage-wardrobe .preview-card,.vault-selection,.vault-large-art{position:relative;isolation:isolate}
.stage-wardrobe .armory-art,.stage-wardrobe .pixel-scene{filter:none;opacity:1}
.armory-lock-badge{display:none;position:absolute;z-index:7;top:5px;right:5px;width:21px;height:23px;background:#101c20ed;border:1px solid #ab96616b;pointer-events:none;opacity:var(--lock-opacity,1)}
.armory-locked .armory-lock-badge,.armory-pending .armory-lock-badge{display:block}
.armory-lock-badge i{position:absolute;width:10px;height:8px;left:5px;top:9px;background:#ba9d65;box-shadow:inset 1px 1px #e2c587,0 2px #070f12}
.armory-lock-badge i:before{content:'';position:absolute;width:7px;height:7px;left:1px;top:-6px;border:2px solid #c6b080;border-bottom:0;box-sizing:border-box;transform-origin:0 100%;transform:translateY(var(--lock-lift,0px)) rotate(var(--lock-open,0deg))}
.armory-lock-badge i:after{content:'';position:absolute;width:2px;height:3px;left:4px;top:3px;background:#253031}
.stage-wardrobe .preview-card>.armory-lock-badge{top:18px;left:18px;right:auto}
.stage-wardrobe .preview-card>.armory-reveal-glint{display:none}
.dragon-card{grid-template-rows:72px 30px 12px;gap:6px}.dragon-card strong{min-height:30px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.15}.dragon-card small{height:12px;min-height:12px;line-height:1.5}
.vault-requirement{display:block;font:4px/1.5 'Knightle Quill';color:#bfae81;min-height:15px;margin-bottom:5px}
.vault-selection p{min-height:32px}.vault-selection h3{min-height:22px}.vault-selection .btn{min-width:100px;white-space:nowrap}
.vault-large-art{overflow:hidden}.layout-selection .vault-large-art{overflow:visible;background:none;border:0;min-height:86px}
.shell.stage>.dragon-armory .vault-doors{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch;align-self:center;gap:10px;height:min(100%,350px);width:100%;min-height:0}
.dragon-armory .vault-door{grid-template-columns:80px minmax(0,1fr) 48px;grid-template-rows:minmax(0,1fr);align-items:center;gap:12px;padding:9px 12px;min-height:0;text-align:left}
.dragon-armory .vault-door>canvas{width:80px;height:100%;max-height:76px;border:0;grid-row:auto}
.dragon-armory .vault-door>span:not(.frame-art){font-size:21px}.dragon-armory .vault-door small{font-size:11px;margin:5px 0 0}.dragon-armory .vault-door>b{grid-column:auto;font-size:4px;line-height:1.8}
.frame-art{position:relative;display:block;width:100%;height:100%;max-width:70px;aspect-ratio:120/144;margin:auto}
.frame-art>canvas:not(.portrait-frame-layer){position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;background:#0c191c;border:0}
.portrait-frame-layer{position:absolute;z-index:5;inset:0;width:100%;height:100%;image-rendering:pixelated;object-fit:fill!important;pointer-events:none}
.dragon-art .frame-art{max-width:60px}.vault-large-art .frame-art{max-width:90px}.vault-door .frame-art{width:60px;height:100%;max-height:76px}
.home .portrait-button[data-portrait-border]:not([data-portrait-border=default]){background:#101c20;box-shadow:0 5px 15px #0007}
.home .portrait-button[data-portrait-border]:not([data-portrait-border=default]):before,.home .portrait-button[data-portrait-border]:not([data-portrait-border=default]):after{display:none!important}
.home .portrait-button[data-portrait-border]:not([data-portrait-border=default]) .scene{border:0;background:#101c20}
.keyboard:not([data-keyboard-skin=default]):before{content:'';position:absolute;inset:-5px -4px;z-index:-1;border:1px solid var(--skin-border);box-shadow:inset 0 0 0 2px #091315,0 2px 0 #03090a;background:#101a1ddd;pointer-events:none}
.keyboard-lights{inset:-13px -4px -2px;width:calc(100% + 8px);height:calc(100% + 15px)}
.keyboard[data-keyboard-skin=fire]:before{border-color:#8f603c;box-shadow:inset 0 0 0 2px #120f12,0 -2px 8px #b75b2829,0 2px 0 #03090a}
.vault-selection.layout-selection{grid-template-columns:minmax(145px,1.5fr) minmax(105px,1fr);gap:16px;min-height:126px}
.preview-keyboard{width:100%;display:grid!important;gap:4px!important;margin:0!important;padding:0!important;transform:none!important;pointer-events:none;align-self:center}
.preview-keyboard .key-row{display:flex;justify-content:center;gap:2px!important}.preview-keyboard .key{display:grid;place-items:center;flex:1;width:auto;min-width:0;max-width:18px;height:21px!important;min-height:21px!important;font:10px/1 'Knightle Herald'!important;padding:0!important;letter-spacing:0;border-width:1px;clip-path:none}.preview-keyboard .key.wide{flex:1.35;max-width:23px;font-size:9px!important}
@container game-stage (max-height:600px){.dragon-card{grid-template-rows:58px 30px 12px}.dragon-armory .vault-doors{gap:8px}.dragon-armory .vault-door{padding:8px 10px;grid-template-columns:66px minmax(0,1fr) 42px;gap:10px}.dragon-armory .vault-door>canvas{width:66px;max-height:62px}.vault-door .frame-art{max-height:62px;width:52px}.dragon-armory .vault-door>span:not(.frame-art){font-size:18px}.vault-selection.layout-selection{min-height:116px}.vault-selection p{min-height:28px}.vault-requirement{font-size:3.7px}}
@media(max-width:350px){.dragon-armory .vault-door{grid-template-columns:60px minmax(0,1fr) 38px;gap:8px}.dragon-armory .vault-door>span:not(.frame-art){font-size:17px}.dragon-armory .vault-door small{font-size:10px}.vault-selection.layout-selection{grid-template-columns:minmax(135px,1.3fr) minmax(95px,1fr);gap:12px;padding-inline:0}.layout-selection h3{font-size:16px}.preview-keyboard .key{font-size:9px!important;height:18px!important;min-height:18px!important}}
@media(orientation:landscape) and (max-height:500px){.shell.stage>.dragon-armory:not(.vault-open){grid-template-rows:40px 32px minmax(0,1fr) 18px;gap:6px;padding:32px 25px 12px}.shell.stage>.dragon-armory .vault-doors{height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:10px}.dragon-armory .vault-door{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:4px;padding:6px;text-align:center}.dragon-armory .vault-door>canvas,.vault-door .frame-art{margin:auto;width:60px;height:100%;max-height:60px}.dragon-armory .vault-door>span:not(.frame-art){font-size:14px}.dragon-armory .vault-door small,.dragon-armory .vault-door>b{display:none}.vault-selection.layout-selection{grid-template-columns:1fr;gap:7px;padding:0;min-height:0}.layout-selection .vault-large-art{height:63px;min-height:63px}.layout-selection p,.layout-selection .vault-requirement{display:none}.layout-selection>div:last-child{display:flex;gap:8px;align-items:center}.layout-selection h3{font-size:15px;min-height:0;margin:0}.layout-selection .btn{min-width:65px;font-size:6px}}