/* v0.24: jade, parchment and bronze. Layout follows the duel, not the document. */
:root{--gold:#dec18b;--gold-bright:#f7e0b0;--muted:#a4b5ac;--line:#b0c1ae30}
body{background:#081411;font-size:14px}button,select,input{border-radius:5px}button:focus-visible{outline:2px solid #f6daa0;outline-offset:3px}
.topbar,html[lang=en] .topbar{min-height:62px;padding:10px 28px;background:#081613d9;gap:12px}.brand{font-size:19px;letter-spacing:3px}.brand-mark{width:31px;height:31px;font-size:17px}.brand small{font-size:9px;letter-spacing:2px}.nav button{font-size:12px;padding:8px 10px}.nav{gap:2px}.language-switch{border-radius:4px}.language-switch button{min-height:28px;padding:5px 8px}
.home{position:relative;isolation:isolate;background-image:linear-gradient(90deg,#081612cc,#091a1222 55%,#081612b0),linear-gradient(0deg,#081411 1%,transparent 80%),url('home-mountains-v2.jpg');background-position:center}
.home-content{max-width:1480px;min-height:calc(100svh - 62px);grid-template-columns:minmax(0,1fr) 420px;gap:50px;padding:55px 5vw 40px;position:relative;align-items:center}
.home-title{position:relative;z-index:1;align-self:center;padding-bottom:70px;pointer-events:none}.home-title::after{display:none}.home h1{font-size:86px;letter-spacing:.12em;margin:24px 0 16px}.home .eyebrow{font-size:11px;letter-spacing:4px}.home .intro{font-size:26px;letter-spacing:3px;max-width:520px;line-height:1.5}.hero-description{max-width:325px;font-size:14px;line-height:1.9;color:#c4d2c8;text-shadow:0 2px 10px #071210}.hero-tag{display:inline-block;margin-top:26px;font-size:11px;letter-spacing:2px;color:#d9c28a;border-bottom:1px solid #b49c6255;padding-bottom:9px}
.hero-figure{position:absolute;inset:0 27% 0 10%;pointer-events:none;z-index:-1;background:linear-gradient(0deg,#081411 0%,transparent 28%),url('art/s4-solitary-peak-sword-lord.jpg') center 32%/cover;opacity:.84;mask-image:linear-gradient(90deg,transparent 0%,#000 45%,#000 66%,transparent 99%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%,#000 66%,transparent 99%)}
.home-console{padding:27px;background:linear-gradient(145deg,#10261feF,#091710f5);border-color:#ceb37d66;box-shadow:0 25px 80px #0009;backdrop-filter:blur(20px)}.console-label{margin-bottom:19px}.console-label span{font-size:20px;letter-spacing:2px}.console-label i{font-size:10px;letter-spacing:0}.deck-select{grid-template-columns:1fr auto;gap:9px}.deck-select label{grid-column:1/-1;color:#9db2a3;font-size:11px}.deck-select select{min-width:0;font-size:12px;border-color:#aabc9c50}.deck-select>button{font-size:11px;padding:8px}.deck-summary{grid-column:1/-1}.deck-summary strong{font-size:17px;letter-spacing:0}.deck-summary span{font-size:11px;margin-top:5px}.deck-summary em{font-size:10px}
.home-actions{grid-template-columns:1fr;margin-top:18px;gap:8px}.home-actions button{padding:13px 16px;border-color:#afc2a332;background:#213c302e}.home-actions .gold{background:linear-gradient(110deg,#ecce91,#c8a66c);border-color:#f1d798}.home-actions button span{font:500 17px/1.3 Georgia,'Songti SC',SimSun,serif;letter-spacing:1px}.home-actions button small{font-size:10px;letter-spacing:0}.home-actions [data-act=tutorial-hub]{border-style:dashed}.home-meta{font-size:10px;margin-top:20px;gap:0}.home-meta span{padding:0 7px}.telemetry-choice{margin-top:17px;padding-top:14px}.telemetry-choice strong{font-size:11px}.telemetry-choice small{font-size:10px}.journey{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;padding-top:16px;border-top:1px solid #8caa8b30}.journey>div{display:grid;gap:5px;text-align:center}.journey>div+div{border-left:1px solid #8caa8b25}.journey b{color:#e3cd9d;font:24px Georgia,serif}.journey b small{font-size:13px;color:#8fa494}.journey span{font-size:10px;color:#8fa494}
.game{background-image:linear-gradient(100deg,#071511bf,#07151130 50%,#071511c9),url('duel-board-v2.jpg');padding-bottom:0}.game .layout{max-width:1920px;padding:12px 20px 18px;gap:14px;grid-template-columns:minmax(0,1fr) 276px}.arena{border-color:#b69e623d;background:linear-gradient(180deg,#0817109c,#0c211250 50%,#07140fc9);padding:12px;box-shadow:inset 0 0 90px #07141190,0 15px 50px #0005}.arena::before{content:'万 象';font-size:76px;color:#dec18b0a}.side{background:#091812ea;padding:12px;border-color:#bba16b45;border-radius:4px;min-width:0}.side .inspect{position:static;border:0;background:none;padding:8px;box-shadow:none}.side .inspect-art{width:100%;height:205px;aspect-ratio:auto;background-size:100% 100%,contain;margin:8px 0 13px;background-color:#13281e;border-color:#cbb37b55}.side .inspect strong,html[lang=en] .side .inspect strong{font-size:21px;line-height:1.25}.side .inspect p{font-size:12px;line-height:1.7;margin:8px 0}.side .inspect button{font-size:12px;padding:9px 10px;min-height:35px;margin-top:6px}.side h3{font-size:13px;letter-spacing:2px;border-top:1px solid #a8bd9a35;padding-top:16px;margin-top:18px}.side .log{font-size:11px;max-height:170px;margin-bottom:0}.side>p{font-size:10px}.side .guide-panel,.side .quick-guide-coach,.side .tutorial-coach{display:block;margin:0 0 10px;padding:12px;background:#163022;border:1px solid #9faa6a55;box-shadow:none}.side .guide-seal,.side .quick-guide-seal,.side .tutorial-seal{display:none}.side .quick-guide-coach>div{grid-template-columns:1fr}.side .quick-guide-coach ol{display:flex;flex-direction:row;grid-row:auto;margin-bottom:8px}.side .quick-guide-coach strong,.side .guide-panel strong,.side .tutorial-coach strong{font-size:14px}.side .quick-guide-coach p,.side .guide-panel p,.side .tutorial-coach p{font-size:11px;line-height:1.6;margin:7px 0}.side .quick-guide-coach>button,.side .tutorial-actions{margin-top:8px}.side .guide-panel>button{position:absolute;right:3px;top:3px}.side .guide-panel{position:relative;padding-right:23px}
.unit{border-radius:6px;border-color:#aabb9066}.unit-art[data-has-art='1']{background-size:100% 100%,cover;background-position:center,center 27%;filter:none}.unit-stats{font-weight:700}.master .avatar{background-size:cover;background-position:center 20%;transform:none;border-radius:50%;box-shadow:0 0 0 3px #081a14,0 0 0 4px #a58f5855}.master .avatar span{display:none}.master-mine .avatar{background-image:url('art/s4-solitary-peak-sword-lord.jpg')}.master-foe .avatar{background-image:url('art/b4-immovable-venerable.jpg')}.master-body .avatar{background-image:url('art/b4-immovable-venerable.jpg')}.master-sword .avatar{background-image:url('art/s4-solitary-peak-sword-lord.jpg')}.grave-link{font-size:10px;padding:5px 8px;color:#a9b9ab;background:transparent}.zone-caption{display:none}.spell-slot{border-radius:4px}.spell-slot.empty{border-style:dashed;background:#091b1470}.spell-slot.facedown{background:linear-gradient(120deg,#273a25,#12241b);box-shadow:inset 0 0 0 3px #10221a,inset 0 0 0 4px #b59d5d44}.spell-slot.faceup{border-color:#8cc1a080;background:#1d3d2c}.card{border-radius:6px}.card-art[data-has-art='1']{background-image:linear-gradient(0deg,#06160d33,transparent 30%),var(--card-art);background-size:100% 100%,cover;background-position:center,center 24%}.card-art::before{display:none}.inspect-art,.modal-card-art{background-image:var(--card-art);background-size:contain}
.battle-hud{box-shadow:none;border-radius:4px;background:#0a211ae0}.phase-rail li.current{background:#ac8c4630}.combat-call{display:none}.action-stage{border-radius:8px;background:linear-gradient(135deg,#112c22fa,#15261bfa 50%,#201b14fa)}.action-stage-title span{letter-spacing:2px}.action-art{background-size:100% 100%,cover;background-position:center,center 24%}.response:not(.discard-panel){position:fixed;z-index:65;left:50%;top:calc(46% + 115px);transform:translateX(-50%);width:min(680px,calc(100vw - 20px));text-align:center;padding:14px;border-radius:6px;box-shadow:0 10px 50px #000d}.response p{font-size:13px;margin-bottom:10px}.winner{position:fixed;z-index:70;left:50%;top:50%;transform:translate(-50%,-50%);width:min(550px,calc(100vw - 28px));padding:36px 25px;text-align:center;border-radius:8px;background:radial-gradient(ellipse at top,#385638,#0b2016 75%);box-shadow:0 0 0 100vmax #020a06b8,0 35px 100px #000}.winner h2{font-size:34px;letter-spacing:3px}.result-metrics{display:flex;justify-content:center;gap:25px;border-top:1px solid #adbd9266;margin-top:24px;padding-top:20px;font-size:12px}.result-metrics b{margin-left:8px;color:#ead195;font:24px Georgia,serif}.settings-panel{width:min(440px,70vw);padding:8px 0}.settings-panel label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #a1b89130}.settings-panel input{accent-color:#d8bc7f}.settings-panel input[type=checkbox]{width:20px;height:20px}.settings-panel input[type=range]{max-width:170px}.settings-panel p{font-size:12px;line-height:1.6;margin:15px 0}.settings-panel hr{border:0;border-top:1px solid #a1b89130;margin:25px 0}.settings-panel h3{font-size:17px}
.impact-summon{animation:arrive .5s ease-out}.impact-damage{animation:hit .32s ease-out}.impact-reveal{animation:arrive .65s ease-out}.battle-float{z-index:80;font-family:Georgia,serif;text-shadow:0 2px 5px #000}.camera-focus{outline-width:1px!important;outline-offset:2px;box-shadow:0 0 22px #e1c78b44!important;filter:none}
@keyframes arrive{from{transform:translateY(-10px) scale(.88);filter:brightness(2);opacity:.3}to{transform:none;filter:none;opacity:1}}@keyframes hit{25%{transform:translateX(-4px);filter:brightness(1.8)}65%{transform:translateX(4px)}to{transform:none;filter:none}}
@media(min-width:1100px){
 .game .layout{height:calc(100svh - 64px);min-height:700px}.game footer{display:none}.arena{display:grid;grid-template-columns:126px minmax(0,1fr);grid-template-rows:46px 42px minmax(112px,1fr) 54px minmax(112px,1fr) 42px 27px 164px;gap:7px 14px;height:100%;min-height:0}.battle-hud{grid-column:1/-1;grid-row:1;margin:0;padding:6px 12px;grid-template-columns:160px 1fr 210px}.duel-turn{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.duel-turn small{font-size:10px;letter-spacing:0}.duel-turn strong,html[lang=en] .duel-turn strong{font-size:16px;letter-spacing:0}.duel-turn>span{display:none}.phase-rail li{min-height:29px}.duel-pulse{font-size:11px}.master{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:8px 5px;overflow:visible;border-radius:6px;text-align:center}.master-foe{grid-column:1;grid-row:2/4}.master-mine{grid-column:1;grid-row:5/7}.master .avatar{width:49px;height:49px}.master-name,html[lang=en] .master-name{font-size:12px;letter-spacing:0}.master-copy{gap:2px}.master-sub,html[lang=en] .master-sub{font-size:10px;gap:5px;justify-content:center}.master-sub span+span{padding-left:5px}.vitals{margin:0;grid-template-columns:1fr;justify-items:center;gap:3px;text-align:center}.hp{font-size:18px;justify-content:center}.hp b{font-size:24px}.master .track{width:90px}.master .qi{grid-column:1;grid-row:auto;font-size:12px;padding:3px 8px;margin:3px 0 0}.master .qi i{width:5px;height:5px}.master::after{display:none}.master .grave-link{padding:3px 6px;font-size:9px;margin-top:0}.foe-spells{grid-column:2;grid-row:2}.foe-row{grid-column:2;grid-row:3}.mine-row{grid-column:2;grid-row:5}.mine-spells{grid-column:2;grid-row:6}.row{min-height:0;margin:0;padding:0;border:0;gap:14px;align-items:stretch;background:transparent}.unit.attack-form,.unit.defense-form,html[lang=en] .unit{width:100%;max-width:none;height:100%;min-height:0;display:grid;grid-template-columns:44% 1fr;grid-template-rows:1fr 22px 30px;background:#112b20e8}.unit .unit-art,.unit.defense-form .unit-art{height:100%;grid-column:1;grid-row:1/4;border-right:1px solid #b3aa7855}.unit-title,html[lang=en] .unit-title{grid-column:2;padding:13px 9px 3px;align-self:end;font-size:15px;min-height:0;letter-spacing:0;line-height:1.25}.unit-meta,html[lang=en] .unit-meta{grid-column:2;padding:0 9px;font-size:10px;line-height:1.3}.unit-stats{grid-column:2;font-size:14px;padding:3px 9px 7px}.unit-corner{display:none}.unit .board-chip{font-size:9px;left:5px;top:5px;letter-spacing:0}.unit.hidden-unit{grid-template-columns:1fr;grid-template-rows:auto auto auto;place-items:center}.hidden-unit .unit-title,.hidden-unit .unit-meta,.hidden-unit .unit-stats{grid-column:1;padding:3px 8px}.slot{min-height:0;height:100%;border-radius:6px;font-size:11px;color:#90a28570;background:#10241925;gap:0;flex-direction:column}.slot::before{font-size:25px;position:static}.slot::after{display:none}.spell-row{gap:14px;margin:0;padding:0}.spell-slot,html[lang=en] .spell-slot{display:flex;align-items:center;justify-content:center;gap:5px;min-height:0;height:42px;padding:4px 8px}.spell-slot>span:not(.slot-number),html[lang=en] .spell-slot>span:not(.slot-number){font-size:11px;letter-spacing:0}.spell-slot small,html[lang=en] .spell-slot small{font-size:9px;line-height:1.1}.spell-slot .slot-number{font-size:9px;position:static;opacity:.5}.spell-slot .board-chip{top:0;right:0;left:auto}.spell-slot.empty::after{display:none}.action-dock,html[lang=en] .action-dock{position:relative;grid-column:1/-1;grid-row:4;left:auto;bottom:auto;transform:none;width:auto;margin:0;padding:6px 10px;gap:9px;border-radius:5px;flex-wrap:nowrap;z-index:15}.action-dock .turn-label{display:none}.action-dock .hint,html[lang=en] .action-dock .hint{font-size:12px;white-space:normal}.action-dock button{font-size:12px;min-height:35px;white-space:nowrap}.hand-label{grid-column:1/-1;grid-row:7;margin:0;padding:3px 3px;border:0;background:none;font-size:11px;align-items:center}.hand-label button{padding:4px 8px;font-size:10px}.hand{grid-column:1/-1;grid-row:8;gap:9px;padding:5px 5px 9px;background:#081b13aa;border:1px solid #aabd8940;border-radius:6px;box-shadow:none;overflow-y:hidden}.hand .card,html[lang=en] .hand .card{flex:0 0 119px;min-width:119px;min-height:0;height:144px;padding:0;gap:0;display:grid;grid-template-rows:1fr 30px 23px;background:#152f22;overflow:hidden;border-color:#90a78066}.hand .card-art{grid-row:1;aspect-ratio:auto;height:100%;border:0}.hand .card>strong,html[lang=en] .hand .card>strong{grid-row:2;font-size:11px;min-height:0;line-height:1.15;padding:3px 5px;align-content:center;letter-spacing:0}.hand .card .description{display:none}.hand .card .type{position:absolute;left:28px;top:5px;z-index:3;font-size:8px;color:#e1e9dd;text-shadow:0 1px 3px #000;letter-spacing:0}.hand .card .cost{position:absolute;left:5px;top:5px;width:22px;height:22px;z-index:4;font-size:12px;background:#142d21ed}.hand .card .stats{grid-row:3;font-size:9px;padding:3px 6px;background:#0b2117}.hand .card .action-chip{top:auto;right:3px;bottom:56px;font-size:8px;padding:3px 5px}.hand .card:hover{transform:translateY(-3px);border-color:#f1d397}.hand .card.selected{outline-offset:-3px}.hand .card.quick-guide-target::after{top:39px;left:5px;font-size:8px;max-width:110px}.side{overflow-y:auto;height:100%;scrollbar-width:thin;scrollbar-color:#667e62 transparent}.mobile-inspect{display:none}.discard-panel{position:absolute;bottom:198px;left:15%;right:8%;z-index:60;padding:12px;border-radius:6px}.choice-prompt,html[lang=en] .choice-prompt{bottom:20px;left:calc((100% - 295px)/2);width:min(750px,calc(100vw - 350px));font-size:11px;grid-template-columns:auto minmax(0,1fr) auto;z-index:60}.choice-prompt>span{display:none}.choice-prompt>p{font-size:11px}.choice-prompt>strong{font-size:13px}.choice-prompt>em{display:none}.choice-prompt>button{font-size:11px}.toast{bottom:185px!important}
}
@media(max-width:1099px){.game .layout{display:block;padding:10px}.side{display:none}.arena{padding:10px}.mobile-inspect{display:block;margin-top:12px}.mobile-inspect .inspect-art{max-height:220px}.game{padding-bottom:100px}.topbar,html[lang=en] .topbar{padding:12px 18px;flex-wrap:wrap}.nav,html[lang=en] .nav{flex-wrap:wrap;gap:2px}.row{min-height:140px;margin:8px 0;gap:8px;padding:0;border:0}.unit.attack-form,.unit.defense-form,html[lang=en] .unit{min-height:145px;max-width:none}.unit-art,.unit.defense-form .unit-art{height:80px}.unit-title,html[lang=en] .unit-title{font-size:12px;min-height:0;padding:5px 7px;letter-spacing:0}.unit-meta{font-size:9px;padding:0 7px}.unit-stats{padding:5px 7px;font-size:12px}.slot{min-height:145px;font-size:10px}.slot::after{display:none}.spell-slot,html[lang=en] .spell-slot{min-height:60px;padding:7px}.spell-row{gap:8px}.master{gap:10px;flex-wrap:wrap}.master .grave-link{margin-left:auto}.hand .card{flex-basis:155px;min-width:155px}.home-content{grid-template-columns:1fr 380px;gap:25px;padding:40px 3vw}.home-console{padding:22px}.home h1{font-size:65px}.home .intro{font-size:20px}.hero-description{font-size:12px;max-width:280px}.hero-figure{inset:0 30% 0 0}.game footer{font-size:10px}.guide-panel,.quick-guide-coach,.tutorial-coach{margin:12px 0}.spell-slot small{font-size:9px}}
@media(max-width:700px){.topbar,html[lang=en] .topbar{padding:10px 12px;gap:11px;justify-content:center}.brand{font-size:17px}.brand small{font-size:8px}.nav,html[lang=en] .nav{width:100%;justify-content:center}.nav>button,html[lang=en] .nav>button{font-size:10px;padding:6px 7px}.language-switch button{font-size:10px;min-height:26px}.home-content{grid-template-columns:1fr;gap:24px;padding:35px 20px 25px}.home-title{padding:0;text-align:left;min-height:215px}.home h1,html[lang=en] .home-title h1{font-size:48px;display:flex;align-items:center;margin:16px 0 12px}.home h1 span:last-child,html[lang=en] .home-title h1 span:last-child{margin:0;font-size:.6em}.home .intro,html[lang=en] .home .intro{font-size:18px;letter-spacing:1px}.home .eyebrow{font-size:9px;letter-spacing:2px}.hero-description{max-width:220px;font-size:11px;line-height:1.7}.hero-tag{display:none}.hero-figure{inset:0 -10px auto 18%;height:350px;opacity:.7;mask-image:linear-gradient(90deg,transparent,#000 45%,#000 70%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%,#000 70%,transparent)}.home-console{width:100%;padding:22px}.home-meta{font-size:9px}.home .journey{margin-top:17px}.game .layout{padding:6px}.arena{padding:7px}.row{gap:5px;min-height:132px}.unit.attack-form,.unit.defense-form,html[lang=en] .unit{min-height:132px}.unit-art,.unit.defense-form .unit-art{height:67px}.unit-title,html[lang=en] .unit-title{font-size:10px;line-height:1.15;padding:5px;min-height:26px}.unit-meta,html[lang=en] .unit-meta{font-size:8px;padding:0 5px}.unit-stats{padding:4px 5px;font-size:11px}.unit-stats b{font-size:8px}.unit-corner{width:18px;height:18px;font-size:9px;top:3px;right:3px}.board-chip{top:3px;left:3px;font-size:8px}.slot{min-height:132px;font-size:9px}.spell-row{gap:5px}.spell-slot,html[lang=en] .spell-slot{min-height:58px;padding:5px 3px}.spell-slot .slot-number{font-size:8px}.master{padding:7px;gap:8px;flex-wrap:nowrap}.master .avatar{width:35px;height:35px;flex-shrink:0}.master-name{font-size:11px;letter-spacing:0}.master-sub{font-size:9px;gap:3px}.master-sub span+span{padding-left:3px}.master .grave-link{display:none}.hp b{font-size:19px}.track{width:66px}.qi{font-size:11px}.vitals{gap:5px}.master .qi{padding:3px 4px}.response:not(.discard-panel){top:calc(43% + 95px);padding:10px}.response p{font-size:11px}.response button{font-size:11px;padding:8px}.settings-panel{width:75vw}.settings-panel input[type=range]{width:125px}.settings-panel label{font-size:13px}.winner h2{font-size:26px}.winner p{font-size:12px}.winner button{font-size:12px}.journey span{font-size:9px}.hand-label{font-size:10px}.action-dock .hint{font-size:10px}.mobile-inspect .inspect{padding:14px}.mobile-inspect .inspect-art{height:180px;aspect-ratio:auto}.mobile-inspect .inspect p{font-size:12px}.mobile-inspect .inspect button{font-size:12px}}
html[data-reduced-motion=true] *,html[data-reduced-motion=true] *::before,html[data-reduced-motion=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* Explicit overrides for the legacy English layout and decorative pseudo-elements. */
.arena::before,html[lang=en] .arena::before{max-width:100%;overflow:hidden;font-size:clamp(22px,4vw,76px);letter-spacing:8px}
.card-ornament{position:absolute;pointer-events:none}.master .avatar{flex-shrink:0}
@media(min-width:1100px){
 .hand .card,html[lang=en] .hand .card{grid-template-rows:89px 30px 23px;grid-template-columns:1fr}
 .hand .card .description,html[lang=en] .hand .card .description{display:none}
 .hand .card .card-art{grid-column:1;grid-row:1;min-height:0;height:89px}
 .hand .card>strong,.hand .card .stats{grid-column:1}
 .unit.attack-form,.unit.defense-form,html[lang=en] .unit{display:block;position:relative;min-height:112px;background:#10271c}
 .unit .unit-art,.unit.defense-form .unit-art{position:absolute;inset:0;width:100%;height:100%;border:0;background-image:linear-gradient(0deg,#07160dfc 0%,#07160ded 15%,#07160d33 70%),var(--card-art);background-position:center,center 29%;background-size:100% 100%,cover}
 .unit .unit-title,html[lang=en] .unit .unit-title{position:absolute;left:0;right:0;bottom:43px;padding:3px 12px;color:#ffedc5;font-size:16px;text-shadow:0 2px 5px #000}
 .unit .unit-meta,html[lang=en] .unit .unit-meta{position:absolute;bottom:29px;left:0;right:0;padding:0 12px;color:#c0d1bf;font-size:10px}
 .unit .unit-stats{position:absolute;bottom:0;left:0;right:0;padding:5px 12px 9px;color:#f1d796;font-size:16px}
 .unit.defense-form{border:2px solid #c5ab72}.unit.hidden-unit .unit-title{bottom:46px}.unit.hidden-unit .unit-meta{bottom:30px}
 .unit.hidden-unit .card-back-seal{position:absolute;left:calc(50% - 19px);top:15px}
 .master .master-copy{max-width:100%}.master .master-sub{flex-wrap:wrap}.master .avatar{width:40px;height:40px}
 .side .inspect{min-height:0}.side .inspect-art{height:185px}
}
@media(max-width:700px){.home{overflow:hidden}.master .grave-link{display:block;padding:3px;font-size:8px;max-width:55px}.master{flex-wrap:wrap}.master .vitals{margin-left:auto}.master .grave-link{flex-basis:100%;max-width:none;text-align:right;border:0;margin-top:-4px}.unit-stats b{display:inline-block}}
@media(min-width:1100px){
 .unit.defense-form:not(.hidden-unit){display:block;max-width:none;min-height:112px;padding:0}
 .unit.attack-form .unit-art,.unit.defense-form:not(.hidden-unit) .unit-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border:0}
 .unit.defense-form:not(.hidden-unit) .unit-title{padding:3px 12px;bottom:43px}
 .unit.defense-form:not(.hidden-unit) .unit-meta{padding:0 12px;bottom:29px}
 .unit.defense-form:not(.hidden-unit) .unit-stats{padding:5px 12px 9px;bottom:0}
}
@media(max-width:1099px){
 .unit.defense-form:not(.hidden-unit){display:block;min-height:145px;max-width:none;padding:0}
 .unit.attack-form .unit-art,.unit.defense-form:not(.hidden-unit) .unit-art{width:100%;height:80px;aspect-ratio:auto;border-right:0}
 .unit.defense-form:not(.hidden-unit) .unit-title{padding:5px 7px}.unit.defense-form:not(.hidden-unit) .unit-meta{padding:0 7px}.unit.defense-form:not(.hidden-unit) .unit-stats{padding:5px 7px}
}
@media(max-width:700px){
 .unit.defense-form:not(.hidden-unit){min-height:132px}
 .unit.attack-form .unit-art,.unit.defense-form:not(.hidden-unit) .unit-art{height:67px}
}
.action-portrait>strong,html[lang=en] .action-portrait>strong{min-width:0;overflow-wrap:anywhere;font-size:14px}
@media(min-width:1100px){
 .spell-slot,html[lang=en] .spell-slot{display:grid;grid-template-columns:15px minmax(0,1fr);grid-template-rows:16px 13px;gap:1px 5px;text-align:left}
 .spell-slot .slot-number{grid-column:1;grid-row:1/3}
 .spell-slot>span:not(.slot-number),html[lang=en] .spell-slot>span:not(.slot-number){grid-column:2;grid-row:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
 .spell-slot>small{grid-column:2;grid-row:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
 .spell-slot>small+small{display:none}
}
@media(max-width:700px){
 .home h1{justify-content:flex-start}
 html[lang=en] .home-title h1{display:block;font-size:clamp(30px,8.5vw,42px);letter-spacing:.07em}
 html[lang=en] .home-title h1 span:last-child{display:table;margin:10px 0 0;font-size:.52em;letter-spacing:.2em}
 .action-portrait>strong,html[lang=en] .action-portrait>strong{font-size:11px}
}
