.ib{position:relative;display:grid;gap:1.25rem;padding:clamp(1.25rem,2.5vw,2rem);border-radius:30px;color:#ddf5ed;background:radial-gradient(60% 50% at 100% 0%,color-mix(in srgb,var(--b, #17a184) 45%,transparent),transparent 70%),radial-gradient(60% 60% at 0% 100%,color-mix(in srgb,var(--a, #007565) 60%,transparent),transparent 70%),var(--ink);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px -40px #0a3022cc;overflow:hidden}.ib:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(-90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(70% 60% at 50% 0%,#000000,transparent)}.ib>*{position:relative}.ib__hud{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem 1.25rem;align-items:center;padding:1rem 1.1rem;border-radius:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.ib__ring{position:relative;width:96px;height:96px}.ib__ring svg{width:100%;height:100%;transform:rotate(90deg);overflow:visible}.ib__ring-track{fill:none;stroke:#ffffff24;stroke-width:8}.ib__ring-fill{fill:none;stroke:#4fd8b4;stroke-width:8;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset .8s var(--ease-out);filter:drop-shadow(0 0 8px rgba(79,216,180,.7))}.ib__ring-in{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}.ib__ring-in b{font-family:var(--font-display);font-size:1.7rem;font-variation-settings:"wght" 700;color:#fff}.ib__ring-in small{font-size:.68rem;color:#abd6c7}.ib__level{margin:0 0 .25rem;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#abd6c7}.ib__level b{display:inline-block;padding:.25rem .7rem;margin-right:.3rem;border-radius:999px;letter-spacing:.08em;color:var(--ink);background:#4fd8b4;transition:transform .4s var(--ease-out)}.is-levelup .ib__level b{animation:ib-levelup 1.2s var(--ease-out)}@keyframes ib-levelup{0%{transform:scale(1)}30%{transform:scale(1.25) rotate(3deg)}60%{transform:scale(1.1) rotate(-2deg)}to{transform:none}}.ib__hud-line{margin:0;max-width:52ch;font-size:.98rem;line-height:1.5;color:#fff}.ib__levels{display:flex;gap:.35rem;margin-top:.6rem;flex-wrap:wrap}.ib__levels span{padding:.2rem .6rem;border-radius:999px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#abd6c7;border:1px solid rgba(255,255,255,.16);transition:background .4s ease,color .4s ease,border-color .4s ease}.ib__levels span.is-on{color:#fff;border-color:#4fd8b4;background:#4fd8b429}.ib__hud-cta{grid-column:1 / -1;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.ib__send[disabled]{opacity:.45;cursor:not-allowed}.ib__reset{border:0;background:none;color:#abd6c7;font:inherit;font-size:.86rem;text-decoration:underline;cursor:pointer}.ib__lanes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.ib__lane{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .6rem;align-items:center;text-align:right;padding:.75rem .85rem .9rem;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#fff;font:inherit;cursor:pointer;overflow:hidden;transition:background .3s ease,border-color .3s ease,transform .4s var(--ease-out)}.ib__lane:hover{transform:translateY(-2px);background:#ffffff17}.ib__lane.is-on{background:#ffffff1f;border-color:#4fd8b4;box-shadow:0 0 0 1px #4fd8b4 inset,0 18px 40px -24px #4fd8b4}.ib__lane i{grid-row:1 / 3;width:34px;height:34px;padding:7px;border-radius:10px;background:linear-gradient(-135deg,var(--a, #007565),var(--b, #17a184))}.ib__lane i svg{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ib__lane-name{font-family:var(--font-display);font-size:.95rem;font-variation-settings:"wght" 700;line-height:1.1}.ib__lane-count{font-size:.74rem;color:#abd6c7;font-variant-numeric:tabular-nums}.ib__lane.is-done .ib__lane-count{color:#4fd8b4}.ib__lane-bar{position:absolute;right:0;left:0;bottom:0;height:3px;background:#ffffff1a}.ib__lane-bar b{display:block;height:100%;background:linear-gradient(-90deg,#c7a877,#4fd8b4);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease-out)}.ib__panel-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.9rem}.ib__panel-head h3{margin:0 0 .2rem;font-size:clamp(1.2rem,1rem + .8vw,1.5rem);color:#fff}.ib__panel-head p{margin:0;max-width:60ch;font-size:.94rem;color:#c1e6d9}.ib__more{flex:none;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:999px;font-size:.84rem;font-variation-settings:"wght" 600;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.25);transition:background .3s ease}.ib__more:hover{background:#ffffff1a}.ib__more i,.ib__card-link i{width:7px;height:7px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(-45deg)}.ib__grid{list-style:none;margin:0;padding:0;max-width:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem}.ib__grid li{position:relative;margin:0;display:grid}.ib__panel.is-anim .ib__grid li{animation:ib-in .6s var(--ease-out) both;animation-delay:calc(var(--k) * 70ms)}@keyframes ib-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.ib__card{position:relative;display:grid;gap:.45rem;align-content:start;text-align:right;padding:1rem 1rem 1.05rem;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#ddf5ed;font:inherit;cursor:pointer;overflow:hidden;transition:transform .45s var(--ease-out),background .3s ease,border-color .3s ease,box-shadow .3s ease}.ib__card:after{content:"";position:absolute;inset:0;background:radial-gradient(120px 80px at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.12),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.ib__card:hover{transform:translateY(-4px);background:#ffffff17;border-color:#ffffff4d}.ib__card:hover:after{opacity:1}.ib__card strong{display:block;padding-left:1.5rem;font-family:var(--font-display);font-size:1.02rem;line-height:1.2;color:#fff}.ib__card-line{font-size:.88rem;line-height:1.45;color:#c1e6d9}.ib__card-n{font-size:.7rem;letter-spacing:.12em;color:#abd6c7}.ib__card-stamp{position:absolute;top:.8rem;left:.8rem;width:26px;height:26px;padding:5px;border-radius:50%;background:#4fd8b4;color:var(--ink);transform:scale(0) rotate(30deg);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.ib__card-stamp svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ib__card-add{display:inline-flex;align-items:center;gap:.4rem;margin-top:.2rem;font-size:.8rem;font-variation-settings:"wght" 600;color:#4fd8b4}.ib__card-add b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;font-weight:700;transition:transform .3s ease}.ib__card-add em{display:none;font-style:normal}.ib__card.is-picked{background:color-mix(in srgb,#4fd8b4 14%,rgba(255,255,255,.06));border-color:#4fd8b4;box-shadow:0 0 0 1px #4fd8b4 inset,0 20px 40px -28px #4fd8b4}.ib__card.is-picked .ib__card-stamp{transform:scale(1) rotate(0)}.ib__card.is-picked .ib__card-add b{transform:rotate(-45deg)}.ib__card.is-picked .ib__card-add span{display:none}.ib__card.is-picked .ib__card-add em{display:inline}.ib__card-link{justify-self:end;display:inline-flex;align-items:center;gap:.35rem;margin-top:.4rem;font-size:.78rem;color:#abd6c7;text-decoration:none}.ib__card-link:hover{color:#fff}.ib__tray{padding:1rem 1.1rem;border-radius:20px;border:1px dashed rgba(79,216,180,.5);background:#4fd8b40f;animation:ib-in .5s var(--ease-out)}.ib__tray-title{margin:0 0 .6rem;font-family:var(--font-display);font-size:1.05rem;color:#fff}.ib__tray-title span{margin-right:.4rem;font-size:.78rem;color:#4fd8b4}.ib__chips{list-style:none;margin:0;padding:0;max-width:none;display:flex;flex-wrap:wrap;gap:.4rem}.ib__chips li{margin:0}.ib__chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .8rem .4rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font:inherit;font-size:.82rem;cursor:pointer;animation:ib-in .4s var(--ease-out)}.ib__chip i{font-style:normal;color:#abd6c7}.ib__chip:hover i{color:#fff}.ib__tray-note{margin:.7rem 0 0;font-size:.82rem;color:#abd6c7}.ib__burst{position:absolute;width:0;height:0;pointer-events:none}.ib__burst i{position:absolute;right:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#4fd8b4;opacity:0}.ib__burst i:nth-child(2n){background:#fff}.ib__burst.is-go i{animation:ib-burst .8s var(--ease-out) forwards;--dx: calc(cos(calc(var(--n) * 25.7deg))*70px) ;--dy: calc(sin(calc(var(--n) * 25.7deg))*70px) }@keyframes ib-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@media(max-width:959px){.ib__lanes{grid-template-columns:repeat(3,minmax(0,1fr))}.ib__panel-head{flex-direction:column;align-items:start}}@media(max-width:599px){.ib__lanes{display:flex;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.ib__lanes::-webkit-scrollbar{display:none}.ib__lane{flex:0 0 auto;min-width:150px}.ib__hud{grid-template-columns:auto minmax(0,1fr)}.ib__ring{width:76px;height:76px}.ib__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ib__panel.is-anim .ib__grid li,.ib__burst i,.is-levelup .ib__level b{animation:none!important}}