.planner-save{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 25px}.planner-save input{min-width:200px}.builder .hex{overflow:visible;cursor:grab}.builder .hex.selected{filter:brightness(1.4);background:#a5f5ce}.builder .hex:focus-visible{filter:brightness(1.5)}.builder .hex span{padding-bottom:16px}.hex-items{position:absolute;bottom:4px;display:flex;gap:1px;justify-content:center;width:100%;z-index:2}.hex-items img{position:static;width:12px;height:12px;border:1px solid #fff8;border-radius:2px}.trait-panel,.unit-editor{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;margin-top:18px}.trait-panel p,.unit-editor p{font-size:11px}.equipment{display:flex;align-items:center;gap:9px;margin-bottom:15px}.item-slot{width:44px;height:44px;border:1px dashed #4f6b66;background:#0b141d;border-radius:7px;font-size:22px;color:var(--mint);padding:4px}.item-slot img{width:100%;height:100%;object-fit:contain}.item-picker-label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px}.item-picker-label select{width:100%}.saved-plan{display:flex;gap:15px;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:15px;margin:9px 0}.saved-plan small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.plan-actions{display:flex;gap:6px}.plan-actions .outline{font-size:11px}.plan-library{margin-top:25px}#plannerSearch{width:100%;margin-bottom:15px}.pool button{cursor:grab}.overlay-panel{max-height:560px;overflow:auto}button:disabled{cursor:default;opacity:.4}.overlay-panel .tags{gap:4px}@media(max-width:800px){.planner-save .primary,.planner-save .outline{flex:1}.saved-plan{align-items:start;flex-direction:column}.builder .hex span{font-size:7px;padding-bottom:14px}.equipment{flex-wrap:wrap}.hex-items img{width:9px;height:9px}}
.board.builder{position:relative;isolation:isolate;border:3px solid #697360;border-radius:28px;padding-top:64px;padding-bottom:56px;background:radial-gradient(ellipse at 50% 42%,#57705a55,transparent 65%),repeating-linear-gradient(115deg,#5062510a 0 2px,transparent 2px 24px),linear-gradient(180deg,#253c36,#344d3d 45%,#1c342e);box-shadow:inset 0 0 0 7px #121f22,inset 0 0 0 10px #71816a55,inset 0 0 60px 22px #081818cc,0 18px 40px #0006}.board.builder:before,.board.builder:after{content:'';position:absolute;z-index:-1;pointer-events:none}.board.builder:before{inset:22px;border:1px solid #a2aa7f44;border-radius:16px;background:linear-gradient(90deg,#0c211cbb,transparent 18%,transparent 82%,#0c211cbb);box-shadow:inset 0 0 25px #d4ce7b0d}.board.builder:after{left:16%;right:16%;top:30px;height:5px;background:linear-gradient(90deg,transparent,#c2b87977,transparent);box-shadow:0 320px 0 #c2b87922}.builder .hex{clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);background:linear-gradient(145deg,#84938299,#3c5c51);height:calc(var(--cell)*1.15);filter:drop-shadow(0 5px 2px #061b1899)}.builder .hex:before{background:linear-gradient(150deg,#475c4b,#2d463a);inset:2px;opacity:.9}.builder .hexrow{margin-top:calc(var(--cell)*-.25);gap:3px}.builder .hexrow:nth-child(even){transform:translateX(calc((var(--cell) + 3px)*.5))}.builder .hex:not(.occupied):hover{background:#c6cd9b;filter:brightness(1.2)}.builder .hex.occupied:before{opacity:0}.builder .hex>img{opacity:1}.champion-drag-preview{width:120px;height:144px;display:block;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.builder .hex.selected,.builder .hex.drop-target{background:#e3d9a1;filter:drop-shadow(0 0 8px #e3d9a1aa)}@media(max-width:600px){.board.builder{padding:44px 12px 38px;border-radius:18px}.board.builder:before{inset:13px}.board.builder:after{top:24px}.board.builder{--cell:clamp(29px,8.7vw,50px)}}

.builder-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.board.builder{--cell:clamp(54px,5.4vw,92px);padding:36px 22px 40px;background:radial-gradient(ellipse at 50% 35%,#284d49 0,#152b31 55%,#0e1b27 100%);box-shadow:inset 0 1px 0 #b9ffe51a,0 16px 40px #0003}.builder .hex{position:relative;width:var(--cell);height:calc(var(--cell)*1.15);flex-shrink:0;background:linear-gradient(145deg,#41605e,#233f45);box-shadow:inset 0 0 22px #07101766;padding:0;transition:filter .15s,transform .15s}.builder .hex:before{content:'';position:absolute;inset:2px;clip-path:inherit;background:linear-gradient(145deg,#294845,#172e37);pointer-events:none}.builder .hexrow{gap:7px;margin-top:calc(var(--cell)*-.15)}.builder .hexrow:nth-child(even){transform:translateX(calc(var(--cell)*.25))}.builder .hex.occupied{background:var(--u)}.builder .hex>img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;clip-path:inherit;opacity:.95}.builder .hex>span{position:absolute;left:0;right:0;bottom:17px;z-index:1;font-size:10px;padding:12px 3px 3px;background:linear-gradient(transparent,#061019ed);text-shadow:0 1px 3px #000}.builder .hex.selected,.builder .hex.drop-target{background:var(--mint);filter:drop-shadow(0 0 7px #a5f5ce88)}.builder .hex.drop-target{transform:scale(1.07)}.dragging{opacity:.45}.builder .hex-items img{width:17px;height:17px}.champion-drag-preview{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;background:#101c26;border:2px solid #a5f5ce;border-radius:12px;padding:7px;box-shadow:0 12px 30px #0009;display:grid;justify-items:center;gap:5px;width:104px}.champion-drag-preview img{width:76px;height:76px;object-fit:cover;border-radius:7px}.champion-drag-preview strong{font-size:12px}.item-picker{border:1px solid var(--line);border-radius:10px;background:#0d151f}.item-picker summary{cursor:pointer;padding:14px;color:var(--mint)}.item-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:0 12px 12px;max-height:340px;overflow:auto}.item-option{display:flex;align-items:center;gap:10px;text-align:left;background:#17222e;border:1px solid #2d4050;border-radius:8px;padding:8px;font-size:12px}.item-option:hover:not(:disabled){background:#213b3b;border-color:var(--mint)}.item-option img{width:36px;height:36px;object-fit:cover;border-radius:5px;flex-shrink:0}.pool{grid-template-columns:repeat(4,1fr);padding:15px;gap:14px 8px}.pool .unit,.pool .portrait{width:48px}.pool .portrait{height:50px}.pool .unit small{font-size:9px}@media(max-width:1250px){.builder-layout{grid-template-columns:1fr}.board.builder{--cell:clamp(45px,7.4vw,90px)}.pool{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}}@media(max-width:600px){.board.builder{--cell:clamp(31px,9vw,54px);padding:25px 8px}.builder .hexrow{gap:3px}.builder .hex>span{font-size:7px;bottom:13px}.builder .hex-items img{width:11px;height:11px}}
.builder-layout .trait-panel{padding:24px;border-color:#43594e;background:linear-gradient(135deg,#182820,#121a23)}.builder-layout .trait-panel h3{font-size:22px;margin:0 0 18px}.builder-layout .trait-panel .tags{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.builder-layout .trait-panel .tag{display:flex;align-items:center;gap:10px;min-height:62px;padding:12px 15px;font-size:16px;font-weight:600;border-radius:10px;background:#0c151c;border-color:#35453f;color:#c8d2d8}.builder-layout .trait-panel .tag img{width:32px;height:32px;flex-shrink:0;margin:0;object-fit:contain}.builder-layout .trait-panel .tag.green{color:#c0ffdb;background:#213c2f;border-color:#7bb692;box-shadow:inset 3px 0 0 #a5f5ce}.builder-layout .trait-panel p{font-size:12px;margin-bottom:0}@media(max-width:600px){.builder-layout .trait-panel .tags{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.builder-layout .trait-panel .tag{font-size:14px;padding:10px}.builder-layout .trait-panel .tag img{width:28px;height:28px}}
.builder-layout .item-options{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;max-height:420px}.builder-layout .item-option{padding:10px;gap:12px;font-size:14px;min-height:74px}.builder-layout .item-option img{width:52px;height:52px;border:1px solid #ffffff30}.builder-layout .item-slot{width:60px;height:60px;padding:5px;font-size:28px;border-radius:9px}.builder-layout .equipment{gap:12px}.builder .hex-items{bottom:5px;gap:2px}.builder .hex-items img{width:20px;height:20px;border-radius:3px}.builder .hex>span{bottom:24px}.builder-layout .item-picker summary{font-size:15px;padding:16px}@media(max-width:600px){.builder-layout .item-options{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.builder-layout .item-option{font-size:12px;padding:8px;gap:8px}.builder-layout .item-option img{width:42px;height:42px}.builder-layout .item-slot{width:52px;height:52px}.builder .hex-items img{width:12px;height:12px}.builder .hex>span{bottom:16px}}
.builder .hex-items{bottom:16%;gap:2px;left:0;align-items:center;padding:3px 1px;background:linear-gradient(transparent,#061019ee 22%,#061019ee 80%,transparent)}.builder .hex-items:empty{display:none}.builder .hex-items img{width:calc(var(--cell)*.255);height:calc(var(--cell)*.255);max-width:28px;max-height:28px;flex:0 0 auto;object-fit:cover;border:1px solid #e2c57f;border-radius:4px;box-shadow:0 2px 4px #000,0 0 0 1px #071018}.builder .hex:has(.hex-items img)>span{bottom:45%;padding:9px 2px 2px;font-weight:700;font-size:clamp(7px,.8vw,11px)}

footer .instagram-link{display:table;margin:0 0 16px;padding:10px 14px;border:1px solid #537b6e;border-radius:8px;background:#a5f5ce10;color:#a5f5ce;text-decoration:none;font-size:13px;font-weight:600}footer .instagram-link:hover{background:#a5f5ce24;border-color:#a5f5ce}footer .instagram-link:focus-visible{outline:2px solid #a5f5ce;outline-offset:3px}