.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-link{padding:30px;border:1px solid var(--line);text-decoration:none}.guide-link h3{font-size:30px;margin:25px 0 15px}.guide-link p{line-height:1.65;max-width:560px}.branch-tool-teaser{background:var(--accent);color:#141414}.branch-tool-teaser h2{font-size:clamp(40px,6vw,85px);max-width:850px;margin:25px 0}.branch-tool-teaser p{font-size:19px;line-height:1.6;max-width:650px;margin-bottom:30px}.branch-tool-teaser .button{background:#151515;color:#f0eee6}.planner-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.planner-form label,.planner-output label,.roster-search{display:block;font:12px/1.5 monospace;margin:20px 0}.planner-form input,.planner-form select,.planner-form textarea,.planner-output textarea,.roster-search input{display:block;width:100%;margin:9px 0;padding:14px;font:16px/1.5 Arial;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:0}.planner-output{border:1px solid var(--line);padding:28px;align-self:start}.planner-output h2{font-size:36px}.planner-output p{line-height:1.6}.planner-form fieldset{border:1px solid var(--line);padding:18px}.planner-form legend{font:12px monospace}.choice{display:inline-flex!important;align-items:center;gap:10px;margin:8px 18px 8px 0!important}.choice input{width:auto;display:inline-block;accent-color:var(--accent)}.tool-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tool-actions button,.shortlist-bar>button,.pixel-toolbar button{cursor:pointer;font:12px monospace;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:12px 16px}.tool-actions button:disabled{opacity:.4}.shortlist-bar{position:sticky;bottom:15px;z-index:4;padding:20px;border:1px solid var(--line);background:var(--bg);display:flex;align-items:center;gap:25px;flex-wrap:wrap}.shortlist-bar .button{margin-left:auto}.roster-search{max-width:620px}.pixel-studio{max-width:850px;margin:auto}.pixel-toolbar{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.pixel-toolbar [role=group]{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.pixel-toolbar .pixel-color{width:38px;height:38px;padding:0;background:var(--swatch);border:2px solid #777}.pixel-toolbar .pixel-color.active{outline:2px solid var(--text);outline-offset:3px}.pixel-board{display:grid;grid-template-columns:repeat(16,1fr);aspect-ratio:1;width:min(100%,600px);margin:auto;border:1px solid var(--line);touch-action:none;background:#aaa9;gap:1px;padding:1px}.pixel-board button{padding:0;border:0;border-radius:0;min-width:0;aspect-ratio:1;cursor:crosshair;background:#eee2}.pixel-board button:focus-visible{outline:3px solid #fd0;outline-offset:-3px;z-index:1}.pixel-help{font-size:13px;line-height:1.7;margin-top:25px}.tool-status{font-size:13px}.entry[hidden],.package-card[hidden]{display:none!important}@media(max-width:800px){.planner-layout,.guide-grid{grid-template-columns:1fr}.planner-output{padding:20px}.shortlist-bar{gap:12px;padding:14px;bottom:8px}.shortlist-bar .button{margin-left:0}.branch-tool-teaser p{font-size:16px}}

body:has(.pixel-studio) .dragon-companion,body:has(.pixel-studio) .dragon-trail{display:none!important}
