.kolo-page{--kolo-sreca:#f2d492;--kolo-sreca-deep:#4a3a15;--kolo-okret:#6dd7d1;--kolo-okret-deep:#16383b;--kolo-kusnja:#b6a3c4;--kolo-kusnja-deep:#2b2335;max-width:880px;margin:0 auto;padding:clamp(24px,5vw,56px) 18px 72px}.kolo-hero{text-align:center;margin-bottom:clamp(20px,4vw,36px)}.kolo-hero h1{margin:.35rem 0 .6rem;font-size:clamp(2rem,6vw,2.9rem)}.kolo-lede{max-width:54ch;color:var(--eg-papyrus-dim,#b9b2a1);margin:0 auto;font-size:1.02rem;line-height:1.65}.kolo-game{justify-items:center;gap:20px;display:grid}.kolo-stage{aspect-ratio:1;width:min(78vw,340px);position:relative}.kolo-pointer{z-index:2;background:linear-gradient(180deg,#f2d492,var(--eg-gold,#e6c071));clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 3px 6px #0000008c);width:22px;height:26px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.kolo-wheel{border:3px solid var(--eg-edge-hot,#e6c07173);background:repeating-conic-gradient(from 0deg,#e6c07180 0deg .6deg,transparent .6deg 45deg),conic-gradient(from 0deg,var(--kolo-sreca-deep)0deg 45deg,var(--kolo-kusnja-deep)45deg 90deg,var(--kolo-sreca-deep)90deg 135deg,var(--kolo-okret-deep)135deg 180deg,var(--kolo-sreca-deep)180deg 225deg,var(--kolo-kusnja-deep)225deg 270deg,var(--kolo-okret-deep)270deg 315deg,var(--kolo-kusnja-deep)315deg 360deg);border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 18px 60px #00000080,inset 0 0 0 1px #e6c0712e,inset 0 0 46px #00000073}.kolo-wheel.is-animated{transition:transform 4.4s cubic-bezier(.16,.84,.12,1)}.kolo-label{transform:rotate(var(--a));letter-spacing:.13em;text-transform:uppercase;pointer-events:none;text-shadow:0 1px 2px #0009;justify-content:center;padding-top:15px;font-size:.62rem;font-weight:700;display:flex;position:absolute;inset:0}.kolo-label--sreca{color:var(--kolo-sreca)}.kolo-label--okret{color:var(--kolo-okret)}.kolo-label--kusnja{color:var(--kolo-kusnja)}.kolo-hub{aspect-ratio:1;border:1px solid var(--eg-edge-hot,#e6c07173);width:27%;font-family:var(--font-cinzel,Georgia,serif);color:var(--eg-gold-lit,#f2d492);text-shadow:0 1px #0009;background:radial-gradient(circle at 34% 26%,#e6c07138,#0000 58%),radial-gradient(circle,#232b52,#131a35 76%);border-radius:50%;place-items:center;font-size:clamp(1.6rem,7vw,2.2rem);font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #e6c07129,inset 0 1px #fff1cd24}.kolo-spin{border:1px solid var(--eg-edge-hot,#e6c07173);background:linear-gradient(160deg,#f2d492,var(--eg-gold,#e6c071)68%);color:#241a06;letter-spacing:.02em;cursor:pointer;border-radius:999px;padding:.85rem 2.1rem;font-size:.95rem;font-weight:800;transition:filter .2s,transform .2s;box-shadow:0 10px 32px #00000073,0 0 18px #e6c07133}.kolo-spin:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.kolo-spin:disabled{cursor:default;opacity:.75}.kolo-spin:focus-visible{outline:2px solid var(--eg-gold,#e6c071);outline-offset:3px}.kolo-stakes{text-align:center;max-width:46ch;color:var(--eg-papyrus-faint,#8e8878);margin:-4px 0 0;font-size:.84rem;line-height:1.6}.kolo-stakes .is-sreca{color:var(--kolo-sreca)}.kolo-stakes .is-okret{color:var(--kolo-okret)}.kolo-stakes .is-kusnja{color:var(--kolo-kusnja)}.kolo-result{width:100%;max-width:560px}.kolo-out{--tone:var(--eg-gold,#e6c071);border:1px solid var(--eg-edge,#e6c07138);border-top:3px solid var(--tone);border-radius:var(--eg-r-lg,16px);background:var(--eg-surface,#1f2540b8);box-shadow:var(--eg-lift-1,0 14px 44px #0006);padding:clamp(18px,4vw,28px);animation:.42s ease-out koloOutIn}.kolo-out--sreca{--tone:var(--kolo-sreca)}.kolo-out--okret{--tone:var(--kolo-okret)}.kolo-out--kusnja{--tone:var(--kolo-kusnja)}@keyframes koloOutIn{0%{opacity:0;transform:translateY(12px)}}.kolo-out__verdict{text-align:center;color:var(--tone);text-wrap:balance;margin:0 0 14px;font-size:.95rem;font-weight:600;line-height:1.5}.kolo-out__head{border-bottom:1px solid var(--eg-edge,#e6c0712e);align-items:center;gap:10px;padding-bottom:12px;display:flex}.kolo-out__badge{border:1px solid var(--tone);letter-spacing:.16em;text-transform:uppercase;color:var(--tone);border-radius:999px;flex:none;padding:3px 10px;font-size:.64rem;font-weight:800}.kolo-out__seg{color:var(--eg-papyrus-dim,#b9b2a1);margin:0;font-size:.86rem;font-weight:600}.kolo-out__title{font-family:var(--font-cinzel,Georgia,serif);color:var(--eg-papyrus,#f0e9da);text-wrap:balance;margin:16px 0 10px;font-size:clamp(1.35rem,4.6vw,1.75rem);font-weight:600;line-height:1.25}.kolo-out__text{color:var(--eg-papyrus-dim,#b9b2a1);margin:0 0 18px;line-height:1.7}.kolo-out__task{border-radius:var(--eg-r-md,12px);border-left:3px solid var(--tone);background:#0000003d;padding:14px 16px}.kolo-out__task-label,.kolo-out__warn-label{letter-spacing:.2em;text-transform:uppercase;color:var(--tone);margin:0 0 5px;font-size:.66rem;font-weight:800}.kolo-out__task-text{color:var(--eg-papyrus,#f0e9da);margin:0;font-size:1.05rem;font-weight:600;line-height:1.5}.kolo-out__warn{border-radius:var(--eg-r-md,12px);background:#00000024;margin-top:10px;padding:12px 16px}.kolo-out__warn-label{color:var(--eg-papyrus-faint,#8e8878)}.kolo-out__warn-text{color:var(--eg-papyrus-dim,#b9b2a1);margin:0;font-size:.92rem;line-height:1.55}.kolo-out__foot{border-top:1px solid var(--eg-edge,#e6c0712e);color:var(--eg-papyrus-faint,#8e8878);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding-top:14px;font-size:.78rem;display:flex}.kolo-out__note{color:var(--eg-gold,#e6c071);text-underline-offset:3px;text-decoration:underline}.kolo-section{margin-top:clamp(36px,7vw,56px)}.kolo-section h2{text-align:center;margin:0 0 6px;font-size:clamp(1.2rem,3.5vw,1.5rem)}.kolo-section__lede{text-align:center;max-width:56ch;color:var(--eg-papyrus-faint,#8e8878);margin:0 auto 20px;font-size:.92rem;line-height:1.65}.kolo-legend{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.kolo-omen{--tone:var(--eg-gold,#e6c071);border:1px solid var(--eg-edge,#e6c07138);border-left:3px solid var(--tone);border-radius:var(--eg-r-lg,14px);background:var(--eg-cell,#262d4e8c);gap:5px;padding:14px 16px;display:grid}.kolo-omen--sreca{--tone:var(--kolo-sreca)}.kolo-omen--okret{--tone:var(--kolo-okret)}.kolo-omen--kusnja{--tone:var(--kolo-kusnja)}.kolo-omen__top{align-items:baseline;gap:8px;display:flex}.kolo-omen__name{font-family:var(--font-cinzel,Georgia,serif);color:var(--eg-papyrus,#f0e9da);font-size:1rem;font-weight:600}.kolo-omen__tag{letter-spacing:.16em;text-transform:uppercase;color:var(--tone);font-size:.6rem;font-weight:800}.kolo-omen__gloss{color:var(--eg-papyrus-dim,#b9b2a1);font-size:.85rem;line-height:1.55}.kolo-arcana p{max-width:64ch;color:var(--eg-papyrus-dim,#b9b2a1);text-align:center;margin:0 auto;line-height:1.7}.kolo-arcana a{color:var(--eg-gold,#e6c071);text-underline-offset:3px;text-decoration:underline}.kolo-faq{gap:10px;max-width:640px;margin:0 auto;display:grid}.kolo-faq__item{border:1px solid var(--eg-edge,#e6c07138);border-radius:var(--eg-r-lg,14px);background:var(--eg-surface,#1f2540b8);padding:4px 16px}.kolo-faq__item summary{cursor:pointer;color:var(--eg-papyrus,#f0e9da);padding:10px 0;font-weight:600}.kolo-faq__item p{color:var(--eg-papyrus-dim,#b9b2a1);margin:0 0 12px;line-height:1.6}