.starter-overlay{position:fixed;inset:0;z-index:1900;display:grid;place-items:center;padding:clamp(12px,3vw,32px);background:radial-gradient(circle at 50% 25%,#315640b8,#020806f2 64%);color:#f7f0dc;backdrop-filter:blur(12px);transition:.25s opacity}
.starter-overlay[aria-hidden="true"]{visibility:hidden;opacity:0;pointer-events:none}
.starter-panel{width:min(1180px,100%);max-height:94vh;overflow:auto;padding:clamp(20px,3vw,38px);border:1px solid #c5aa626b;border-radius:28px;background:linear-gradient(145deg,#0c1d16f7,#07100cfb);box-shadow:0 30px 100px #000c,inset 0 1px #fff1}
.starter-heading{text-align:center;max-width:760px;margin:0 auto 24px}.starter-heading h2{margin:0;color:#fff5da;font:700 clamp(2rem,4vw,3.4rem)/1.05 Georgia,serif}.starter-heading>p:last-child{margin:12px auto 0;color:#b8c5bb;line-height:1.55}
.starter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.starter-card{position:relative;display:flex;min-width:0;min-height:430px;flex-direction:column;padding:0;overflow:hidden;border:1px solid #8f82605c;border-radius:21px;background:linear-gradient(165deg,#15271f,#09140f);color:#f8f0db;text-align:left;cursor:pointer;transition:.2s transform,.2s border-color,.2s box-shadow}.starter-card:hover,.starter-card:focus-visible{transform:translateY(-5px);border-color:#d9bd6e;box-shadow:0 18px 45px #0009,0 0 22px #d7b76024;outline:none}.starter-card.selected{border-color:#f0cf70;box-shadow:0 20px 55px #000b,0 0 0 2px #e2c66b55,0 0 28px #dfbd5438}
.starter-element{position:absolute;z-index:4;left:12px;top:12px;padding:6px 9px;border:1px solid #d8c08057;border-radius:999px;background:#06100ccc;color:#f1dfac;font-size:.68rem;font-weight:1000;letter-spacing:.06em}.starter-art{position:relative;display:block;height:205px;overflow:hidden;background:radial-gradient(circle at 50% 61%,#d7bd6552,transparent 49%)}.starter-art:after{content:"";position:absolute;inset:auto 13% 17px;height:13px;border-radius:50%;background:#0008;filter:blur(5px)}.starter-art i{position:absolute;left:50%;top:53%;width:150px;height:150px;transform:translate(-50%,-50%);border:1px solid #d7bd6542;border-radius:50%;box-shadow:inset 0 0 35px #c4a85f22}.starter-art img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 12px #000a)}
.starter-card-copy{display:flex;flex:1;flex-direction:column;padding:17px 17px 12px}.starter-card-copy strong{font:700 1.45rem Georgia,serif}.starter-card-copy small{margin-top:3px;color:#d6bc70;font-weight:900}.starter-card-copy em{margin-top:11px;color:#aebbb3;font-size:.78rem;font-style:normal;line-height:1.45}.starter-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 13px 14px}.starter-stats b{padding:7px 2px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff08;text-align:center;font-size:.78rem}.starter-stats small{display:block;margin-bottom:2px;color:#83958b;font-size:.52rem}.starter-choice-mark{display:block;padding:9px;background:#d4b55517;color:#6f745f;text-align:center;font-size:.64rem;font-weight:1000;letter-spacing:.14em}.starter-card.selected .starter-choice-mark{background:linear-gradient(90deg,#aa873d,#e6c765,#aa873d);color:#102017}
.starter-zaroslak{--starter-glow:#77ad69}.starter-iskrzyk{--starter-glow:#e57645}.starter-kroplin{--starter-glow:#63a9cf}.starter-wietrznik{--starter-glow:#a6b6ca}.starter-card .starter-art{box-shadow:inset 0 -30px 40px #07110d,inset 0 0 60px color-mix(in srgb,var(--starter-glow) 23%,transparent)}
.starter-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid #c6ae6940}.starter-footer div span,.starter-footer div small{display:block}.starter-footer div span{font-weight:1000}.starter-footer div small{margin-top:4px;color:#899990}.starter-footer button{min-width:230px;padding:13px 20px;border:1px solid #ead27f;border-radius:13px;background:linear-gradient(#e4c66d,#b99442);color:#102017;font-size:.95rem;font-weight:1000;cursor:pointer;box-shadow:0 9px 25px #0007}.starter-footer button:disabled{border-color:#676b5d;background:#303b34;color:#748077;box-shadow:none;cursor:not-allowed}
@media(max-width:900px){.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.starter-card{min-height:390px}.starter-art{height:175px}}
@media(max-width:560px){.starter-overlay{padding:0}.starter-panel{height:100vh;max-height:none;border:0;border-radius:0;padding:19px 13px}.starter-heading{margin-bottom:16px}.starter-heading h2{font-size:1.85rem}.starter-heading>p:last-child{font-size:.78rem}.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.starter-card{min-height:315px;border-radius:15px}.starter-art{height:132px}.starter-card-copy{padding:11px 10px 8px}.starter-card-copy strong{font-size:1.05rem}.starter-card-copy small{font-size:.62rem}.starter-card-copy em{margin-top:7px;font-size:.62rem}.starter-stats{padding:0 7px 8px;gap:3px}.starter-stats b{font-size:.61rem}.starter-element{left:7px;top:7px;font-size:.55rem}.starter-footer{position:sticky;bottom:-19px;margin:14px -13px -19px;padding:12px 13px 16px;background:#07110df5}.starter-footer div small{display:none}.starter-footer div span{font-size:.7rem}.starter-footer button{min-width:165px;padding:11px;font-size:.75rem}}