.sa-board{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;gap:13px;padding:8px 12px;color:#29454b;font-size:17px;box-sizing:border-box}.sa-row{position:relative;display:flex;align-items:center;gap:8px;padding-left:83px;min-height:40px}.sa-label{position:absolute;left:0;width:76px;text-align:right;font-size:15px;white-space:nowrap}.sa-bar{display:flex;min-height:39px;max-width:calc(100% - 3px);border:1.5px solid #63948c;border-radius:3px;overflow:hidden;background:#eaf3f2;box-sizing:border-box}.sa-part{display:flex;align-items:center;justify-content:center;min-width:0;padding:6px 3px;border:0;border-right:1px solid #93b5af;background:none;line-height:1.3;text-align:center;font-size:inherit;color:inherit;font-family:inherit;box-shadow:none;border-radius:0}.sa-part:last-child{border-right:0}.sa-part[data-sa]{background:#e5f1ed;cursor:pointer;outline:2px solid #568e84;outline-offset:-3px}.sa-gold{background:#fff1cf!important}.sa-muted{background:#f0f2f2;color:#7d8c8f}.sa-formula{text-align:center;font-size:22px;font-weight:650;line-height:1.5}.sa-caption{text-align:center;font-size:16px;line-height:1.5;margin:0}.sa-work-line{display:flex;gap:12px;align-items:center;justify-content:center}.sa-piece{padding:6px 12px;border:1px solid #bbcbc8;border-radius:5px;background:#f4f7f7}.sa-returned{background:#fff1cf}.sa-board button{font-family:inherit}.sa-work-line button,.sa-controls button{min-height:36px;font-size:16px}.sa-rebase{margin-left:calc(83px + (100% - 83px)/3);width:calc((100% - 83px)*2/3);border-top:2px dashed #9eb9b2;padding-top:6px}.sa-rebase .sa-row{padding-left:0}.sa-rebase .sa-label{position:static;text-align:left;width:auto;font-size:13px;display:none}.sa-bracket{display:block;font-size:14px;text-align:center;margin-bottom:4px}.sa-days{display:grid;grid-template-columns:34px repeat(5,1fr);gap:7px;align-items:center;text-align:center}.sa-day{background:#f3f7f6;border:1px solid #aac2bc;border-radius:4px;min-height:39px;padding:8px 2px;font-size:16px;line-height:1.2;box-sizing:border-box;color:inherit}.sa-paired{background:#fff0ca;color:#725624}.sa-side-note{font-size:13px;line-height:1.6;padding:6px;margin:0}.sa-cross{display:grid;grid-template-columns:1fr 1fr 1.4fr;align-items:center;gap:12px;text-align:center;font-size:22px}.sa-cross small{display:block;font-size:15px;margin-top:5px}.sa-cross-center{grid-row:span 2;font-size:28px;line-height:1.4}.sa-cross-center strong{display:block;font-size:19px;white-space:nowrap}.sa-profit{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;gap:15px 0;align-items:center;padding:8px}.sa-price-point{font-size:17px}.sa-price-point small{display:block;font-size:14px;color:#61777b}.sa-cost{border-left:2px solid #71998f;border-right:2px solid #71998f}.sa-loss{grid-column:1/3;margin-left:25%;border-bottom:3px solid #a2bcb6;padding:4px 2px}.sa-gain{grid-column:2/4;margin-left:0;margin-top:-8px;margin-right:25%;border-bottom:3px solid #d8b876;padding:4px 2px}.sa-joined{background:#fff0cb}
#scene:has(.sa-board){align-items:stretch;overflow:auto}#scene .sa-board{min-height:min-content}
@container mathapp (max-height:520px){.sa-board{padding:4px 7px;gap:7px;font-size:13px}.sa-row{padding-left:66px;min-height:28px;gap:5px}.sa-label{width:61px;font-size:12px}.sa-bar{min-height:29px}.sa-part{padding:4px 2px}.sa-formula{font-size:16px;line-height:1.4}.sa-caption{font-size:13px;line-height:1.35}.sa-piece{padding:4px 7px}.sa-work-line button{font-size:13px;min-height:31px}.sa-rebase{margin-left:calc(66px + (100% - 66px)/3);width:calc((100% - 66px)*2/3);padding-top:3px}.sa-bracket{font-size:12px;margin-bottom:2px}.sa-days{gap:4px;grid-template-columns:22px repeat(5,1fr)}.sa-day{font-size:12px;min-height:31px;padding:7px 1px}.sa-cross{font-size:17px;gap:7px}.sa-cross small{font-size:13px;margin-top:2px}.sa-cross-center{font-size:20px;line-height:1.2}.sa-cross-center strong{font-size:14px}.sa-price-point{font-size:13px}.sa-price-point small{font-size:12px}.sa-profit{gap:8px 0;padding:1px}.sa-loss,.sa-gain{padding:2px}.sa-side-note{font-size:12px;padding:3px}}

.sa-overlap{position:relative;padding:42px 0}.sa-position-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.sa-position-cards>span,.sa-position-cards>button{font:inherit;min-height:41px;display:flex;align-items:center;justify-content:center;border:1px solid #b6c9c3;background:#f3f7f6;border-radius:4px;color:inherit}.sa-front,.sa-back{position:absolute;width:59%;padding:7px;box-sizing:border-box;text-align:center;font-size:14px;border:2px solid #76a398;border-radius:6px}.sa-front{left:0;top:0;height:99%}.sa-back{right:0;bottom:0;height:99%;border-color:#cfb167;display:flex;align-items:end;justify-content:center}.sa-position-cards{position:relative;z-index:1}.sa-selected{background:#fff0cb!important;border-color:#bf9b44!important}.sa-animal-count{display:flex;align-items:center;justify-content:center;gap:12px}.sa-animal-count strong{font-size:23px}.sa-animal{height:68px!important;width:68px!important;max-height:none!important;flex:none}.sa-package{border:1px solid #b6c9c3;border-radius:6px;padding:9px}
@container mathapp (max-height:520px){.sa-overlap{padding:28px 0}.sa-front,.sa-back{font-size:12px;padding:4px}.sa-position-cards{gap:4px}.sa-position-cards>span,.sa-position-cards>button{min-height:31px}.sa-animal{height:45px!important;width:45px!important}.sa-animal-count{gap:7px}.sa-animal-count strong{font-size:16px}.sa-package{padding:5px}}
.sa-paired{background:#eef1f0;color:#7a8d86}.sa-days-left{background:#fff0cb;border-color:#d0b273}