@font-face{font-family:'Cloister Pixel';src:url('./assets/fonts/cloister-pixel.ttf') format('truetype');font-weight:100 900;font-display:swap}
.sealed-reward{flex:0 0 64px;height:84px;display:grid;place-items:center;background:repeating-linear-gradient(135deg,#1c2b32 0 3px,#17232c 3px 6px);border:1px solid #68716a;color:#988e72;font-size:34px;clip-path:polygon(10% 0,90% 0,100% 9%,100% 91%,90% 100%,10% 100%,0 91%,0 9%)}
#wardrobe-panel{position:fixed;z-index:9;inset:90px 24px 24px auto;width:370px;box-sizing:border-box;padding:25px 20px;background:#101c26ed;border:1px solid #8e927d;box-shadow:4px 4px 0 #050d13;pointer-events:auto;display:flex;flex-direction:column;color:#dfd7bd;text-shadow:2px 2px #081019}
#wardrobe-panel[hidden]{display:none}.armory-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#b8a171}#wardrobe-panel h2{margin:10px 0 20px;font-size:27px;font-weight:400}.wardrobe-tabs{display:flex;border-bottom:1px solid #51616b;gap:8px;padding-bottom:12px}.wardrobe-tabs button{flex:1;padding:10px 4px;background:#182b35;color:#b6c2bd;border:1px solid #50636b}.wardrobe-tabs button[aria-selected=true]{background:#d0bc92;color:#121d23;border-color:#e6d8b7}#wardrobe-content{overflow:auto;min-height:0;padding-top:10px;scrollbar-color:#7d8573 #14222b}.armory-starter{font-size:11px;line-height:1.6;color:#a7b6b3}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#wardrobe-content h3{font-size:14px;color:#b8a171;font-weight:400}#wardrobe-content .wardrobe-item{min-height:170px}#wardrobe-content .wardrobe-item img{height:100px}#wardrobe-content .wardrobe-source{min-height:0}.wardrobe-open .account-panel,.wardrobe-open .oath-board,.wardrobe-open .showcase-caption,.wardrobe-open #private-invite{visibility:hidden}.wardrobe-open #lobby{overflow:hidden}
@media(max-width:650px){#wardrobe-panel{inset:auto 10px 10px auto;width:calc(100% - 20px);height:48dvh;padding:15px}#wardrobe-panel h2{font-size:22px;margin:6px 0 10px}.wardrobe-tabs{padding-bottom:8px}.wardrobe-open .lobby-nav{visibility:hidden}.wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#wardrobe-content .wardrobe-item{min-height:130px}#wardrobe-content .wardrobe-item img{height:70px}#wardrobe-content .wardrobe-item span{font-size:11px}#wardrobe-content .wardrobe-source{font-size:9px}}
body,button,input,select,textarea,#interface *,#error *,#loading *{font-family:'Cloister Pixel',Georgia,serif!important;font-synthesis:none;letter-spacing:0}
#interface{ text-shadow:2px 2px 0 #081019aa }
.training #lobby,.training .session-label,.training #match-hud,.training #practice-log,.training #defense-hud,.training #help-line,.training #round-announcement{display:none!important}
#trainer-lesson{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);width:min(640px,calc(100vw - 40px));box-sizing:border-box;padding:18px 24px;background:linear-gradient(125deg,#17252df5,#0d171ff5);border:1px solid #9b9176;box-shadow:4px 4px 0 #050c12;z-index:8;pointer-events:auto;color:#dfd8c4}#trainer-lesson[hidden]{display:none}.trainer-rule{display:flex;justify-content:space-between;gap:12px;color:#b5a37e;font-size:10px;letter-spacing:1px;border-bottom:1px solid #516069;padding-bottom:9px}#trainer-lesson h2{font-size:23px;font-weight:400;margin:12px 0 10px}#lesson-words{font-size:14px;line-height:1.65;margin:0 0 14px;color:#bac5bf}#lesson-keys{font-size:12px;line-height:1.7;color:#e7d4a9}#lesson-shortcuts{display:block;color:#8d9f9f;font-size:10px;margin-top:12px}#lesson-shortcuts[hidden],#lesson-actions[hidden]{display:none}#lesson-actions{display:flex;gap:15px;margin-top:16px}#lesson-actions button{padding:10px 16px;border:1px solid #b6a37b;background:#c6b18b;color:#162029;font-size:12px}#lesson-actions #lesson-exit{background:transparent;color:#b9c3be;border-color:#52646c}.lesson-success #lesson-keys{color:#a6d68e}.training.playing #trainer-lesson{bottom:28px}.training #vitals-orbs{opacity:.55}.training header{opacity:.55}
@media(max-width:650px){#trainer-lesson{bottom:15px;padding:15px;width:calc(100vw - 24px)}#trainer-lesson h2{font-size:20px}#lesson-words{font-size:12px}#lesson-actions button{padding:10px}.trainer-rule{font-size:9px}}
#announcement-eyebrow{letter-spacing:.14em}#announcement-title{font-size:clamp(28px,4vw,52px)}
#round-announcement[data-kind=round]{top:25%;padding:12px 20px}
#round-announcement[data-kind=round] #announcement-title{font-size:30px;margin:8px 0}
#round-announcement[data-kind=round] #announcement-score{font-size:22px}
#target{display:none!important}
#vitals-orbs{position:absolute;left:25px;bottom:24px;width:308px;height:152px;image-rendering:pixelated;pointer-events:none}
body:not(.playing) #vitals-orbs{display:none}
#combat-hud .stamina-track,#stamina-caption,#player-health{display:none}
#combat-hud{bottom:54px}#practice-log{left:36px;bottom:194px;max-width:290px;line-height:1.5}
#practice-log small{font-size:12px}#match-hud{top:35px;font-size:14px}#round-score{font-size:28px}
#defense-hud{font-size:13px}#defense-hud small,#help-line{font-size:12px}
.fallen #reticle,.fallen #hitmarker,.fallen #combat-hud,.fallen #help-line{visibility:hidden}
.wordmark{font-size:26px}.achievement-card p{font-size:12px}.achievement-status{font-size:11px}
@media(max-width:850px){#vitals-orbs{left:12px;bottom:20px;width:246px;height:122px}#practice-log{left:22px;bottom:156px;max-width:235px}#match-hud{top:80px}#combat-hud{bottom:62px;left:63%}#defense-hud{bottom:140px}}
@media(max-width:550px){#vitals-orbs{width:200px;height:99px}#combat-hud{display:none}#practice-log{bottom:136px;font-size:11px}#help-line{display:none}}

/* Small pixel instruments leave the blade and opponent unobstructed. */
#vitals-orbs{width:144px;height:152px}
#reticle-stamina{position:absolute;left:50%;top:calc(50% + 21px);transform:translateX(-50%);width:66px;height:5px;padding:1px;background:#101b25bb;box-shadow:0 1px 0 #bcb49a45;opacity:.78;pointer-events:none}
#reticle-stamina-fill{height:3px;background:#658f4b;transform-origin:left;transition:transform .08s linear,background-color .12s;image-rendering:pixelated}
body:not(.playing) #reticle-stamina,.fallen #reticle-stamina{display:none}
#commend-prompt{position:absolute;left:50%;top:calc(25% + 162px);transform:translateX(-50%);color:#d9ceac;font-size:15px;padding:8px 13px;background:#14202bbd;border-bottom:2px solid #7d8c74;text-align:center;white-space:nowrap}
#commend-prompt[data-final=true]{top:calc(47% + 140px)}
#commend-toast{position:absolute;right:34px;top:93px;padding:9px 13px;border-left:3px solid #99b67d;color:#d4dfb8;background:#14242ed9;font-size:15px;z-index:5}
body:not(.playing) #commend-toast{display:none}
#emote-wheel{position:absolute;width:min(360px,70vw);height:min(360px,70vw);left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(3px 3px 0 #080e16aa);pointer-events:none}
#emote-wheel svg{width:100%;height:100%;shape-rendering:crispEdges}
.emote-sector{fill:#15232de8;stroke:#8d876d;stroke-width:1.5}
.emote-diagram{fill:none;stroke:#ddd3b6;stroke-width:1.6;stroke-linejoin:bevel}
.selected .emote-sector{fill:#3a4c49;stroke:#b9cd9f;stroke-width:3}
.selected .emote-diagram{stroke:#f0e2bb}.emote-center{fill:#aaa88c}.emote-cursor{fill:#efe4c7;stroke:#111b28}
.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:12px;margin:12px 0 25px}
.wardrobe-grid .wardrobe-item{aspect-ratio:1;padding:5px;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#182b35;border:2px solid #566467;box-shadow:inset 0 0 0 2px #0e1b25;color:#d9d4bc;text-align:center}
.wardrobe-grid .wardrobe-item img{width:100%;height:calc(100% - 28px);object-fit:contain;image-rendering:pixelated}
.wardrobe-grid .wardrobe-item span{font-size:12px;line-height:1.15;min-height:24px;display:grid;place-items:center}
.wardrobe-grid .wardrobe-item.equipped{border-color:#80b86c;box-shadow:inset 0 0 0 2px #41613b,0 0 0 1px #80b86c}
.wardrobe-grid .wardrobe-item.equipped:after{content:'';position:absolute;right:8px;top:8px;width:7px;height:7px;background:#97c682}
.wardrobe-grid .wardrobe-item:hover{background:#263a40}.wardrobe-item:disabled{opacity:.6;cursor:default}
@media(max-width:850px){#vitals-orbs{width:115px;height:122px}}
@media(max-width:550px){#vitals-orbs{width:94px;height:99px}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#commend-prompt{font-size:12px}}
@media(prefers-reduced-motion:reduce){#reticle-stamina-fill{transition:none}}
#private-invite {pointer-events:auto}
.wardrobe-grid {grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.wardrobe-grid .wardrobe-item {aspect-ratio:1;min-height:200px;display:grid;grid-template-rows:minmax(65px,1fr) auto auto;justify-items:center;width:100%}
.wardrobe-grid .wardrobe-item img {height:100%;min-height:0;max-height:125px}
.wardrobe-grid .wardrobe-item .wardrobe-source {font-size:10px;line-height:1.4;min-height:30px;padding:3px 4px 7px}
@media(max-width:550px){.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-grid .wardrobe-item{min-height:196px}}
#match-result,#match-result * {font-family:'Cloister Pixel',Georgia,serif!important}
#match-result h2 {overflow-wrap:anywhere}
#private-invite #copy-invite {margin-right:12px}
.duel-entry {display:flex;flex-wrap:wrap;gap:4px 16px}
.duel-entry .primary,.duel-entry #queue-copy {flex-basis:100%}
@media(min-width:1001px) and (max-height:950px){#profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 7px}#profile-stats span{font-size:9px;overflow-wrap:anywhere}}
@media(max-width:650px){body:not(.playing) #interface>header{top:0;left:0;right:0;padding:18px 20px 12px;background:#101d26f5;z-index:5}}

#wardrobe-panel .wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#wardrobe-panel .wardrobe-item{aspect-ratio:auto;min-height:184px;grid-template-rows:90px auto auto}#wardrobe-panel .wardrobe-item img{height:90px}#wardrobe-panel .wardrobe-item .wardrobe-source{min-height:0}@media(max-width:650px){#wardrobe-panel .wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#wardrobe-panel .wardrobe-item{min-height:142px;grid-template-rows:65px auto auto}#wardrobe-panel .wardrobe-item img{height:65px}}