/* Shared readability layer. It changes presentation only; battle rules remain in the engine. */
html:lang(ja){font-family:TableSuits,"Noto Sans JP",Meiryo,"Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-break:strict;word-break:normal}
html:lang(ja) :is(button,select,input,textarea){font-family:inherit}
html:lang(ja) :is(h1,h2,h3,.side-link,.special-card,.eyebrow){letter-spacing:normal}
html:lang(ja) .side-link{padding-inline:8px;font-size:.82rem}
#app .resource-item{display:inline-block}
#app .resource-item b{white-space:nowrap}
#app .enemy-resources,#app .resource-badge{flex-wrap:wrap;gap:4px 12px}
#app .initiative-banner .turn-guidance{flex-basis:100%;order:3;text-align:left;line-height:1.6}
#app .initiative-banner .phase-help{margin-left:auto}
#app .initiative-banner>span{flex:1;min-width:0}
#app .special-card.compact{--trick-width:calc(120px * var(--card-scale,1))}
#app .compact>strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;min-height:2.8em;margin:2px 0;overflow:hidden}
#app .compact .special-art{height:22px;min-height:22px}
#app .compact>p{line-height:1.5;min-height:3em}
#app .special-hand{height:auto;min-height:0}
html:lang(ja) .card-detail :is(p,li){line-height:1.85}
#app .submitted-hand .card-pip{display:none}
.board-cards,.table-guidance,.board-notes{min-width:0}
.board-notes,.table-guidance{padding:12px 14px;background:#12231c99;border:1px solid #73876444;border-radius:8px;text-align:left}
.board-notes-title{display:block;color:#f1dfa3;font-size:.84rem;margin-bottom:10px}
#app .board-notes .board-read{margin:0 0 10px;line-height:1.7;text-align:left;color:#e0e9ca}
#app .board-notes>small{display:block;padding-top:10px;border-top:1px solid #73876444;color:var(--muted);font-size:max(.74rem,12px);line-height:1.7}
#app .table-guidance .turn-guidance{display:block;text-align:left;font-size:max(.8rem,13px);line-height:1.7;font-weight:500}
#app .table-guidance .turn-guidance>b{display:table;margin:0 0 10px}
#app .table-guidance .phase-help{margin-top:6px}
#app .table-guidance .tutorial-tip{display:inline-flex!important;margin:0 0 0 12px;padding:0;border:0;background:transparent;box-shadow:none;flex-wrap:wrap}
#app .table-guidance .tutorial-tip>span{display:none}
#app .table-guidance .tutorial-tip p{font-size:12px;flex-basis:100%;line-height:1.6}
#app .table-guidance .tutorial-tip button{margin-left:auto;font-size:12px}
@media(max-width:999px){#app .community-zone{display:flex;flex-direction:column;gap:10px}#app .board-cards{order:0;width:100%}#app .board-notes{order:1;width:100%}#app .table-guidance{order:2;width:100%}}
@media(max-width:650px){#app .sidebar .side-link{flex-direction:column;justify-content:center;gap:2px;padding:5px 2px;font-size:12px;white-space:nowrap}#app .sidebar .side-link>span{font-size:18px}}
:root{font-size:calc(15.5px * var(--ui-scale));--readable-small:.78rem;--readable-detail:.84rem}
.settings-note{margin:2px 0 10px;color:#bac9b2;font-size:.82rem;line-height:1.65}.settings-form>label>span{display:grid;gap:3px}.settings-form>label>span small{color:var(--muted);font-size:.72rem;font-weight:400}.settings-actions .reset-size{margin-left:auto}
.enemy-resources,.resource-badge,.challenge-footer .deck-count{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #73876455;border-radius:6px;background:#12231c;color:#cbd9bf!important;line-height:1.35}.enemy-resources b,.resource-badge b,.deck-count b{font-size:1.05em;color:#f1dfa3}.danger-text.resource-badge,.danger-text.deck-count{border-color:#e7957977;background:#3b2823}
#app .enemy-plan strong{font-size:max(.78rem,12px);line-height:1.55}#app .enemy-plan small{font-size:max(.72rem,11px)}#app .enemy-resources{font-size:max(.74rem,12px)}
#app .initiative-banner{align-items:center;flex-wrap:wrap;font-size:max(.78rem,12px)}#app .turn-guidance{color:#eef4dd;font-size:max(.8rem,13px);font-weight:600;flex:1;text-align:center}#app .turn-guidance b{display:inline-block;margin-right:8px;padding:3px 7px;border-radius:4px;background:var(--lime);color:#213324;font-size:.72rem}#app .phase-help{font-size:max(.72rem,12px);padding:5px 8px;white-space:nowrap}
#app .opponent-hand-label,#app .community-heading span,#app .community-zone>small,#app .board-read{font-size:max(.74rem,12px);line-height:1.5}#app .community-heading strong{font-size:1.05rem}#app .phase-label{font-size:max(.76rem,12px);font-weight:700}#app .challenge-idle p,#app .challenge-title p{font-size:max(.78rem,12px);line-height:1.55}#app .challenge-footer,#app .chain-history,#app .resolution-ribbon{font-size:max(.72rem,11px)}
#app .hand-label h2{font-size:1rem}#app .hand-label h2 small,#app .hand-label>span,#app .hand-sort,#app .hand-sort>span{font-size:max(.76rem,12px)}#app .left-tools,#app .right-tools,#app .left-tools .text-button,#app .right-tools .text-button{font-size:max(.76rem,12px)}#app .resource-badge{margin-left:auto;font-size:max(.75rem,12px)}#app .right-tools b{font-size:1.12rem}
#app .selection-preview>span{font-size:max(.72rem,11px)}#app .selection-preview>strong{font-size:1.05rem}#app .selection-preview>small{font-size:max(.76rem,12px);line-height:1.5}#app .action-buttons button{font-size:max(.8rem,13px)}
#app .special-card>p,#app .compact>p{font-size:max(.72rem,11px);line-height:1.5}#app .special-card>strong,#app .compact>strong{font-size:max(.82rem,13px)}#app .special-top,#app .special-foot,#app .card-cost{font-size:max(.65rem,10px)}
#app .tutorial-tip{display:flex!important;position:relative;bottom:auto;left:auto;right:auto;z-index:9;font-size:.82rem}#app .tutorial-tip p{font-size:max(.78rem,12px);line-height:1.55}
.rules-shell{display:grid;grid-template-columns:215px minmax(0,1fr);gap:24px;min-height:510px}.rules-tabs{display:flex;flex-direction:column;gap:7px;align-self:start;position:sticky;top:0}.rules-tabs button{min-height:44px;padding:10px 12px;text-align:left;border:1px solid var(--line);border-radius:7px;font-size:.82rem}.rules-tabs button[aria-selected=true]{background:var(--lime);border-color:var(--lime);color:#203225;font-weight:800}.rules-panel{min-width:0}.rules-panel>.rules-lead{font-size:1rem;line-height:1.7;color:#e9f0d9;background:#273b2e;border-left:4px solid var(--lime);padding:14px 16px;border-radius:6px;margin-bottom:14px}.rules-section{padding:15px 2px;border-bottom:1px solid var(--line)}.rules-section h3{font-size:1rem;margin:0 0 7px;color:#dfebbd}.rules-section p{font-size:.86rem;line-height:1.75;color:#c5d2bb}.rules-poker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:16px}.rules-poker-list>div{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;background:#213321;border:1px solid #40513e;font-size:.78rem}.rules-poker-list span{color:#d9c992}.rules-example{display:flex;gap:6px;margin-top:11px}.rules-example .poker-card{width:45px;height:64px;pointer-events:none}.rules-example .card-corner{font-size:14px}.rules-example .card-corner small{font-size:11px}.rules-example .card-pip{font-size:23px}.rules-example .card-bottom{font-size:11px}.rules-example .public-card{border:2px solid var(--lime)}
.modal-heading{position:sticky;top:-25px;z-index:4;background:#1a2a20;padding-top:3px}.modal-heading h2{font-size:1.4rem}.modal p,.card-detail p,.stat-list p,.relic-list p{line-height:1.7}.filter-bar,.filter-bar select,.filter-bar>span,.collection-grid .primary,.collection-grid .secondary{font-size:max(.78rem,12px)}.discovery-stats{font-size:max(.7rem,11px)}
@media(min-width:1000px) and (min-height:650px){body.combat-screen:not([data-layout=portrait]) #app .combat-controls{min-height:92px}body.combat-screen:not([data-layout=portrait]) #app .battle-layout{grid-template-rows:auto auto minmax(300px,1fr) auto auto}}
@media(max-width:650px){:root{font-size:calc(15px * var(--ui-scale))}.rules-shell{grid-template-columns:1fr;gap:14px}.rules-tabs{position:static;display:flex;flex-direction:row;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.rules-tabs button{flex:0 0 auto;min-height:42px;scroll-snap-align:start}.rules-poker-list{grid-template-columns:1fr}.rules-panel>.rules-lead{font-size:.92rem}.rules-section p{font-size:.82rem}.modal-heading{top:-18px}.settings-form>label{align-items:flex-start;gap:10px}.settings-form select{max-width:48%}.settings-actions .reset-size{margin-left:0}#app .initiative-banner{gap:7px}#app .turn-guidance{order:3;flex-basis:100%;text-align:left}#app .phase-help{margin-left:auto}#app .enemy-resources{display:inline-flex!important;font-size:12px}#app .resource-badge{width:100%;justify-content:center;margin-left:0}#app .combat-controls{position:relative!important;bottom:auto!important}#app .tutorial-tip{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}}
@media(orientation:landscape) and (max-height:500px){#app .battle-layout .combat-controls{position:relative;bottom:auto}:root{font-size:calc(14.5px * var(--ui-scale))}#app .turn-guidance{font-size:11px}#app .phase-help{font-size:11px}.rules-shell{min-height:0}.modal-heading{position:static}}
