@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Noto+Sans+KR:wght@400;500;700;900&display=swap');
:root{--ink:#f3eddf;--muted:#b6aebf;--dim:#8d8297;--ember:#d3f68b;--gold:#d3f68b;--blood:#e66b9a;--line:#bca6cf35;--line-strong:#cbb7d477;--f-display:'Noto Sans KR',sans-serif;--f-latin:'Barlow Condensed',Impact,sans-serif;--f-ui:'Noto Sans KR',system-ui,sans-serif;--panel:#17111fde;--f-kr:'Noto Sans KR',sans-serif}
button{transition:background .18s,transform .18s,border-color .18s}button:focus-visible,a:focus-visible{outline:2px solid #dcfa9f;outline-offset:4px}button:hover{color:#e2ffb1}button:active{transform:translateY(2px)}
#title{padding:7vh 6vw 8vh;background:linear-gradient(90deg,#161021f2 0%,#161021ed 25%,#16102155 58%,transparent 75%);display:flex;align-items:center}.t-main{width:min(52vw,660px);max-width:none;position:relative;z-index:2}.edition{font:600 11px/1.5 var(--f-ui);letter-spacing:.2em;color:#c1b1d0;margin:0 0 28px}.edition span{margin-left:24px;color:#dcf49a}.logo{margin:0 0 30px}.logo .pre{font:500 10px/1.4 var(--f-ui);letter-spacing:.26em;color:#c5b3d3;margin-bottom:13px;display:block}.logo .main{font:900 clamp(58px,8.8vw,132px)/.78 var(--f-latin);letter-spacing:-.025em;text-shadow:5px 5px 0 #2d1e3b;color:#eee7da;display:block;transform:skew(-6deg)}.logo .main em{color:#d8f799;font-style:normal;font-size:.83em;letter-spacing:-.025em}.logo-ko{display:block;font:700 clamp(14px,1.6vw,21px)/1.6 var(--f-ui);letter-spacing:.1em;margin-top:23px;color:#e1d7e8}.t-menu{gap:0;display:flex;flex-direction:column;max-width:440px}.m-item{border-top:1px solid #dbc6e92f;padding:12px 6px;display:flex;align-items:center;gap:16px;background:transparent;min-height:0;position:relative}.m-item:last-child{border-bottom:1px solid #dbc6e92f}.m-item::before{display:none}.m-num{font:600 11px var(--f-ui);color:#a88bbb;min-width:20px}.m-en{font:700 clamp(20px,2.4vw,32px)/1 var(--f-latin);letter-spacing:.035em}.m-kr{font:400 11px var(--f-ui);margin-left:auto;white-space:nowrap;color:#bdafc7}.m-item.primary{color:#d9f3a1;background:#d6f8950b}.m-item:hover{background:#d6f89513;padding-left:14px}.t-links{margin-top:22px;gap:24px}.t-link{font-size:11px}.home-footer{position:absolute;bottom:22px;left:6vw;right:4vw;display:flex;justify-content:space-between;color:#afa2bb;font:600 9px var(--f-ui);letter-spacing:.18em;z-index:3;pointer-events:none}#app:not([data-mode=title]) .home-footer{display:none}
#menace{position:absolute;right:12%;top:15%;font:900 clamp(60px,7vw,120px)/1 serif;writing-mode:vertical-rl;transform:rotate(12deg);letter-spacing:.1em;color:#c6a4df33;text-shadow:2px 2px #070612;pointer-events:none;z-index:1;animation:menace 6s ease-in-out infinite}#app:not([data-mode=title]):not([data-mode=select]) #menace{display:none}@keyframes menace{50%{transform:translateY(-12px) rotate(9deg)}}
.menu-fx .grid,.menu-fx .beam{display:none}.menu-fx{opacity:.1!important}.credit{top:26px;right:4vw;z-index:8;font-size:9px;letter-spacing:.12em}.credit:before{display:none}.credit button{font:600 10px var(--f-ui);color:#b5a4c6}.news{right:4vw;bottom:9vh;width:330px;height:auto;min-height:0;padding:20px 23px;border:1px solid #c4a9d24d;background:#20162cd9;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;box-shadow:8px 8px 0 #110c1799}.news:before{display:none}.news>.tag{font:600 9px var(--f-ui);letter-spacing:.2em;color:#d8f799}.news>b{font:800 21px var(--f-ui)}.evolution{font:600 11px/1.6 var(--f-latin);letter-spacing:.03em;color:#c2b0d0}.evolution i{padding:0 3px;color:#d9f3a1}.news-bottom{display:flex;justify-content:space-between;width:100%;border-top:1px solid #c4a9d233;padding-top:12px;font-size:10px;color:#b9a9c4}.news-bottom b{font-size:18px;color:#d9f3a1}
#select{padding:5vh 4vw 230px;background:linear-gradient(90deg,#161021ed 0%,#16102188 30%,transparent 55%,#161021bb 100%)}.s-head{top:30px;left:4vw}.s-info{position:absolute;left:4vw;top:15vh;width:31vw;max-width:440px}.part-name{font:600 10px var(--f-ui);letter-spacing:.16em;color:#c5afda;margin-bottom:18px}.s-role{font:700 13px var(--f-latin);letter-spacing:.12em;color:var(--hc)}.vs-preview .n{font:900 clamp(24px,3vw,43px)/1.3 var(--f-ui);word-break:keep-all;letter-spacing:-.04em}.vs-preview .t{font:600 17px var(--f-ui);letter-spacing:.08em;color:var(--hc);margin-top:10px}.char-blurb{font:400 12px/1.9 var(--f-ui);max-width:330px;color:#c3b4ce;word-break:keep-all;margin-top:18px}.skill-list{margin-top:24px;gap:8px}.skill-list li{width:48px;height:48px;background:#23172ecc;border:1px solid #766285;padding:9px}.skill-list li.on{background:#d6f8951a;border-color:#d8f799;color:#e2ffb1}.skill-list .key{font:700 10px var(--f-latin);color:#ddd}.skill-desc{max-width:340px;min-height:90px;margin-top:18px}.sd-h b{font-size:15px}.sd-h span{font:600 10px var(--f-latin);letter-spacing:.08em}.sd-d{font-size:11px;line-height:1.8;color:#c7bad0}
.s-side{position:absolute;right:4vw;top:19vh;width:240px;max-width:25vw}.s-side .edition{color:#d8f799;font:700 18px var(--f-latin);letter-spacing:.1em;margin-bottom:8px}#modeNote{font-size:11px;line-height:1.8;color:#bbaac7;margin-bottom:28px}.opts{gap:18px}.opt>span{font:600 10px var(--f-latin);letter-spacing:.13em;color:#ad99bd}.cy-val{font-size:12px}.btn{border-color:#a086b6;background:#251b30;padding:13px 20px;font-weight:700;font-size:12px}.btn.primary{background:#d8f799;color:#191321;border-color:#d8f799;box-shadow:4px 4px 0 #655877}.btn.primary:hover{background:#e9ffbd}.s-side .btn{width:100%;margin-top:20px}.back-link{font-size:11px;color:#ae9fbb}
.s-roster{position:absolute;left:4vw;right:4vw;bottom:22px;width:auto;padding:0;background:#17111ed9;border-top:1px solid #887298}.roster-top{display:flex;align-items:center;gap:20px;padding:12px 0;font:600 10px var(--f-latin);letter-spacing:.12em}.roster-top>span{margin-left:auto;color:#9e89ae}#partFilters{display:flex;gap:3px}#partFilters button{background:transparent;border:0;color:#ac98bd;padding:4px 7px;font:600 10px var(--f-ui);cursor:pointer}#partFilters button[aria-pressed=true]{background:#d8f799;color:#161021}.cards{display:grid!important;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;overflow:visible;padding:0 0 5px}.card{width:auto;min-width:0;flex:none;height:138px;border:1px solid #a68bba55;background:linear-gradient(145deg,#332740,#201729);clip-path:none;transform:none;display:flex;flex-direction:column;overflow:hidden;position:relative}.card .ph{position:relative;inset:auto;height:98px;width:100%;background:radial-gradient(ellipse at 50% 65%,var(--cc),transparent 75%)}.card .ph img{width:100%;height:115%;object-fit:cover;object-position:center 25%;filter:none}.card .nm{position:absolute;inset:auto 0 0;padding:7px 3px 6px;background:#171020e8}.card .nm b{font:500 clamp(8px,.72vw,11px)/1.3 var(--f-ui);white-space:normal;word-break:keep-all;text-align:center;display:block}.card .nm small{font:500 8px var(--f-ui);display:block;text-align:center;margin-top:3px;color:#baa6c8;letter-spacing:0}.card[aria-pressed=true]{border:2px solid #d8f799;background:#536340}.card[aria-pressed=true]::after{content:'★';position:absolute;right:4px;top:2px;color:#d8f799}.card:hover{border-color:#d8f799;transform:translateY(-4px)}.card[hidden]{display:none!important}
.topbar{padding:22px 4vw 0;gap:35px;background:linear-gradient(#130e20d9,transparent);padding-bottom:25px}.fb-name b{font:800 20px var(--f-ui)}.fb-name small{font-size:9px}.hp{height:18px;background:#19151e;border:2px solid #3d314d;box-shadow:0 3px 0 #08070e}.hp .fill{background:linear-gradient(180deg,#e1f5b6,#a9c76f)}.fb.right .hp .fill{background:linear-gradient(180deg,#d3a6ee,#a17cc5)}.ult{height:5px}.xm .ult{height:3px}.ult-label{font-size:9px}.timer{font:800 44px/.9 var(--f-latin);color:#e8dfd1}.round-label{font-size:8px}.sys{right:4vw;top:115px}.icon-btn{border-color:#9f85b055}.cast{font:600 14px var(--f-ui);text-shadow:1px 2px 0 #161021}.dock{bottom:36px;right:4vw;gap:8px}.sk{width:78px;height:78px;background:#1b1427e8;border:1px solid #a88aba99;transform:skew(-4deg)}.sk .n{font:500 9px/1.2 var(--f-ui);white-space:normal;bottom:-22px;width:100%;text-align:center}.sk.is-ult{width:92px}.sk .k{font:700 14px var(--f-latin);left:5px;top:4px;color:#ddf1b3}.sk.ready{box-shadow:inset 0 -3px var(--c)}.sk.cooling{opacity:.65}.keys-hint{bottom:30px;left:4vw;font-size:9px;color:#bbaac7;max-width:49vw;line-height:2}.keys-hint kbd{font-size:9px;margin-left:5px}.combo{top:32%;left:4vw}.combo b{font:800 64px var(--f-latin);color:#d8f799}.fl{font-family:var(--f-latin);font-size:22px;text-shadow:2px 2px #171020}.fl.big{font-size:28px;color:#ddf5ae}
#styleHud{position:absolute;z-index:6;bottom:85px;left:4vw;display:flex;gap:8px}#styleHud button,#trainingHud button{font:600 10px var(--f-ui);padding:8px 12px;background:#20152dde;border:1px solid #b798cf66;color:#e0d7e5;cursor:pointer}#standBtn{color:#d8f799!important}#trainingHud{position:absolute;top:120px;left:4vw;z-index:6;display:flex;gap:6px;align-items:center}#trainingHud>span{font:700 13px var(--f-latin);color:#d8f799;margin-right:8px}#chapterHud{position:absolute;top:128px;left:4vw;font:600 11px var(--f-latin);letter-spacing:.15em;color:#d8f799;z-index:4}#timeOverlay{position:absolute;inset:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 180px #9479d399;background:repeating-radial-gradient(ellipse at center,transparent 0 140px,#b9b2d10b 141px 144px);mix-blend-mode:screen}#timeOverlay span{position:absolute;top:24%;left:50%;transform:translateX(-50%);font:700 13px var(--f-latin);letter-spacing:.5em;color:#fff0ba}#toast{position:absolute;z-index:40;bottom:22%;left:50%;transform:translateX(-50%);background:#d8f799;color:#20142c;padding:13px 20px;font-size:12px;font-weight:700;box-shadow:5px 5px #31213f}
.ultcard{background:linear-gradient(110deg,#1c112b,#352046ee);border-top:2px solid var(--uc);border-bottom:2px solid var(--uc);box-shadow:0 12px 0 #17102088;transform:skew(-8deg);padding:25px 35px}.ultcard .en{font:800 33px var(--f-latin);letter-spacing:.03em}.ultcard .kr{font:800 23px var(--f-ui)}.ultcard .by{color:#d9f3a1}.ann-card .big{font:900 100px/.9 var(--f-latin);transform:skew(-7deg);text-shadow:5px 5px #614279;color:#e5f5c3}.ann-card .small{font:600 11px var(--f-ui);color:#dac7e6}.vs-intro{background:#171020ee}.vs-side{background:linear-gradient(120deg,#342244aa,transparent)}.vs-mid span{font:900 100px var(--f-latin);color:#d8f799}.vs-txt b{font:900 32px var(--f-ui)}.center-screen{background:#130c20b8;backdrop-filter:blur(7px)}.sheet{background:#24192feF;border:1px solid #ae8dc4;padding:40px 48px;box-shadow:12px 12px #100a19aa;max-width:800px}.sheet h2{font:900 40px var(--f-ui);letter-spacing:-.03em}.sheet .eyebrow{color:#d8f799}.sheet .note{font-size:12px;color:#c4b3ce}#rewardView{z-index:20}#rewardChoices{display:flex;gap:14px;margin-top:30px}#rewardChoices button{background:#352342;border:1px solid #9e7bb8;padding:25px 20px;min-width:170px;display:flex;flex-direction:column;gap:12px;cursor:pointer}#rewardChoices span{font-size:24px;color:#d8f799}#rewardChoices b{font-size:16px}#rewardChoices small{color:#c9b7d5;font-size:11px}
#boot{background:#171020}.ld-word b{font:900 clamp(40px,7vw,90px) var(--f-latin);letter-spacing:-.02em;color:#d8f799}.ld-word span{font:500 10px var(--f-ui);letter-spacing:.25em}.ld-emblem{filter:hue-rotate(65deg)}.ld-legal{font-size:9px;color:#a891bc}.controls{background:#1d1329ed;position:absolute;top:15%;left:0;z-index:15;padding:22px;border:1px solid #a78dbd;width:min(580px,80vw);max-height:60vh;overflow:auto}.controls dt{color:#d8f799}.controls dd{font-size:11px;line-height:1.8}.log-view,.floret-view{background:#171020}.log-item{border-color:#85699b55}
@media(min-width:1600px){.cards{gap:8px}.card{height:160px}.card .ph{height:120px}.s-roster{bottom:28px}.s-info{top:18vh}}
@media(max-height:700px) and (min-width:800px){#title{padding-top:36px}.edition{margin-bottom:16px}.logo{margin-bottom:18px}.logo .main{font-size:86px}.logo-ko{margin-top:16px;font-size:16px}.m-item{padding:9px 5px}.m-en{font-size:25px}.t-links{margin-top:14px}.s-info{top:12vh}.char-blurb{margin-top:10px}.skill-list{margin-top:12px}.skill-desc{margin-top:10px}.card{height:108px}.card .ph{height:77px}.s-roster{bottom:10px}.s-side{top:16vh}}
@media(max-width:900px){.cards{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.card{height:90px}.card .ph{height:65px}.card .nm{padding:3px}.card .nm b{font-size:8px}.card .nm small{font-size:7px;margin-top:1px}.s-roster{bottom:12px}.roster-top{padding:8px 0}.roster-top>span{display:none}.s-info{width:36vw;top:12vh}.s-side{width:200px;max-width:28vw;top:15vh}.part-name{font-size:8px}.vs-preview .n{font-size:25px}.vs-preview .t{font-size:12px}.char-blurb{font-size:10px}.skill-list li{height:40px;width:40px}.sd-d{font-size:10px}.skill-desc{min-height:60px}.news{width:270px;right:3vw}.news>b{font-size:18px}.logo .main{font-size:90px}.m-en{font-size:26px}.t-main{width:51vw}.topbar{gap:18px}.fb-name b{font-size:16px}.fb-name small{display:none}}
@media(max-width:600px){#title{padding:9vh 6vw 12vh;align-items:flex-start;background:linear-gradient(90deg,#181020ef 0%,#181020b8 50%,#18102044)}.t-main{width:90vw}.edition{font-size:9px;margin-bottom:28px}.logo .pre{font-size:8px;max-width:220px}.logo .main{font-size:clamp(70px,16vw,98px)}.logo-ko{font-size:14px;margin-top:18px}.t-menu{width:78vw;max-width:360px;margin-top:34px}.m-en{font-size:26px}.m-item{padding:13px 4px;background:#1b13259c}.m-kr{font-size:10px}.news{bottom:8vh;left:6vw;right:auto;width:78vw;padding:15px 18px;gap:5px}.news>.tag{font-size:8px}.news>b{font-size:16px}.evolution{font-size:10px}.news-bottom{display:none}.credit{top:20px;right:6vw}.home-footer{bottom:22px;font-size:7px}.home-footer>span:last-child{display:none}#menace{right:4%;top:20%;font-size:65px}.t-links{margin-top:20px}.logo{margin-bottom:16px}
 #select{background:linear-gradient(90deg,#171020d9,transparent 95%)}.s-head{top:25px}.s-info{top:11vh;width:53vw;left:5vw;max-width:none}.part-name{font-size:7px;letter-spacing:.08em;margin-bottom:12px}.s-role{font-size:10px}.vs-preview .n{font-size:24px}.vs-preview .t{font-size:11px;letter-spacing:0}.char-blurb{font-size:10px;line-height:1.6;margin-top:8px;max-width:45vw}.skill-list{gap:4px;margin-top:14px}.skill-list li{width:34px;height:34px;padding:7px}.skill-list .key{font-size:8px}.skill-desc{width:50vw;margin-top:10px}.sd-h{display:block}.sd-h b{font-size:12px}.sd-h span{display:block;font-size:9px;margin-top:4px}.sd-d{font-size:9px;line-height:1.7}.s-side{top:auto;bottom:250px;right:5vw;left:5vw;width:auto;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}.s-side .edition,#modeNote{display:none}.opts{display:flex;gap:8px;grid-column:1 / -1}.opt{flex:1;min-width:0}.opt>span{font-size:8px}.cycler{min-width:0}.cy-val{font-size:10px;max-width:130px}.s-side .btn{margin:0;padding:11px 8px;font-size:11px}.s-side .back-link{align-self:center;text-align:center;margin:0}.s-roster{bottom:12px;left:4vw;right:4vw}.cards{grid-template-columns:repeat(4,minmax(0,1fr));max-height:187px;overflow-y:auto;padding-right:3px}.card{height:88px}.card .ph{height:65px}.card .nm b{font-size:8px}.roster-top{gap:7px;flex-wrap:wrap;padding:6px 0}.roster-top>b{font-size:8px;display:none}#partFilters{width:100%;justify-content:space-between}#partFilters button{font-size:9px;padding:5px 7px}.topbar{padding:16px 4vw;gap:10px}.fb-name b{font-size:12px}.hp{height:13px}.timer{font-size:32px}.ult-label{font-size:7px}.meta{gap:4px}.pips{gap:4px}.pip{width:5px;height:5px}.sys{top:103px}.icon-btn{width:30px;height:30px}.dock{right:4vw;bottom:45px;gap:5px}.sk{width:48px;height:48px}.sk.is-ult{width:54px}.sk .n{font-size:7px;bottom:-17px}.sk .k{font-size:11px}.dock.touch .sk{width:51px;height:51px}.dock.touch{max-width:180px;display:flex;flex-wrap:wrap;justify-content:flex-end}.dock.touch .basic{width:60px;height:60px}.keys-hint{display:none!important}#styleHud{left:4vw;bottom:28px;gap:5px}#styleHud button{padding:8px;font-size:8px}#trainingHud{left:4vw;right:4vw;top:145px;gap:4px;flex-wrap:wrap}#trainingHud>span{font-size:10px}#trainingHud button{font-size:8px;padding:6px}#chapterHud{font-size:8px;top:123px}.sheet{padding:25px 20px;width:90vw;box-sizing:border-box}.sheet h2{font-size:28px}.sheet .row{flex-wrap:wrap}.ann-card .big{font-size:70px}.vs-txt b{font-size:21px}.vs-mid span{font-size:65px}.ultcard .en{font-size:22px}.ultcard .kr{font-size:16px}.ultcard{padding:18px 22px}.ultcard .by{font-size:10px}#rewardChoices{flex-direction:column;gap:8px}#rewardChoices button{min-width:0;padding:12px;display:grid;grid-template-columns:30px 1fr;text-align:left;gap:5px}#rewardChoices small{grid-column:2}#toast{font-size:10px;width:70vw;text-align:center}}
@media(max-width:600px) and (max-height:740px){#title{padding-top:8vh}.edition{margin-bottom:20px}.logo .main{font-size:68px}.logo-ko{font-size:12px}.t-menu{margin-top:22px}.m-item{padding:10px 4px}.news{bottom:7vh;padding:12px 16px}.news>.tag{display:none}.s-info{top:10vh}.char-blurb{display:none}.skill-list{margin-top:10px}.s-side{bottom:220px}.cards{max-height:160px}.card{height:76px}.card .ph{height:54px}.sd-d{line-height:1.5}}
/* Reset inherited structural spacing from the reference game's two-item menu. */
#title{align-items:flex-start;justify-content:center;overflow:hidden}.t-main{gap:0;margin-top:0}.logo{gap:0}.m-item.primary .m-en{font-size:clamp(20px,2.4vw,32px);color:#d8f799;white-space:nowrap}.m-item.primary .m-kr{color:#c2d6a2}.s-info,.s-side{gap:0}.s-head{position:absolute}.skill-desc .sd-d{font-size:11px;line-height:1.8;color:#c7bad0}.skill-desc .sd-h span{font:600 10px var(--f-latin);letter-spacing:.08em}.skill-desc b{font:700 15px var(--f-ui)}.news::after{display:none}.card .ph img{position:relative;left:auto;top:auto;transform:none}.credit>span{display:none}#select{display:block;overflow:hidden}.s-info p{margin-bottom:0}.s-info .char-blurb{margin-top:16px}.s-info .part-name{margin-bottom:18px}.s-info .s-role{margin-bottom:10px}.vs-preview{gap:0}.s-side .opts{margin:18px 0}.s-side .back-link{margin-top:18px}.s-side #modeNote{margin-bottom:0}.screen{box-sizing:border-box}
@media(max-width:900px){.m-item.primary .m-en{font-size:26px}.skill-desc .sd-d{font-size:10px}.skill-desc b{font-size:13px}}
@media(max-width:600px){#title{justify-content:flex-start}.m-item.primary .m-en{font-size:26px}.s-info .char-blurb{margin-top:8px}.s-info .part-name{margin-bottom:12px}.s-side{display:grid;gap:8px}.s-side .opts{margin:0;flex-direction:row}.s-side .back-link{margin:0}.skill-desc .sd-d{font-size:9px;line-height:1.6}.skill-desc .sd-h span{font-size:8px}.skill-desc b{font-size:12px}.skill-desc .sd-h{gap:3px}.card .nm{min-height:22px}}
.s-roster{display:block}.cards{width:100%;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.card{height:77px;aspect-ratio:auto;opacity:.9}.card .ph{position:absolute;left:0;top:0;bottom:0;width:62px;height:100%}.card .ph img{height:120%;object-fit:cover;object-position:50% 10%}.card .nm{left:56px;right:3px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,transparent,#1c1429 24%);padding:4px}.card .nm b{font-size:10px;text-align:left}.card .nm small{font-size:8px;text-align:left}.card:hover .ph img{transform:scale(1.05)}.card[aria-pressed=true]{transform:none}.card[aria-pressed=true]::after{border:0;inset:2px 4px auto auto}.card[aria-pressed=true]::before{background:#d8f799}.roster-top{justify-content:space-between}.roster-top>span{margin-left:0}.s-head{z-index:2}.s-roster{z-index:3}
@media(max-width:900px){.card{height:75px}.card .ph{width:50px}.card .nm{left:43px}.card .nm b{font-size:8px}.card .nm small{font-size:7px}.cards{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:600px){.cards{grid-template-columns:repeat(4,minmax(0,1fr));max-height:187px}.card{height:88px}.card .ph{width:100%;height:65px}.card .nm{left:0;top:auto;right:0;bottom:0;min-height:22px;padding:3px;background:#191120ed}.card .nm b,.card .nm small{text-align:center}.card .nm b{font-size:8px}.card .nm small{font-size:7px}.roster-top{padding:6px 0}.s-side{bottom:238px}}
@media(max-width:600px) and (max-height:740px){.cards{max-height:160px}.card{height:76px}.card .ph{height:54px}.s-side{bottom:212px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Focus must never scroll the fixed game surface and crop the health bars. */
#app{overflow:clip}
@media(min-width:601px){.skill-list{margin-top:16px}.skill-desc{margin-top:12px}.skill-list li{box-sizing:border-box}.s-info{top:13vh}}