.t0,.s0{--color:#f48aa6;--light:#ffd5df;--dark:#7c244a55;--emblem-ink:#691f3f}
.t1,.s1{--color:#f3ba3f;--light:#ffe19b;--dark:#79500c55;--emblem-ink:#67440a}
.t2,.s2{--color:#83b8d2;--light:#c5e4f4;--dark:#174d7055;--emblem-ink:#14415f}
.t3,.s3{--color:#aa8bce;--light:#ddd0f0;--dark:#4e2c7955;--emblem-ink:#422567}
.t4,.s4{--color:#87b88a;--light:#cce6c9;--dark:#24552d55;--emblem-ink:#1f4826}
.t5,.s5{--color:#f28b5c;--light:#ffc79b;--dark:#8e2b1855;--emblem-ink:#792514}
.t6,.s6{--color:#65b8b6;--light:#bfe5df;--dark:#15595455;--emblem-ink:#124c47}
.t7,.s7{--color:#c49b54;--light:#eddbac;--dark:#60420e55;--emblem-ink:#52380c}
.t8,.s8{--color:#b780bd;--light:#e4c5e5;--dark:#61276655;--emblem-ink:#522157}
.t9,.s9{--color:#db6575;--light:#f5b8be;--dark:#7e1b3655;--emblem-ink:#6b172e}
.t10,.s10{--color:#7e92c9;--light:#c9d5ef;--dark:#263f7d55;--emblem-ink:#20366a}
.t11,.s11{--color:#6dbfa9;--light:#c5ead9;--dark:#125c4655;--emblem-ink:#0f4e3c}
.t12,.s12{--color:#afa45f;--light:#e3ddb1;--dark:#584c1355;--emblem-ink:#4b4110}
.t13,.s13{--color:#b0796d;--light:#dfb9ae;--dark:#632e2655;--emblem-ink:#542720}
.t14,.s14{--color:#bd7394;--light:#e7bfd1;--dark:#72234155;--emblem-ink:#611e37}
.t15,.s15{--color:#9882c4;--light:#d6c9ed;--dark:#48327355;--emblem-ink:#3d2a62}
.t16,.s16{--color:#80ac68;--light:#cce0b7;--dark:#335a2055;--emblem-ink:#2b4c1b}
.t17,.s17{--color:#6ba6c8;--light:#c0dfef;--dark:#20557555;--emblem-ink:#1b4863}
.t18,.s18{--color:#c89452;--light:#edcfaa;--dark:#76430c55;--emblem-ink:#64390a}
.t19,.s19{--color:#8f9ed4;--light:#d0d9f4;--dark:#384b8a55;--emblem-ink:#304075}
.size-bar{display:flex;justify-content:center;gap:10px;margin:0 auto 15px}.size-bar button{border:1px solid #9eaf90;background:#f9faf2;padding:10px 22px;border-radius:5px;color:#526b43;font-size:15px;min-height:44px;letter-spacing:1px}.size-bar small{font-size:10px;margin-left:8px;letter-spacing:0}.size-bar button.active{background:#536f48;color:#fff9e9;border-color:#49623f;box-shadow:0 3px 8px #415c3320}.board-viewport .board-wrap{width:calc(var(--cell-size,48px)*var(--board-size,8) + (var(--board-size,8) - 1)*3px + 26px)}.board-viewport #board{grid-template-columns:repeat(var(--board-size,8),minmax(0,1fr))}.board-viewport.compact8{max-height:none;overflow:visible;max-width:580px;margin:auto}.board-viewport.compact8 .board-wrap{width:100%;min-width:0}.board-viewport.compact8 .sect-name{font-size:9px;letter-spacing:1px}.board-view-controls [hidden]{display:none}.board-viewport.overview .cell{cursor:zoom-in}.board-viewport:not(.overview) .jelly:before{opacity:.46}.sect-emblem{opacity:1}.board-viewport .sect-name{font-weight:700;opacity:1;color:#18291e}.board-view-hint{font-size:12px;color:#50683f;line-height:1.8}.target-banner{font-size:12px;color:#526c43}.board-view-controls button{min-height:40px;color:#425c33;border-color:#9aac89}.board-view-controls span{font-size:12px;color:#526c43}.mode-switch button{color:#577047}.level-tag,.target-line,.target-line b,.tiny,.side-copy,.prop-sub,.mobile-roster,.battle-stats{color:#617650}.prop-name{color:#405b31}.prop-count{background:#dce8d0;color:#395727}.goal{color:#4e653e;border-color:#b2c3a1}.goal b{color:#405d2e}.ice-layer{border-color:#78b4d8;background:linear-gradient(135deg,#d3f0ff0a,#cde8f008 50%,#b4d5ea18);box-shadow:inset 0 0 3px #e6f8ff80}.ice-mark{color:#205979;text-shadow:0 1px #fff}.sect-item{opacity:.4}.sect-item.active{opacity:1}.board-section:has(.compact8){max-width:580px;width:100%;justify-self:center}.board-viewport.overview .board-wrap{width:100%}.board-viewport.overview .sect-name{display:none}.overview .jelly:before{opacity:.3}
@media(max-width:650px){.app{padding-left:12px;padding-right:12px}.size-bar{gap:8px;margin-bottom:12px}.size-bar button{font-size:14px;padding:9px 11px;min-height:44px;flex:1;max-width:210px}.size-bar small{display:block;font-size:10px;margin:4px 0 0}.mode-bar{margin-bottom:14px}.board-viewport{padding:4px}.board-viewport .board-wrap{padding:8px;width:calc(var(--cell-size,48px)*var(--board-size,8) + (var(--board-size,8) - 1)*3px + 18px)}.board-viewport.compact8 .board-wrap{width:100%}.board-viewport.compact8 .cell{padding:2px}.board-viewport.compact8 .sect-emblem{width:86%;height:84%;left:7%;top:2%}.board-viewport.compact8 .sect-name{font-size:7px;letter-spacing:0}.target-banner{font-size:11px;min-height:42px}.board-view-hint{font-size:11px}.board-view-controls{gap:7px}.board-view-controls button{font-size:11px;min-height:40px;padding:6px 10px}.board-view-controls span{font-size:11px}.board-viewport:not(.compact8):not(.overview) .sect-name{font-size:9px}.board-viewport:not(.compact8):not(.overview) .special-mark{height:17px;min-width:17px;font-size:12px}.board-viewport .prism-orb{font-size:28px}.prop-name{font-size:10px}.prop-sub{font-size:9px}.arsenal-heading small{font-size:9px}.level-tag{font-size:9px}.battle-stats{font-size:10px}#combo-label{font-size:10px}.intro p{font-size:10px;letter-spacing:0}.board-viewport.overview .prism-orb{font-size:12px}.mobile-roster summary,.mobile-roster p{font-size:11px}}
.board-section:has(.compact8) .board-view-controls span{width:auto;margin-left:auto}
@media(max-width:360px){.size-bar button{font-size:13px}.size-bar small{font-size:9px}.prop-sub{font-size:8px}.board-viewport.compact8 .sect-name{font-size:6px}.intro p{font-size:9px}.target-banner{font-size:10px}.level-tag{font-size:8px}}