/* Website chrome and controls. Native game artwork keeps its own coordinates. */
:root{color-scheme:dark;--bg:#121719;--surface:#1c2326;--surface-2:#232d30;--line:#344044;--text:#f0f2e9;--muted:#a5b3b5;--accent:#efca8b;--green:#b0cc98;--radius:16px}
*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{display:none}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:radial-gradient(ellipse at 20% 10%,#26312d66,transparent 45%),var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hide{display:none!important}h1,h2,h3,p{margin:0}button,select,input{border:1px solid #4b5d60;border-radius:7px;background:#253236;color:var(--text)}button{padding:8px 12px;transition:background .15s,border-color .15s,transform .15s}button:hover:not(:disabled){background:#34464a;border-color:#738c86}select,input{padding:8px 10px;min-width:0}select{max-width:100%}input[type=checkbox]{accent-color:var(--green)}input[type=number]{width:64px;appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none}small{color:var(--muted);line-height:1.7}svg{display:block;flex:none}button svg,a svg{pointer-events:none}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.siteWidth,main{width:calc(100% - 64px);max-width:1448px;margin-inline:auto}.skipLink{position:fixed;left:16px;top:-60px;background:var(--accent);color:#16201c;padding:10px 16px;z-index:20}.skipLink:focus{top:10px}.siteHeader{border-bottom:1px solid #ffffff0d;background:#141a1ce8;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.navInner{height:76px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:12px}.brandMark{display:grid;grid-template-columns:repeat(3,8px);grid-template-rows:repeat(3,8px);gap:3px}.brandMark i{background:var(--accent);border-radius:2px}.brandMark i:nth-child(1){grid-column:2}.brandMark i:nth-child(2){grid-column:1;grid-row:2}.brandMark i:nth-child(3){grid-column:2;grid-row:2}.brandMark i:nth-child(4){grid-column:3;grid-row:2}.brandMark i:nth-child(5){grid-column:2;grid-row:3}.brandWord{display:flex;align-items:center;gap:12px}.brandWord strong{font-size:15px;letter-spacing:1.8px;font-weight:750}.brandWord span{font-size:10px;color:#9cafad;border-left:1px solid #475451;padding-left:12px}.navLinks{display:flex;gap:26px;color:#aab8b7;font-size:13px}.navLinks a:first-child{color:#f1d5a3}.navLinks a:hover{color:var(--text)}.navUtility{margin-left:auto;display:flex;align-items:center;gap:18px}.localBadge{display:flex;align-items:center;gap:7px;font-size:11px;color:#a9b9ae}.statusDot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 9px #b0cc9840}.quietButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:#47534f;background:transparent;font-size:12px;color:#d5dfd6;padding:8px 12px}.quietButton:hover{border-color:var(--accent)}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:42px 0 36px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:600}.eyebrow:before{content:'';width:20px;height:1px;background:var(--accent)}.hero h1{font-size:40px;letter-spacing:-1.7px;line-height:1.26;font-weight:700;margin:12px 0}.hero h1 span{color:var(--accent)}.hero p{font-size:13px;line-height:1.85;color:#a8b9b8;max-width:560px}.heroActions{display:flex;gap:20px;align-items:center;margin-top:20px}.heroStart{display:inline-flex;align-items:center;gap:20px;padding:10px 16px;border:1px solid #e8c994;border-radius:8px;background:#efca8b;color:#262a23;font-size:12px;font-weight:700}.heroStart:hover{background:#f6d9a6}.textLink{display:flex;align-items:center;gap:7px;color:#c4cdc4;font-size:12px}.textLink:hover{color:var(--accent)}.unionSnapshot{padding:24px 28px 22px;background:linear-gradient(125deg,#29352f88,#242d2f88);border:1px solid #56645466;border-radius:14px;position:relative;overflow:hidden}.snapshotTop{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.8px;color:#c6d2c1}.snapshotLabel{display:flex;gap:9px;align-items:center}.snapshotLabel img{width:23px;height:23px;object-fit:contain;image-rendering:pixelated}.savedPill{font-size:10px;letter-spacing:0;color:#c8d8b7;background:#4f644336;border:1px solid #80986733;border-radius:20px;padding:3px 9px}.snapshotRank{font-size:18px;letter-spacing:-.4px;color:#ebeedc;margin:17px 0 16px}.snapshotStats{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #778c7740;padding-top:17px;gap:15px}.snapshotStat span{display:block;color:#a8b9b3;font-size:11px}.snapshotStat strong{font-size:25px;font-weight:650;line-height:1.4;color:#f2e7cb}.snapshotStat em{font-size:11px;font-style:normal;color:#8eaaa0;margin-left:6px}.snapshotNote{margin-top:16px!important;font-size:10px!important;color:#8da6a0!important}
.plannerTop{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding-top:14px;border-top:1px solid #ffffff0d}.plannerTitle{display:flex;align-items:center;gap:12px}.sectionSymbol{display:grid;place-items:center;width:34px;height:34px;border:1px solid #6b7b683d;border-radius:9px;background:#28342b80;color:var(--accent)}.plannerTitle h2{font-size:16px;font-weight:650;letter-spacing:-.3px}.plannerTitle p{font-size:10px;color:#8fa5a6;margin-top:1px}.plannerTools{display:flex;align-items:center;gap:12px}.plannerHint{font-size:10px;color:#91a8a3;display:flex;gap:6px;align-items:center}.workspace{display:grid;grid-template-columns:minmax(0,994px) 430px;gap:24px;align-items:start}.boardColumn{min-width:0}.gameViewport{width:100%;min-width:0;position:relative;border-radius:14px;background:#1c262a;box-shadow:0 16px 44px #0003;isolation:isolate}.gameCanvas{position:relative;overflow:hidden;width:994px;height:720px}#gameStage{position:absolute;left:0;top:0;width:994px;height:720px;background-size:994px 720px;background-repeat:no-repeat;transform-origin:top left;image-rendering:auto}
#board{position:absolute;left:59px;top:23px;width:484px;height:440px;display:grid;grid-template-columns:repeat(22,minmax(0,1fr));grid-template-rows:repeat(20,minmax(0,1fr));gap:0;touch-action:none;user-select:none}#board button{width:22px;height:22px;min-width:0;min-height:0;line-height:22px;border:0;padding:0;border-radius:0;position:relative;background:transparent!important;overflow:visible;box-shadow:none}#board button.selected{background:#5de7c97a!important;box-shadow:inset 0 0 0 1px #ace3cc}#board button.locked{background:#04070cc7!important}#board button.active{outline:1px solid #fff8;outline-offset:-1px;z-index:2}#board button.outsideScope{background:transparent!important;box-shadow:none}#board button img{position:absolute;left:-13.63%;top:-13.63%;pointer-events:none;width:118.18%;height:118.18%}#board button b{display:none}#board .seam{z-index:1}#gameLabels{position:absolute;inset:0;pointer-events:none;z-index:3}#gameLabels img{position:absolute;pointer-events:none;image-rendering:pixelated}#gameLabels .areaHover{image-rendering:auto}.gameValue{position:absolute;color:#ffedaa;font:bold 16px Arial;text-align:right}#nativeAssigned{left:877px;top:309px;width:45px}#nativeAssignedLimit{left:940px;top:309px;width:28px}#nativeLevel,#nativeBoost,#nativeBoostLimit,#cardsPrev,#cardsNext,#cardPage{display:none}.nativeButton{position:absolute;padding:0;border:0!important;border-radius:0;background-color:transparent!important;background-repeat:no-repeat;background-size:100% 100%}#gameEdit{left:461px;top:483px}#gameApply{left:337px;top:483px}#inventory{position:absolute;display:flex;flex-direction:column;left:622px;top:214px;width:340px;max-height:none;margin:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory}#gameStage .row{position:relative;flex:none;display:block;border:0;padding:0;background-repeat:no-repeat;color:#fff;cursor:pointer;scroll-snap-align:start}#gameStage .row:hover{box-shadow:inset 0 0 0 1px #d8e2bf66;border-radius:7px}#gameStage .row:focus-visible{outline:2px solid #e7ecc5;outline-offset:-3px}.nativeCardRank{position:absolute;image-rendering:pixelated;pointer-events:none;max-width:none}.nativeJob{position:absolute;text-align:left;line-height:14px;pointer-events:none}.cardBlock{position:absolute;display:block;pointer-events:none}.cardBlock img{position:absolute;max-width:none;pointer-events:none;image-rendering:auto}.cardSeam{z-index:1}#gameStage #status{position:absolute;left:624px;top:563px;width:164px;height:129px;overflow:auto;color:#d9e2db;font-size:11px;line-height:1.8;white-space:pre-line}#scoreSummary{position:absolute;left:809px;top:563px;width:157px;height:129px;overflow:auto}.scoreRow{position:relative;padding-bottom:7px;margin-bottom:5px;font-size:11px;color:#c4d0c5}.scoreRow strong{float:right;color:#e6e9c7;font-size:11px}.scoreTrack{height:3px;clear:both;background:#142026;margin-top:5px;border-radius:2px;overflow:hidden}.scoreTrack i{display:block;height:100%;background:#a6bd79}.gridCountNote{font-size:9px;line-height:1.5;color:#9aafaa;padding-bottom:4px}.boardHint{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:10px 4px 0;font-size:10px;color:#91a8a6}.boardHint>span{display:flex;align-items:center;gap:7px}.boardHint .icon{width:14px;height:14px}.boardHint button{font-size:10px;padding:3px 8px;display:flex;align-items:center;gap:5px;background:transparent;border-color:#425451;color:#bdcbc2}.boardHint button[aria-pressed=true]{color:var(--accent);border-color:#a58b63}
#settings{height:calc(var(--board-height,720px) + 42px);min-height:670px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #4c5b574d;border-radius:14px;background:linear-gradient(160deg,#283330,#212c2e);box-shadow:0 14px 40px #0002}#settings>.settingsTitle{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 12px;color:#f0f1e5;font-size:16px;font-weight:650;letter-spacing:-.4px}.settingsTitle>span:first-child:before{content:'CONFIGURE';display:block;font:9px/1.5 Arial;letter-spacing:1.5px;color:#a6b99d;margin-bottom:3px}.autoSaved{font-size:9px;font-weight:400;color:#b6c8a7;background:#43574066;border:1px solid #a7ba8b22;border-radius:20px;padding:3px 9px}#setupOverview{padding:0 22px 17px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.overviewStat{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 8px;font-size:10px;color:#a7bcb4}.overviewStat strong{font-size:18px;font-weight:650;color:#e9eddf}.overviewStat em{font-size:10px;font-style:normal;color:#9bb0aa;margin-left:5px}.capacityTrack{grid-column:1/-1;height:3px;background:#172320;border-radius:4px;margin-top:7px;overflow:hidden}.capacityTrack i{display:block;height:100%;background:#b2c899}.capacityTrack.over i{background:#e3a475}.settingsTabs{display:grid;grid-template-columns:1fr 1fr;margin:0 17px;padding:4px;gap:4px;border:1px solid #4d625d66;border-radius:9px;background:#192422}.settingsTabs button{border:0;background:transparent;color:#a7bbb2;font-size:12px;font-weight:600;padding:9px;border-radius:6px}.settingsTabs button[aria-selected=true]{background:#465e43;color:#f0f3de;box-shadow:0 2px 7px #0002}.layout{flex:1;min-height:0;overflow:auto;margin-top:6px}.panel{display:none;padding:17px 21px 12px}.panel.activePanel{display:block}.panel h2,.panel>.sectionHeading{display:none}.panel label{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:11px;color:#c1d1c7}.panel label select{flex:1}.panel small{font-size:10px;color:#98aea7}.panel button{font-size:11px}.panel select,.panel input[type=number]{font-size:12px;min-height:34px;border-color:#4a635d;background:#192927}.tools{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:10px}.tools select{flex:1}.sectionHeading,.fieldCaption{font-size:12px;font-weight:600;color:#dce5d6;margin:13px 0 9px}.settingsGroup{border:1px solid #49615766;background:#1c2a2766;border-radius:8px;margin:12px 0;padding:0 11px}.settingsGroup>summary{font-size:11px;color:#b9ccc0;padding:10px 0;cursor:pointer;list-style-position:inside}.settingsGroup[open]{padding-bottom:10px}.settingsGroup summary:hover{color:var(--accent)}.settingsGroup .settingsGroup{margin:8px 0}.settingsGroup p{font-size:11px;line-height:1.7}.rankGuide{margin-top:10px}.rankGuide summary{font-size:10px;color:#a7bfae;cursor:pointer}.rankGuide p{padding-top:7px}#quickUnionRank .sectionHeading{display:none}#quickUnionRank label{margin-top:0}.quickHeading{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin-bottom:10px}.quickHeading #quickRankHint{font-size:10px;font-weight:400;color:#a8c196}#quickTierTabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}#quickTierTabs button{padding:5px 0;min-height:31px;font:600 11px Arial;background:#1b2b26;border-color:#47604f;color:#a4bcaf}#quickTierTabs button[aria-selected=true]{background:#516b45;border-color:#a5bb85;color:#f3f1dc}.quickHelp{font-size:10px;line-height:1.6;color:#9db5aa;margin:9px 0 11px}.quickTableHeading,.quickRow{display:grid;grid-template-columns:minmax(48px,1fr) 108px 108px;gap:8px;align-items:center}.quickTableHeading{font-size:10px;color:#9ab2a8;padding:0 9px 5px}.quickTableHeading span:not(:first-child){text-align:center}.quickRow{padding:7px 9px;margin:5px 0;border:1px solid #49625877;border-radius:7px;background:#21352d77}.quickJob{font-size:12px;font-weight:600;color:#dbe6d8}.quickRow.hasBlocks{background:#30453866;border-color:#6b81605c}.quickCounter{display:flex;align-items:center;gap:4px}.quickCounter input{width:42px;min-height:31px!important;height:31px;text-align:center;padding:2px 0;font:13px Arial;color:#f0f4e5}.quickCounter button{width:28px;height:29px;padding:0;font:16px Arial;background:#334d3d;border-color:#52745a;flex:none}.boostCounter input{color:#d3e8f1;border-color:#4a7377!important;background:#1c3033!important}.boostCounter button{background:#2c454b;border-color:#4f6d76;color:#c6e0e9}#otherTierSummary{font-size:10px;color:#aec2b4;margin-top:9px}#total{font-size:10px;color:#a8bfae;margin:10px 0 15px}.fileTools button{flex:1;font-size:10px;white-space:nowrap}.fileTools #undoEdit{flex-basis:100%}#undoEdit:disabled{display:none}.manageActions{display:flex;align-items:center;gap:8px;margin:10px 0}.manageActions label{flex:1;margin:0!important}#manageChoice{width:100%}#removeOwned{border-color:#866b60;color:#dec0aa;background:transparent}.panel label:has(#boost),.panel label:has(#count){display:inline-flex}#preview{display:flex;justify-content:center;align-items:center;min-height:85px;border:1px solid #4b615755;border-radius:8px;background:#16251f;margin:8px 0}.piecePreview{display:block;position:relative;width:100px;height:70px;margin:6px 0}.piecePreview img{position:absolute;width:26px;height:26px;image-rendering:pixelated}.rankBadge{position:absolute!important;left:90px!important;top:0!important;width:auto!important;height:18px!important}#add{width:100%;background:#465d3d;border-color:#81986a}#manageBlocks{margin-bottom:12px}.arrangementModes{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.arrangementModes button{text-align:left;padding:9px 10px;border:1px solid #54655888;background:#1b2a26;border-radius:8px}.arrangementModes strong{display:block;font-size:11px;font-weight:600;color:#cddccf}.arrangementModes span{display:block;font-size:9px;color:#92aa9b;margin-top:4px}.arrangementModes button[aria-pressed=true]{background:#3e5235;border-color:#9aab77;box-shadow:inset 3px 0 #d2c696}.arrangementModes button[aria-pressed=true] strong{color:#f5edd7}.arrangementModes button[aria-pressed=true] span{color:#bacba6}.scopeSettings{border:1px solid #4d625777;background:#19292466;border-radius:8px;margin-bottom:10px;padding:0 10px}.scopeSettings>summary{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:10px 0;color:#a5bcae;font-size:10px;cursor:pointer;list-style:none}.scopeSettings>summary strong{font-size:10px;font-weight:400;color:#cfdbb8}.scopeSettings>summary:after{content:'⌄';color:#a8b9a7}.scopeSettings[open]{padding-bottom:10px}.scopeSettings label{font-size:10px}.scopeHint{font-size:10px;line-height:1.6;color:#a0b6aa;margin-top:7px}.priorityHeading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 8px}.priorityHeading span{font-size:12px;font-weight:600;color:#dce7d5}.priorityHeading small{font-size:9px}.priorityRow{display:flex;align-items:center;gap:5px;border:1px solid #55725e55;background:#2c413577;border-radius:7px;padding:6px 8px;margin:6px 0}.priorityRow>span{display:flex;align-items:center;gap:10px;flex:1;font-size:12px;font-weight:550}.priorityIndex{display:grid!important;place-items:center;flex:none!important;width:22px;height:22px;border-radius:5px;font:600 10px Arial;background:#5c7145;color:#f4ebc7}.priorityRow button{padding:0;width:26px;height:25px;font-size:11px;background:#23352b;border-color:#536d584d;color:#b5c8ac}.priorityRow button:last-child{background:transparent;border-color:transparent;color:#b0a693}.priorityRow button:disabled{opacity:.22}#priorityPanel>.tools{margin-bottom:8px}#priorityGroup{font-size:11px;min-height:32px}#addPriority{font-size:10px;padding:6px 9px;background:#3a5238;border-color:#6b825a}.emptyHint{border:1px dashed #657c60;border-radius:7px;padding:14px;font-size:11px;color:#a9bba1}.recommended{margin:11px 0 7px}.presetChoices{display:flex;gap:5px;margin:4px 0}.presetChoices button{flex:1;padding:6px 2px;font-size:10px;color:#d2dfbf}.presetChoices button[aria-pressed=true]{border-color:var(--accent);background:#4c5935}.muted{font-size:9px!important}.displayOption{font-size:10px!important;color:#a4bcae!important;margin:11px 0 8px!important}#selection{font-size:9px;color:#8eab9e;padding-top:9px;border-top:1px solid #536a5333;margin:9px 0}.priorityMode .manualTools,.priorityMode .manualHelp{display:none}.manualTools select{min-width:80px}.manualHelp{display:block;font-size:10px;line-height:1.8}.boostOption summary span{float:right;font-size:9px;color:#8dab9a;font-weight:400}.advancedOptions br{display:none}.advancedOptions label{margin:8px 0}.result{max-height:none;font-size:10px}.result p{font-size:10px;margin-top:6px;line-height:1.7;color:#a8bfae}#resultDetails:not(:has(.badge)){display:none}#legend{display:flex;flex-wrap:wrap;gap:5px}.badge{font-size:10px;border-left:4px solid;padding:5px 7px}.settingsFooter{margin-top:auto;flex:none;border-top:1px solid #64735b33;background:#192620b3;padding:13px 18px 17px}#dockStatus{white-space:pre-line;font-size:10px;line-height:1.7;color:#ccdfb4;max-height:53px;overflow:auto}#setupNotice{color:#e8be86;font-size:10px;margin:5px 0}#setupNotice:empty{display:none}.settingsFooter .tools{margin:10px 0 7px;gap:7px}#run{flex:1;background:linear-gradient(110deg,#ebcc95,#c6c78e);border-color:#e1ca95;color:#29311e;font-size:12px;font-weight:700;padding:10px}#run:hover:not(:disabled){background:linear-gradient(110deg,#f3d9aa,#d1d59c);border-color:#f9dea8}#stop{font-size:10px;min-width:48px}#export{width:100%;padding:6px;font-size:10px;background:transparent;border-color:#5b735244;color:#a9bf9b}#showBoostRecommendation,#relaxAndRun{width:100%;margin:6px 0 0;padding:7px;font-size:10px;background:#3d5532;border-color:#84946c;color:#e8edcd}#boostRecommendations{padding:12px;background:#3d5130;border:1px solid #91a16c;border-radius:9px;margin:12px 0}#boostRecommendations>strong{font-size:12px;color:#f1edcf}#boostRecommendations p{font-size:11px;color:#d5e4bb;margin:8px 0}#boostRecommendations small{font-size:10px;color:#adbe97}.siteFooter{border-top:1px solid #ffffff0d;padding:14px 0 16px}.footerInner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#758d81;font-size:10px}.footerBrand{color:#aebda6;font-size:11px;letter-spacing:1.4px}.footerCopy{margin-top:4px;color:#6c8779;font-size:9px}.websiteBusy .statusDot{animation:pulse 1s ease-in-out infinite}.websiteBusy #siteResultBadge{color:var(--accent)}@keyframes pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:1280px){.siteWidth,main{width:calc(100% - 48px)}.workspace{grid-template-columns:minmax(0,1fr) 400px;gap:18px}.hero{gap:36px}.hero h1{font-size:36px}.snapshotStats{gap:12px}.quickTableHeading,.quickRow{grid-template-columns:minmax(45px,1fr) 100px 100px;gap:5px}.quickCounter{gap:3px}.quickCounter button{width:26px}.quickCounter input{width:40px}}
@media(max-width:1120px){.workspace{grid-template-columns:1fr}.boardColumn{max-width:994px;width:100%;margin:auto}#settings{height:auto;min-height:0;max-width:994px;width:100%;margin:auto}#settings>.settingsTitle{padding:18px 24px 12px}.layout{overflow:visible;margin-top:8px}.panel.activePanel{max-width:680px;width:100%;margin:auto;padding:20px 24px}.settingsTabs,#setupOverview{max-width:680px;width:calc(100% - 40px);margin-inline:auto}.settingsFooter{padding:17px 24px;display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-items:center}.settingsFooter>#dockStatus,.settingsFooter>#setupNotice{grid-column:1;grid-row:auto}.settingsFooter>.tools{grid-column:2;grid-row:1/3;margin:0}.settingsFooter>#export{grid-column:2;grid-row:3}.settingsFooter>#showBoostRecommendation,.settingsFooter>#relaxAndRun{grid-column:1;grid-row:3}#run{min-height:42px}#stop{min-height:42px}.hero{gap:30px}.hero h1{font-size:34px}.unionSnapshot{padding:20px}.quickTableHeading,.quickRow{grid-template-columns:minmax(45px,1fr) 110px 110px}.quickCounter{gap:5px}.quickCounter button{width:28px}.quickCounter input{width:42px}}
@media(max-width:760px){.siteWidth,main{width:calc(100% - 32px)}html{scroll-padding-top:80px}.navInner{height:64px;gap:16px}.brandWord strong{font-size:12px;letter-spacing:1.4px}.brandWord span,.localBadge,.navLinks{display:none}.brandMark{grid-template-columns:repeat(3,6px);grid-template-rows:repeat(3,6px);gap:2px}.brand{gap:9px}.navUtility{gap:10px}.navUtility .quietButton{padding:7px 9px;font-size:10px}.navUtility .icon{width:14px;height:14px}.hero{grid-template-columns:1fr;gap:24px;padding:29px 0 27px}.hero h1{font-size:32px;margin:11px 0;letter-spacing:-1.3px}.hero p{font-size:12px}.heroActions{margin-top:17px;gap:20px}.heroStart{font-size:11px;padding:9px 13px;gap:15px}.unionSnapshot{padding:17px 20px;border-radius:12px}.snapshotRank{font-size:15px;margin:12px 0}.snapshotStats{padding-top:11px;gap:10px}.snapshotStat span{font-size:10px}.snapshotStat strong{font-size:23px}.snapshotNote{display:none}.snapshotLabel img{width:20px;height:20px}.plannerTop{padding-top:18px;margin-bottom:13px;align-items:flex-start}.plannerTitle h2{font-size:14px}.plannerTitle p{font-size:9px}.plannerHint{display:none}.plannerTools .quietButton{font-size:10px;padding:7px 9px}.plannerTools .icon{width:14px;height:14px}.sectionSymbol{width:30px;height:30px}.workspace{gap:20px}.gameViewport{border-radius:9px}.boardHint{font-size:9px;min-height:42px;padding-top:8px}.boardHint>span{max-width:75%;line-height:1.6}.boardHint button{font-size:9px;white-space:nowrap}.boardHint .icon{width:12px;height:12px}#settings{border-radius:12px}#settings>.settingsTitle{font-size:15px;padding:17px 19px 12px}#setupOverview{padding:0 1px 16px;width:calc(100% - 38px)}.settingsTabs{width:calc(100% - 32px)}.panel.activePanel{padding:18px 18px 12px}.settingsFooter{display:block;padding:14px 17px 17px}.settingsFooter>.tools{margin:10px 0 7px}.settingsFooter>#showBoostRecommendation,.settingsFooter>#relaxAndRun{margin-top:7px}#dockStatus{font-size:11px;max-height:70px}#run{font-size:12px;min-height:42px}#export{font-size:10px;min-height:33px}.footerInner{align-items:flex-start;font-size:9px}.footerCopy{max-width:215px;line-height:1.8}.footerBrand{font-size:10px}}
@media(max-width:380px){.siteWidth,main{width:calc(100% - 24px)}.hero h1{font-size:28px}.quickTableHeading,.quickRow{grid-template-columns:minmax(38px,1fr) 99px 99px;gap:4px}.quickCounter{gap:3px}.quickCounter input{width:39px}.quickCounter button{width:26px}.panel.activePanel{padding-inline:14px}.arrangementModes strong{font-size:10px}.arrangementModes span{font-size:8px}.snapshotStat strong{font-size:21px}.snapshotStat em{font-size:9px;margin-left:3px}}
@media(max-width:760px){.quickCounter input{height:36px;min-height:36px!important}.quickCounter button{width:29px;height:36px}.priorityRow{padding:8px}.priorityRow button{width:30px;height:30px}.arrangementModes button{min-height:58px}}@media(max-width:380px){.quickCounter button{width:26px}}

.hero h1,.plannerTitle h2{word-break:keep-all;text-wrap:balance}@media(max-width:760px){.plannerTitle p{display:none}.plannerTop{align-items:center}.plannerTitle h2{font-size:13px}.hero h1{font-size:30px}}

/* Goals use compact, readable cards while the native board stays unchanged. */
.selectionStrategyWrap{padding:12px;border:1px solid #81996c66;background:#30433566;border-radius:9px;margin:0 0 14px}.selectionStrategyWrap label{font-size:11px;font-weight:600;margin:0 0 8px}.selectionStrategyWrap select{width:100%;font-size:11px;min-height:38px}.selectionStrategyWrap p{font-size:10px;line-height:1.7;color:#b1c4ac;margin:8px 0 0;word-break:keep-all}
.priorityRow{display:block;padding:11px 12px;margin:8px 0;background:linear-gradient(130deg,#2e4337aa,#22382e99);border-radius:9px}.priorityRowHeader{display:flex;align-items:center;gap:5px;margin-bottom:9px}.priorityRowHeader>span{display:flex;align-items:center;gap:9px;flex:1;font-size:12px;font-weight:600;color:#e0e8d9}.priorityRowHeader button{width:27px;height:27px;padding:0;flex:none}.priorityRowHeader button:last-child{color:#b9b1a0}.priorityTarget,.boostAllowance{display:flex;align-items:center;gap:7px}.priorityTarget>label,.boostAllowance>label{margin:0!important;font-size:10px!important;color:#abc0ae!important;flex:1;white-space:nowrap}.goalCounter{display:flex;align-items:center;gap:0;border:1px solid #65836566;border-radius:6px;overflow:hidden;background:#182b23;flex:none}.goalCounter button,.priorityRow .goalCounter button{width:25px;height:30px;padding:0;border:0!important;border-radius:0;background:#344e3b!important;color:#d8e3cc!important;font:15px Arial}.goalCounter input,.priorityRow .goalCounter input{width:42px;height:30px;min-height:30px!important;padding:0!important;border:0!important;border-radius:0;background:#182b23!important;text-align:center;font:13px Arial;color:#f1ead3;appearance:textfield}.goalCounter input::-webkit-inner-spin-button,.goalCounter input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.goalCapacity{font:10px Arial;color:#a6b7a0;white-space:nowrap}.goalAll,.priorityRow .goalAll{width:auto;height:30px;padding:0 8px;font-size:10px;background:#384f35;border:1px solid #68805a66;border-radius:5px;color:#d9e5c1}.goalAll[aria-pressed=true],.priorityRow .goalAll[aria-pressed=true]{background:#50613b;border-color:#a7b37977;color:#efedcf}.goalRowHint{margin-top:6px;font-size:9px;line-height:1.5;color:#96af9e;word-break:keep-all}.goalHelp{display:block;line-height:1.8!important;color:#9bb5a1!important}.goalSummary{font-size:10px;color:#d6ddba;background:#b7bb6920;border:1px solid #b8c38222;padding:8px 10px;border-radius:6px;margin:10px 0}.boostAllowance{margin:10px 0 9px}.boostOption>small{display:block;line-height:1.6;color:#b9cba7}.boostExplanation{font-size:9px!important;line-height:1.7!important;color:#9bb2a3;margin:8px 0 0;word-break:keep-all}.boostOption summary #boostAllowanceSummary{color:#d2d7a8;font-size:9px}.boostOption input:disabled,.goalCounter button:disabled{opacity:.4}.priorityHeading{margin-top:16px}.priorityHeading small{white-space:nowrap}
@media(max-width:760px){.priorityRow{padding:12px}.priorityRowHeader button{width:32px;height:32px}.goalCounter button,.priorityRow .goalCounter button{width:30px;height:36px}.goalCounter input,.priorityRow .goalCounter input{height:36px;min-height:36px!important;width:45px}.goalAll,.priorityRow .goalAll{height:36px;padding:0 10px}.priorityTarget>label,.boostAllowance>label{font-size:11px!important}.goalRowHint{font-size:10px}.goalCapacity{font-size:11px}.selectionStrategyWrap p{font-size:11px}.goalHelp{font-size:10px!important}}
@media(max-width:380px){.priorityRow{padding:10px}.priorityTarget,.boostAllowance{gap:5px}.goalCounter button,.priorityRow .goalCounter button{width:26px}.goalCounter input,.priorityRow .goalCounter input{width:39px}.priorityTarget>label,.boostAllowance>label{font-size:10px!important}.goalCapacity{font-size:10px}.goalAll,.priorityRow .goalAll{padding:0 7px}}