.star-scoreboard{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:12px;margin:0 0 18px;padding:16px;border:1px solid #dcc48a4a;border-radius:18px;background:linear-gradient(120deg,#1b3048,#2f4051,#20364a)}
.star-bank{text-align:center}.star-bank>span,.star-source>span{display:block;font-size:14px;color:#ccd9de}.star-bank strong{display:block;font-size:30px;color:#ffe3a3;font-weight:600}.star-bank small{font-size:12px;color:#adbfcb}.star-source{text-align:center}.star-source strong{font-size:36px;color:#fff0b8;text-shadow:0 0 25px #ffc96f66}.star-source small{display:block;font-size:12px;color:#b7cbd6}.star-track{height:5px;background:#0d2435;border-radius:6px;margin:9px 0;overflow:hidden}.star-track i{display:block;background:linear-gradient(90deg,#8dc6e0,#ffe2a1);height:100%;transition:width .7s;width:100%}
.star-rules-note{font-size:12px;text-align:center;color:#b9cbd6;margin:0 0 16px}.settlement-number{font-size:54px;color:#ffe3a3;margin:14px 0}.settlement-number small{font-size:18px}.series-banks{display:flex;gap:12px;margin:18px 0}.series-banks>div{flex:1;text-align:center;padding:15px;border:1px solid #cbb88245;border-radius:12px;background:#ffe4a108}.series-banks strong{display:block;font-size:28px;color:#ffdf94}.series-banks span{font-size:14px}.round-list{padding:0;list-style:none;max-height:160px;overflow:auto}.round-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ffffff14;font-size:14px}.star-token{position:absolute;left:0;top:0;color:#ffe4a1;font-size:25px;line-height:1;text-shadow:0 0 12px #ffbf63;z-index:4}.star-transfer-label{position:absolute;color:#fff0be;background:#23374f;padding:10px 16px;border:1px solid #ffdf8755;border-radius:22px;font-size:18px;z-index:5;white-space:nowrap;transform:translate(-50%,-50%)}
@media(max-width:760px){.star-scoreboard{gap:6px;padding:12px 8px}.star-bank strong{font-size:25px}.star-source strong{font-size:30px}.star-bank>span,.star-source>span{font-size:12px}.star-rules-note{line-height:1.6}.star-bank small{font-size:12px}}

/* Illustrated tree and jars replace the numeric rail. */
.star-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.star-pond{min-height:360px;padding:20px 0;isolation:isolate}.star-pond .table-seal{display:none}
.star-pond .deck-area{width:110px;flex:0 0 110px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 8px 0 0}
.star-pond .star-scoreboard{display:contents}.star-pond .star-source{order:0;width:100%;padding:0}.star-pond .summon-gate{order:1}.star-pond .deck-area>span{order:2;text-align:center;font-size:12px;line-height:1.5;margin:4px 0 8px}
.star-pond .star-bank{width:90px;padding:0;border:0}.star-pond #player-star-home{order:3}.star-pond #ai-star-home{order:4}.prop-frame{position:relative;aspect-ratio:1;width:100%}
.prop-art{position:absolute;inset:0;background-image:url('assets/props/starlight-atlas.png');background-size:300% 200%;background-repeat:no-repeat;background-position:var(--prop-x,0%) 0%;pointer-events:none;filter:drop-shadow(0 3px 3px #07162655)}
.prop-full{transform:translateY(1.8%);background-position:var(--prop-x,0%) 100%;transition:opacity .7s,clip-path .9s}.tree-prop{--prop-x:0%}.gold-jar{--prop-x:50%}.blue-jar{--prop-x:100%}.gold-jar .prop-full,.blue-jar .prop-full{opacity:0;clip-path:inset(88% 0 0 0)}
/* Align each visible silhouette, compensating for padding inside atlas cells. */
.tree-prop{--prop-shift:-6.25%}.gold-jar{--prop-shift:-1.86%}.blue-jar{--prop-shift:4.39%}
.prop-art{translate:var(--prop-shift,0%) 0}
.score-guide .prop-key{font-weight:400;text-shadow:none}
.score-guide .prop-halo{color:#ffe2a0}.score-guide .prop-wing{color:#a9e2ff}.score-guide .prop-ribbon{color:#ffb6cc}.score-guide .prop-pouch{color:#b0edcb}
.jar-key{order:5;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#bbd0d5;margin-top:0;white-space:nowrap}.jar-key i{width:6px;height:6px;border-radius:50%;background:#ffe1a0;box-shadow:0 0 5px #ffc76555}.jar-key i:nth-of-type(2){background:#9ddafa;margin-left:4px}
@media(max-width:760px){.star-pond{gap:6px;padding:15px 0;min-height:325px}.star-pond .deck-area{width:78px;flex-basis:78px;padding-right:3px;gap:2px}.star-pond .star-bank{width:70px}.star-pond .deck-area>span{font-size:12px;margin:3px 0 5px}.jar-key{font-size:12px;gap:3px}}
@media(prefers-reduced-motion:reduce){.prop-full{transition:none}}

/* Tree in the middle, each home's jar on its own side of the two-row garden. */
.star-pond{display:block;min-height:0;padding:38px 0 12px;position:relative}
.star-pond .deck-area{position:absolute;right:0;top:0;width:auto;display:flex;flex-direction:row;align-items:center;gap:9px;padding:0;z-index:3}
.star-pond .summon-gate{width:27px;height:27px;outline-width:2px;order:0}.star-pond .summon-gate span{font-size:18px}.star-pond .deck-area>span{order:1;margin:0;font-size:12px;white-space:nowrap}
.garden-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a6ccc655 transparent;padding-bottom:5px}
.garden-stage{--side-columns:2;--friend-columns:4;--tree-width:88px;--cell-min:48px;--row-size:130px;position:relative;width:100%;min-width:calc(var(--friend-columns)*var(--cell-min) + var(--tree-width) + var(--friend-columns)*4px)}
.star-pond .floor{display:grid;grid-template-columns:repeat(var(--side-columns),minmax(0,1fr)) var(--tree-width) repeat(var(--side-columns),minmax(0,1fr));grid-template-rows:repeat(2,var(--row-size));gap:18px 4px;align-items:end;justify-items:center;align-content:start;padding:0;width:100%;min-width:0}
.star-pond .floor .card.character{width:100%;max-width:108px;height:var(--row-size);min-width:0;margin:0;border:0;flex:none}
.star-pond .floor .character-art{width:min(100%,108px);left:50%;translate:-50% 0}.star-pond .floor .character-label{max-width:100%;gap:3px}.star-pond .floor .character-name{display:none}
.star-pond .star-scoreboard{position:absolute;inset:0 auto 5px 50%;transform:translateX(-50%);width:var(--tree-width);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:none;padding:0;margin:0;background:none;box-shadow:none;border:0;z-index:0}
.star-pond #ai-star-home{order:0;width:70px}.star-pond #star-source{order:1;width:100%}.star-pond #player-star-home{order:2;width:70px}.star-pond .jar-key{display:none}
@media(min-width:1550px){.garden-stage{--row-size:145px;--tree-width:100px}.star-pond #ai-star-home,.star-pond #player-star-home{width:78px}}
@media(max-width:760px){.star-pond{padding:35px 0 9px;min-height:0}.garden-stage{--tree-width:56px;--cell-min:32px;--row-size:108px}.star-pond .floor{gap:14px 3px}.star-pond #ai-star-home,.star-pond #player-star-home{width:55px}.star-pond .floor .character-label{gap:2px}.star-pond .floor .family-tag{min-width:15px;width:15px;height:15px}.star-pond .floor .kind-tag{font-size:12px}.star-pond .deck-area{width:auto;padding:0;gap:7px}}

.star-flight-shade{position:absolute;inset:0;background:radial-gradient(ellipse,#07192512,#07152366);z-index:0;pointer-events:none}.orbital-star{font-size:46px;will-change:transform,opacity;color:#ffe9a6;text-shadow:0 0 7px #fff8d8,0 0 20px #ffd46c,0 0 42px #ffc65a99;transform-origin:center}.orbital-star.leading-star{font-size:66px}.orbital-star.blue-star{color:#ddf6ff;text-shadow:0 0 7px #fff,0 0 20px #92dcff,0 0 42px #76c4ff99}.jar-arrival-ring{position:absolute;width:95px;height:95px;border:3px solid #ffe5a0;border-radius:50%;box-shadow:0 0 23px #ffd26c,inset 0 0 18px #ffd26c66;z-index:4;pointer-events:none}.jar-arrival-ring.blue-ring{border-color:#c5edff;box-shadow:0 0 23px #90dcff,inset 0 0 18px #90dcff66}.starlight-finale .star-transfer-label{font-size:23px;font-weight:700;box-shadow:0 0 30px #ffdb7930}
@media(max-width:760px){.orbital-star{font-size:33px}.orbital-star.leading-star{font-size:46px}.jar-arrival-ring{width:68px;height:68px}.starlight-finale .star-transfer-label{font-size:19px}}

/* Size the hand from its artwork, so narrow pieces never leave a tall blank slot. */
.garden-stage.has-ppuk{--cell-min:80px}
.ppuk-cluster{position:relative;isolation:isolate;width:100%;max-width:160px;height:var(--row-size)}
.ppuk-cluster::before{content:'';position:absolute;left:5%;right:5%;bottom:13px;height:20px;border:1px solid #d3b5e75c;border-radius:50%;background:#cda5dd20;box-shadow:0 0 12px #c5ace51c;z-index:-1}
.star-pond .floor .ppuk-cluster .card.character{position:absolute;bottom:0;left:0;width:58%;height:100%;max-width:none}
.star-pond .floor .ppuk-cluster .card.character:nth-child(2){left:21%;bottom:7px;z-index:1}
.star-pond .floor .ppuk-cluster .card.character:nth-child(3){left:42%;z-index:2}
.star-pond .floor .ppuk-cluster .character-art{width:min(100%,calc(var(--row-size) - 22px))}
.ppuk-cluster .character-label{display:none}
.cluster-month{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:grid;place-items:center;min-width:20px;height:17px;border-radius:12px;background:#d4bae5;color:#24323e;font-size:12px;font-weight:700;z-index:3;pointer-events:none}
/* Special actions share the home's existing heading lane; they never add a row. */
.home-toolbar{display:flex;align-items:center;gap:8px;height:48px;min-width:0}
.home-toolbar .home-label{flex-shrink:0;margin:0}
.home-toolbar .special-actions{display:flex;flex:1;min-width:0;height:48px;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:nowrap;margin:0;overflow-x:auto;scrollbar-width:thin}
.home-toolbar .special-actions:empty{display:flex}
.home-toolbar .end-round-button{flex-shrink:0;min-height:40px;padding:7px 10px;font-size:12px;border-radius:18px;background:#203b48;border:1px solid #bdd5d54a;color:#d6e8e7}
.home-toolbar .end-round-next{background:#ecd09a;color:#243b40;border-color:#ecd09a;font-weight:700}
.home-toolbar .special-button.charm{--charm:#e5cc98;position:relative;isolation:isolate;flex-shrink:0;display:flex;align-items:center;gap:5px;height:44px;min-height:44px;padding:2px 10px 2px 2px;background:none;border:0;border-radius:0;color:var(--charm);font-size:12px}
.charm::before{content:'';position:absolute;inset:8px 0 6px 18px;background:linear-gradient(110deg,#b595603b,#c8ae6c15);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%);border-top:1px solid #e5cc9840;border-bottom:1px solid #e5cc9840;z-index:-1}
.charm-icon{width:34px;height:38px;fill:currentColor;filter:drop-shadow(0 0 5px #efc7736b);transition:transform .2s;flex-shrink:0}
.charm-word{display:flex;flex-direction:column;align-items:flex-start;font-weight:600;line-height:15px;white-space:nowrap}.charm-word small{font-size:10px;font-weight:400;opacity:.8}
.charm-value{align-self:center;margin-left:3px;font-size:12px}
.home-toolbar .special-button.bomb{--charm:#ffc19c}.bomb.charm::before{background:linear-gradient(110deg,#d78b573b,#d78b5710)}
.home-toolbar .special-button.pass{--charm:#ade6df}.pass.charm::before{background:linear-gradient(110deg,#6dafab3b,#6dafab10)}
.charm:hover .charm-icon{transform:rotate(-12deg) scale(1.12)}
.home-toolbar .exposed-cards{flex:1;min-width:0;max-height:44px;margin:0;flex-wrap:nowrap;justify-content:flex-end;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.home-toolbar .exposed-cards>span{font-size:11px}.home-toolbar .exposed-cards>div{flex-shrink:0}
@media(max-width:1000px){.player-toolbar .home-label small{display:none}}
@media(max-width:760px){.home-toolbar{gap:4px}.home-toolbar .home-label{padding-left:5px;padding-right:5px;font-size:12px}.home-toolbar .special-button.charm{gap:2px;padding-right:7px}.charm-icon{width:27px}.charm-value{margin-left:1px}.enemy-toolbar .exposed-cards>span{display:none}}
@media(prefers-reduced-motion:reduce){.charm-icon{transition:none}.charm:hover .charm-icon{transform:none}}
.hand-zone{padding-top:5px}
.hand-label{margin-bottom:6px}
.hand,.hand:has(.card:nth-child(9)){min-height:0;align-items:end}
.hand .card.character,.hand:has(.card:nth-child(9)) .card.character{height:auto;aspect-ratio:auto;padding-bottom:19px;min-height:44px}
.hand .character .character-art{position:relative;inset:auto;display:block;width:100%}

/* Desktop play fits the viewport by sharing height between the two garden rows. */
@media(min-width:761px){
 .header{height:64px}.moon{font-size:40px}.brand{font-size:24px}.brand small{margin-top:3px}
 .layout{margin-top:12px;gap:24px;align-items:start}
 .table-topline{margin-bottom:8px}
 .game-table{padding:10px 18px 12px}
 .enemy-zone{height:26px}.small-label span{display:inline;margin-left:5px}
 .home-label{margin-top:3px;padding:2px 10px;font-size:13px}
 .capture-tray{min-height:0;padding:5px 0;gap:8px}
 .capture-cards{height:40px}.mini-character{width:36px;height:39px;margin-right:-14px}
 .capture-group>span{margin-bottom:2px}
 .my-captured{margin-bottom:3px}.table-divider{margin-top:2px}
 .star-pond{padding:29px 0 5px}
 .garden-stage{--row-size:clamp(80px,calc((100dvh - 600px)/2),130px);--tree-width:clamp(56px,8vh,88px)}
 .star-pond .floor{row-gap:10px}
 .star-pond .floor .character-art{width:min(100%,calc(var(--row-size) - 20px))}
 .star-pond #ai-star-home,.star-pond #player-star-home{width:min(70px,calc(var(--row-size) * .53))}
 .star-pond #star-source{width:min(100%,calc(var(--row-size) * .68))}
 .turn-notice{min-height:40px;padding:7px 18px;margin:0 -18px}
 .turn-notice strong{font-size:14px}.turn-notice div>span{margin-left:8px}
 .special-summary{padding-top:4px;gap:4px 10px}
 .special-actions{margin:5px 0;gap:5px}
 .special-button{padding:5px 10px;min-height:34px;font-size:13px}
 .exposed-cards{margin-top:4px}.revealed-character{width:26px;height:29px}
 .hand .card.character{max-width:82px}
 .table-bottom{margin-top:8px}.footer{margin-top:16px;padding:12px 0}
 .table-label p{margin-bottom:20px}.rail-divider{margin:18px 0}.session-note{margin-top:18px}
}
@media(max-width:760px){
 .hand,.hand:has(.card:nth-child(9)){row-gap:8px}
 .hand .card.character,.hand:has(.card:nth-child(9)) .card.character{max-width:76px}
 .home-label{padding-top:2px;padding-bottom:2px}
 .capture-tray{padding-top:5px;padding-bottom:5px;min-height:0}
 .special-actions{margin:6px 0}
}

/* Match hint mirrors the glowing ring beneath an available friend. */
.ending-friends{display:flex;align-items:end;justify-content:center;gap:4px;margin:20px 0 12px}
.ending-friend{position:relative;width:25%;aspect-ratio:.8;max-width:100px}
.ending-friend .character-art{inset:auto auto 22px 0;width:100%;height:auto;aspect-ratio:var(--sprite-aspect,1)}
.ending-friend>span{position:absolute;bottom:0;left:0;width:100%;font-size:12px;color:#ecd09a}
.ending-explanation h2{font-size:23px;line-height:1.5}.ending-explanation .primary-button{width:100%;margin-top:10px}
.finale-scene .finale-reason{font-size:12px;line-height:1.7;color:#c8d9d9;max-width:440px;margin:8px auto;padding:0 14px}
.hand-label .match-legend{display:flex;align-items:center;gap:6px}
.hand-label .match-legend i{flex-shrink:0;width:19px;height:7px;margin:0;border:1px solid #ffe6a3a1;border-radius:50%;background:#f4d48745;box-shadow:0 0 8px #f2d7996b}
@media(max-width:760px){.hand-label{gap:8px;align-items:center}.hand-label>span:first-child{flex-shrink:0}.hand-label .match-legend{font-size:11px;max-width:65%;line-height:1.5}}

/* A reunion postcard closes each round, using the same friends and star jars. */
dialog.finale-modal{width:calc(100% - 28px);max-width:580px;padding:0 24px 22px;background:linear-gradient(160deg,#253e4d,#172a39);border-color:#d7bf7b66;overflow-x:hidden}
.finale-modal .modal-close{z-index:5}.finale-scene{position:relative;isolation:isolate;text-align:center;padding:24px 12px 0;margin:0 -24px;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#d9b66532,transparent 67%)}
.finale-scene::before{content:'';position:absolute;width:270px;height:270px;top:50px;left:50%;translate:-50% 0;border:1px solid #eed08d20;border-radius:50%;box-shadow:0 0 0 22px #eed08d07,0 0 0 44px #eed08d05;z-index:-1}
.finale-eyebrow{font-size:12px;color:#c6d5d7;letter-spacing:1px}.finale-scene h2{font:700 clamp(20px,4vw,27px) 'Jua',serif;margin:10px 18px 5px;color:#ffe4ab}
.finale-prize{position:relative;display:flex;flex-direction:column;align-items:center;padding:4px 0;animation:prize-bloom .65s cubic-bezier(.2,.9,.25,1.2) both}.finale-prize>span{color:#ffe4a3;font-size:40px;line-height:1;text-shadow:0 0 23px #ffc85b99}.finale-prize strong{font-size:clamp(36px,7vw,56px);line-height:1.1;color:#fff0c5;font-weight:700;text-shadow:0 3px 20px #f0c46b33}.finale-prize small{font-size:12px;color:#d2dedb;margin-top:7px}
.finale-friends{display:flex;align-items:end;justify-content:center;margin:0 auto;max-width:380px;padding-top:10px}.finale-friend{position:relative;width:25%;max-width:95px;aspect-ratio:1;animation:finale-friend-hop .8s ease-out both;animation-delay:calc(.15s + var(--friend-index)*.1s)}.finale-friend .character-art{inset:auto auto 0 0;width:100%;height:auto;aspect-ratio:var(--sprite-aspect,1)}
.finale-scene .finale-farewell{display:inline-block;position:relative;margin:5px 0 12px;padding:5px 16px;background:#fff0cd;color:#48514a;border-radius:15px;font-size:13px;line-height:1.6}.finale-farewell::before{content:'';position:absolute;left:50%;top:-5px;width:10px;height:10px;background:#fff0cd;rotate:45deg}
.finale-banks{display:flex;justify-content:center;gap:38px;padding:9px 0 0}.finale-bank{display:grid;grid-template-columns:58px auto;grid-template-rows:auto auto;align-items:center;column-gap:7px;position:relative}.finale-bank .prop-frame{grid-row:1/3;width:58px}.finale-bank>span{font-size:12px;color:#b9ccd3;align-self:end}.finale-bank strong{font-size:24px;color:#e7dcc1;align-self:start}.finale-bank strong small{font-size:11px;font-weight:400}.winning-bank{filter:drop-shadow(0 0 9px #ffe09133)}.winning-bank strong{color:#ffe4a0}
.finale-modal .finale-remaining{font-size:12px;text-align:center;color:#bfd1d5;margin:10px 0}.finale-details{border-top:1px solid #d8c39322;padding-top:9px;font-size:12px;color:#a8bdc6}.finale-details summary{cursor:pointer;width:max-content;margin:auto;padding:4px}.finale-details p{font-size:12px;margin:5px 0}.finale-actions{margin-top:12px;gap:9px}.finale-actions button{font-size:14px;padding:12px}.finale-actions .primary-button{flex:1.4;background:linear-gradient(120deg,#f7dea4,#dfbd75);box-shadow:0 3px 20px #ffe4a31a}.finale-actions .primary-button span{margin-left:8px}
.finale-sparks{position:absolute;inset:0;pointer-events:none;z-index:-1}.finale-sparks i{position:absolute;left:calc(6% + var(--spark-index)*8%);top:10%;font-style:normal;font-size:14px;color:#efce8b;opacity:0;animation:finale-star-fall 1.8s ease-out both;animation-delay:calc(var(--spark-index)*.06s)}.moon-finale .finale-sparks i{color:#aaddf5}.moon-finale{background:radial-gradient(ellipse at 50% 65%,#81badb26,transparent 67%)}
@keyframes prize-bloom{from{opacity:0;transform:scale(.65) translateY(12px)}to{opacity:1;transform:none}}
@keyframes finale-friend-hop{0%{opacity:0;transform:translateY(25px) scale(.8)}50%{opacity:1;transform:translateY(-12px) rotate(-4deg)}75%{transform:translateY(0) rotate(3deg)}100%{opacity:1;transform:none}}
@keyframes finale-star-fall{0%{opacity:0;transform:translateY(-20px) rotate(0)}20%{opacity:.85}100%{opacity:0;transform:translateY(300px) rotate(180deg)}}
@media(max-height:740px){.finale-scene{padding-top:18px}.finale-prize strong{font-size:38px}.finale-prize>span{font-size:28px}.finale-friend{max-width:72px}.finale-scene h2{font-size:21px}.finale-friends{padding-top:5px}.finale-bank .prop-frame{width:48px}.finale-bank{grid-template-columns:48px auto}}
@media(max-width:420px){dialog.finale-modal{padding-left:16px;padding-right:16px}.finale-scene{margin-left:-16px;margin-right:-16px}.finale-banks{gap:15px}.finale-bank strong{font-size:21px}.finale-actions button{padding:11px 8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.finale-prize,.finale-friend,.finale-sparks i{animation:none}.finale-sparks{display:none}}

/* Rounded display lettering and a softer, readable Korean text face. */
body{font-family:'Jua',sans-serif}
h1,h2,h3,.brand,.brand-thin,.home-label,.turn-notice strong,.score-box strong,.settlement-number,.finale-prize strong,.finale-bank strong,.character-label,.character-name,.family-tag,.kind-tag,.journey-caption,.pi-friend-speech,.star-transfer-label{font-family:'Jua',sans-serif;font-weight:400}
button:not(.card),.score-guide b,.score-guide p,.hand-label{font-family:'Jua',sans-serif;font-weight:400}
.score-guide small,.home-label small,.brand small{font-family:'Jua',sans-serif}
.score-guide p{font-size:15px}.score-guide small{font-size:12px;line-height:1.7}.hand-label{font-size:13px}.hand-label .match-legend{font-family:'Jua',sans-serif}

/* Let lifted hand friends paint above the hint, including their hair and halos. */
.game-table{overflow:visible}
.hand-zone,.hand{position:relative;overflow:visible}
.hand-zone:has(.card.character:hover),.hand-zone:focus-within{z-index:6}
.hand .card.character:hover,.hand .card.character:focus-visible{z-index:8;overflow:visible}
.hand .card.character .character-art{overflow:visible}
/* Names and types share a baseline instead of centering unequal line boxes. */
.character-label{align-items:baseline;line-height:18px}
.character-label .character-name,.character-label .kind-tag{line-height:inherit;font-size:12px;font-weight:400}
.character-label .family-tag{align-self:center;line-height:1}

/* One Korean face throughout the game; use size and color for hierarchy. */
body,button,input,select,textarea{font-family:'Jua',sans-serif;font-weight:400}
.turn-notice strong,.turn-notice div>span,.home-label,.home-label small,.capture-group>span,.capture-group>span b,.special-summary,.hand-label{font-family:'Jua',sans-serif;font-weight:400}
.turn-notice div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.turn-notice div>span{margin-left:0;line-height:1.5}
.home-label{align-items:baseline}.home-label>span{align-self:center}.home-label small{line-height:inherit}