.planner-page{--planner-line: #2d3439;--planner-soft-line: #1c242a;--planner-panel: #071018;--planner-gold: #f2b652;--planner-copy: #c9cdd0;--planner-muted: #79858d;width:min(1136px,calc(100% - 40px));min-height:760px;margin:0 auto;padding:38px 0 96px;color:var(--planner-copy)}.planner-heading{display:grid;grid-template-columns:max-content 1px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:22px}.planner-ribbon{display:flex;align-items:center;gap:11px;min-height:54px;padding:8px 19px;background:linear-gradient(145deg,#a94f42,#72352f);clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);color:#f4d49d}.planner-ribbon h1{margin:0;font:700 27px/1 AtlasDisplay,sans-serif;letter-spacing:.04em}.planner-ribbon span{font-size:9px}.planner-heading>i{width:1px;height:42px;background:var(--planner-gold)}.planner-heading>p{max-width:700px;margin:0;color:#a1aab0;font-size:13px;line-height:1.55}.planner-heading>b{border:1px solid #7b5d31;border-radius:999px;padding:7px 14px;color:#d4aa68;font-size:11px;font-weight:500}.planner-beta-note{margin:0 0 14px;padding:11px 14px;border-left:3px solid var(--planner-gold);background:#071017;color:var(--planner-muted);font-size:12px;line-height:1.5}.planner-panel{margin-bottom:16px;overflow:hidden;border:1px solid var(--planner-line);border-radius:11px;background:#050d13e0}.planner-panel>h2{min-height:47px;margin:0;padding:14px 18px;border-bottom:1px solid var(--planner-soft-line);color:#d0a154;font-size:12px;font-weight:500;letter-spacing:.03em}.planner-page select,.planner-page input,.planner-page button{min-height:42px;border:1px solid #27343d;border-radius:6px;background:#071119;color:#dde0e1;outline:none}.planner-page select:focus,.planner-page input:focus,.planner-page button:focus-visible{border-color:#a47832;box-shadow:0 0 0 2px #f2a91d24}.planner-page button{padding:0 15px;cursor:pointer}.planner-page button:hover:not(:disabled){border-color:#8e682e;color:#ffcb68}.planner-page button:disabled{cursor:not-allowed;opacity:.42}.planner-page select{padding:0 34px 0 12px}.planner-heroes{display:flex;flex-wrap:wrap;gap:12px;padding:16px 18px}.planner-hero-slot{display:flex;align-items:center;gap:8px}.planner-hero-slot select{width:188px}.planner-hero-slot img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.planner-gear-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px 18px;padding:18px}.planner-slot{display:grid;gap:6px;min-width:0}.planner-slot>span{color:var(--planner-muted);font-size:11px}.planner-select-with-icon{position:relative;min-width:0}.planner-select-with-icon select{width:100%}.planner-select-with-icon:has(img) select{padding-left:50px}.planner-select-with-icon img{position:absolute;z-index:1;top:5px;left:8px;width:32px;height:32px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.planner-rune-add{display:flex;gap:8px;padding:16px 18px 8px}.planner-rune-add select{width:min(420px,100%)}.planner-rune-list{display:grid;gap:7px;padding:8px 18px 17px}.planner-rune-row{display:grid;grid-template-columns:30px minmax(130px,1fr) auto 34px auto 34px 34px;align-items:center;gap:8px;font-size:13px}.planner-rune-row img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.planner-rune-row small{color:var(--planner-gold)}.planner-rune-row button{min-height:30px;padding:0}.planner-rune-row b{color:#aab1b5;font-size:12px;font-weight:500}.planner-rune-list>p{margin:6px 0 0;color:#9da5aa;font-size:12px}.planner-empty{margin:0;padding:18px;color:var(--planner-muted);font-size:13px}.planner-table-wrap{overflow-x:auto}.planner-totals table{width:100%;border-collapse:collapse;font-size:13px}.planner-totals th,.planner-totals td{padding:10px 18px;border-bottom:1px solid var(--planner-soft-line);text-align:left}.planner-totals th{color:var(--planner-gold);font-size:11px;font-weight:500}.planner-totals tbody tr:last-child td{border-bottom:0}.planner-share-row{display:flex;gap:8px;padding:16px 18px 8px}.planner-share-row input{width:min(760px,100%);padding:0 13px;color:#aab2b7}.planner-share>small{display:block;padding:0 18px 16px;color:#69767e;font-size:11px}@media(max-width:700px){.planner-page{width:min(100% - 24px,1136px);padding:26px 0 82px}.planner-heading{grid-template-columns:max-content 1fr auto;gap:12px}.planner-ribbon h1{font-size:18px}.planner-ribbon{gap:7px;padding-inline:11px}.planner-heading>i{display:none}.planner-heading>p{grid-column:1 / -1}.planner-heading>b{grid-column:3;grid-row:1}.planner-beta-note{padding-right:58px}.planner-heroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.planner-hero-slot{min-width:0}.planner-hero-slot select{width:100%;min-width:0;padding:0 18px 0 10px;font-size:13px}.planner-hero-slot img{display:none}.planner-gear-grid{grid-template-columns:1fr}.planner-rune-add select,.planner-share-row input{min-width:0;flex:1}.planner-rune-row{grid-template-columns:28px minmax(0,1fr) auto 32px auto 32px 32px;gap:6px}.planner-rune-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-totals th,.planner-totals td{padding:9px 12px;white-space:nowrap}}@media(max-width:420px){.planner-ribbon h1{font-size:23px}.planner-panel>h2{padding-inline:14px}.planner-heroes,.planner-gear-grid,.planner-rune-add,.planner-rune-list,.planner-share-row{padding-inline:14px}.planner-rune-row{grid-template-columns:26px minmax(0,1fr) auto 30px auto 30px}.planner-rune-row button:last-child{grid-column:2 / -1}}