.app-stage>astro-island{display:block;height:100%}.crb{position:relative;height:100%;overflow-y:auto;font-family:var(--font-body);color:var(--color-ink);background:radial-gradient(120% 80% at 50% -10%,var(--color-primary-soft),transparent 60%),var(--color-page-bg)}.crb-bg,.crb-particles{position:absolute;inset:0;pointer-events:none}.crb-bg{position:fixed;z-index:0;opacity:.85}.crb-particles{width:100%;height:100%}.crb-inner{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:clamp(20px,3vw,52px) clamp(16px,3vw,40px) 80px}.crb-hero{text-align:center;padding:clamp(12px,4vw,48px) 0 clamp(20px,3vw,36px)}.crb-hero__eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 1rem;padding:.4rem .9rem;border-radius:999px;background:var(--color-surface);box-shadow:var(--shadow-soft);font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.crb-hero__eyebrow svg{width:15px;height:15px}.crb-hero__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(2.3rem,5.6vw,4rem);font-weight:800;line-height:1.04;letter-spacing:-.045em}.crb-hero__title span{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.crb-hero__sub{max-width:620px;margin:0 auto 1.8rem;font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.55;color:var(--color-muted)}.crb-hero__search{display:flex;align-items:center;gap:.5rem;max-width:760px;margin:0 auto;padding:.5rem .5rem .5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow-card)}.crb-hero__search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft),var(--shadow-card)}.crb-hero__search-icon{display:grid;place-items:center;color:var(--color-muted)}.crb-hero__search-icon svg{width:22px;height:22px}.crb-hero__input{flex:1;min-width:0;border:0;background:transparent;font-size:1.05rem;font-family:var(--font-body);color:var(--color-ink);outline:none}.crb-hero__dice{display:inline-flex;align-items:center;gap:.4rem;flex:none;padding:0 1.1rem;height:46px;border:0;border-radius:999px;background:var(--gradient-primary);color:#fff;font-weight:700;font-size:.92rem;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease}.crb-hero__dice svg{width:17px;height:17px}.crb-hero__dice:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.crb-daily{display:inline-flex;align-items:center;gap:.85rem;margin-top:1.4rem;padding:.6rem 1.2rem .6rem .7rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow-soft);cursor:pointer;font-family:var(--font-body);transition:transform .18s ease,box-shadow .18s ease}.crb-daily:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.crb-daily__tag{font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--color-purple)}.crb-daily__name{font-family:var(--font-display);font-weight:800;color:var(--color-ink)}.crb-daily__arrow{width:18px;height:18px;color:var(--color-muted)}.crb-az{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin:0 auto .6rem;max-width:920px}.crb-az__btn{min-width:30px;height:30px;padding:0 .45rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);font-weight:700;font-size:.84rem;cursor:pointer;transition:all .15s ease}.crb-az__btn:hover{background:var(--color-surface);color:var(--color-ink)}.crb-az__btn.is-on{background:var(--gradient-primary);color:#fff;border-color:transparent}.crb-count{text-align:center;margin:0 0 1.4rem;font-size:.88rem;color:var(--color-muted)}.crb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:clamp(10px,1.4vw,18px)}.crb-card{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:1.1rem .7rem .9rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);cursor:pointer;font-family:var(--font-body);text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:crb-card-in .5s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(var(--i, 0) * 14ms)}.crb-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary)}.crb-card__art{display:grid;place-items:center;height:64px}.crb-card__name{font-weight:700;font-size:.9rem;line-height:1.2;color:var(--color-ink)}.crb-card__badge{font-size:.68rem;font-weight:800;letter-spacing:.03em;color:var(--color-primary);background:var(--color-primary-soft);padding:.12rem .5rem;border-radius:999px}.crb-more{display:flex;justify-content:center;margin-top:2rem}.crb-more__btn{padding:.8rem 1.6rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-ink);font-weight:700;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease}.crb-more__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.crb-empty{display:grid;place-items:center;gap:.8rem;padding:4rem 1rem;color:var(--color-muted);text-align:center}.crb-empty svg{width:40px;height:40px;opacity:.6}.crb-detail__top{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}.crb-back{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-ink);font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease}.crb-back:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.crb-back__icon{width:17px;height:17px;color:var(--color-primary)}.crb-quick{position:relative;flex:1;min-width:220px;max-width:420px;margin-left:auto}.crb-quick__icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--color-muted)}.crb-quick__icon svg{width:18px;height:18px}.crb-quick__input{width:100%;height:46px;padding:0 1rem 0 2.6rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:.95rem;font-family:var(--font-body);color:var(--color-ink);outline:none;box-shadow:var(--shadow-soft)}.crb-quick__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.crb-quick__list{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;margin:0;padding:.4rem;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-float)}.crb-quick__item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .6rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-ink);font-size:.92rem;font-weight:600;cursor:pointer;text-align:left}.crb-quick__item:hover{background:var(--color-primary-soft)}.crb-quick__item>span:nth-of-type(1){flex:1}.crb-quick__chev{width:16px;height:16px;color:var(--color-muted)}.crb-stage{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--color-border);background:radial-gradient(80% 120% at 50% 0%,var(--color-primary-soft),transparent 70%),var(--color-shell);box-shadow:var(--shadow-card);padding:clamp(24px,4vw,56px) clamp(16px,3vw,40px)}.crb-stage .crb-particles{z-index:0;opacity:.9}.crb-stage__inner{position:relative;z-index:1;text-align:center}.crb-stage__eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .4rem;font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--color-primary)}.crb-stage__eyebrow svg{width:16px;height:16px}.crb-stage__title{margin:0 0 .4rem;font-family:var(--font-display);font-size:clamp(2rem,4.6vw,3.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.05}.crb-stage__lead{max-width:540px;margin:0 auto 2rem;color:var(--color-muted);font-size:.98rem}.crb-craft{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,44px);flex-wrap:wrap}.crb-craft__table{display:grid;gap:.6rem;justify-items:center}.crb-craft__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-border);box-shadow:inset 0 2px 8px #141a460f}.crb-slot{width:clamp(54px,7vw,74px);height:clamp(54px,7vw,74px);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:inset 0 1px 3px #141a4614;display:grid;place-items:center}.crb-slot--empty{background:transparent;border-style:dashed;box-shadow:none}.crb-slot__btn{position:relative;display:grid;place-items:center;width:100%;height:100%;border:0;background:transparent;cursor:pointer;border-radius:var(--radius-sm);animation:crb-drop .5s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--i, 0) * 55ms);transition:transform .16s ease,background .16s ease}.crb-slot__btn:disabled{cursor:default}.crb-slot__btn:not(:disabled):hover{transform:scale(1.12);background:var(--color-primary-soft)}.crb-slot__any{position:absolute;bottom:2px;right:2px;font-size:.56rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--color-purple);padding:.05rem .3rem;border-radius:999px;opacity:.92}.crb-craft__kind{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.crb-craft__arrow{color:var(--color-primary);animation:crb-arrow 1.8s ease-in-out infinite}.crb-craft__arrow svg{width:clamp(46px,6vw,64px);height:auto}.crb-craft__result{position:relative;display:grid;place-items:center}.crb-craft__result-slot{position:relative;display:grid;place-items:center;width:clamp(96px,13vw,130px);height:clamp(96px,13vw,130px);border-radius:var(--radius);background:radial-gradient(circle at 50% 45%,var(--color-primary-soft),transparent 70%),var(--color-surface);border:1px solid var(--color-primary);box-shadow:var(--shadow-card),0 0 38px -8px var(--color-primary)}.crb-craft__count{position:absolute;right:8px;bottom:6px;min-width:1.4rem;padding:.1rem .35rem;font-family:var(--font-display);font-weight:800;font-size:1rem;text-align:center;color:#fff;background:var(--gradient-primary);border-radius:999px;box-shadow:var(--shadow-soft);font-variant-numeric:tabular-nums}.crb-variants{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.8rem;flex-wrap:wrap;justify-content:center}.crb-variants__label{font-size:.82rem;font-weight:700;color:var(--color-muted);margin-right:.2rem}.crb-variants__chip{width:34px;height:34px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);font-weight:800;cursor:pointer;transition:all .16s ease}.crb-variants__chip:hover{border-color:var(--color-primary)}.crb-variants__chip.is-on{background:var(--gradient-primary);color:#fff;border-color:transparent}.crb-detail__cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(16px,2vw,26px);margin-top:clamp(20px,3vw,34px);align-items:start}.crb-ing__list{margin:0 0 1.2rem;padding:0;list-style:none;display:grid;gap:.5rem}.crb-ing__row{display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border)}.crb-ing__count{font-family:var(--font-display);font-weight:800;color:var(--color-primary);min-width:1.8rem;font-variant-numeric:tabular-nums}.crb-ing__link,.crb-ing__name{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;color:var(--color-ink)}.crb-ing__link{border:0;background:transparent;cursor:pointer;font-size:.95rem;font-family:var(--font-body)}.crb-ing__link svg{width:15px;height:15px;color:var(--color-muted)}.crb-ing__link:hover{color:var(--color-primary)}.crb-ing__any{font-style:normal;font-size:.62rem;font-weight:800;text-transform:uppercase;color:var(--color-purple);background:var(--color-purple-soft);padding:.05rem .35rem;border-radius:999px}.crb-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.6rem;margin:0}.crb-facts>div{padding:.6rem .8rem;border-radius:var(--radius-sm);background:var(--color-surface-soft)}.crb-facts dt{font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.crb-facts dd{margin:.2rem 0 0;font-weight:700;color:var(--color-ink)}.crb-facts__cap{text-transform:capitalize}.crb-uses__count{font-size:.78rem;font-weight:700;color:var(--color-muted)}.crb-uses__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.6rem}.crb-uses__card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .4rem .55rem;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--color-ink);text-align:center;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;animation:crb-card-in .45s ease both;animation-delay:calc(var(--i, 0) * 16ms)}.crb-uses__card:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:var(--shadow-card)}.crb-sprite{position:relative;display:inline-grid;place-items:center;width:var(--s, 56px);height:var(--s, 56px);perspective:460px;--f: calc(var(--s, 56px) * .62);--half: calc(var(--f) / 2)}.crb-sprite.is-float{animation:crb-bob 3.8s ease-in-out infinite;animation-delay:var(--phase, 0s)}.crb-sprite__glow{position:absolute;inset:-14%;border-radius:50%;z-index:0;background:radial-gradient(circle,var(--color-primary-soft),transparent 65%);opacity:0}.crb-sprite--glow-soft .crb-sprite__glow{opacity:.55}.crb-sprite--glow-strong .crb-sprite__glow{opacity:.95;inset:-28%;animation:crb-pulse 3s ease-in-out infinite}.crb-flat{position:relative;z-index:1;width:calc(var(--s, 56px) * .84);height:calc(var(--s, 56px) * .84);background-size:100% auto;background-position:top center;background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 6px 8px rgba(20,26,70,.22))}.crb-sprite.is-spin .crb-flat{animation:crb-flat-spin 7s ease-in-out infinite}.crb-cube{position:absolute;z-index:1;width:var(--f);height:var(--f);transform-style:preserve-3d;transform:rotateX(-26deg) rotateY(-45deg);filter:drop-shadow(0 8px 9px rgba(20,26,70,.2))}.crb-sprite.is-spin .crb-cube{animation:crb-cube-spin 9s linear infinite}.crb-cube__face{position:absolute;inset:0;width:var(--f);height:var(--f);background-size:100% auto;background-position:top center;background-repeat:no-repeat;image-rendering:pixelated;backface-visibility:hidden}.crb-cube__top{transform:rotateX(90deg) translateZ(var(--half));filter:brightness(1.12) saturate(1.02)}.crb-cube__right{transform:rotateY(90deg) translateZ(var(--half));filter:brightness(.8)}.crb-cube__left{transform:translateZ(var(--half));filter:brightness(.62)}.crb-sprite--missing .crb-sprite__ph{display:grid;place-items:center;width:calc(var(--s, 56px) * .74);height:calc(var(--s, 56px) * .74);border-radius:var(--radius-sm);background:var(--gradient-primary);color:#fff;font-family:var(--font-display);font-weight:800;font-size:calc(var(--s, 56px) * .4);z-index:1}.crb-burst-layer{position:absolute;inset:0;pointer-events:none;z-index:2;display:grid;place-items:center}.crb-burst{position:absolute;width:0;height:0}.crb-burst__spark{position:absolute;width:var(--sz);height:var(--sz);border-radius:50%;background:hsl(var(--hue, 230) 90% 64%);box-shadow:0 0 8px hsl(var(--hue, 230) 90% 64%);transform:rotate(var(--a)) translate(0) scale(.3);opacity:0;animation:crb-spark 1.05s ease-out var(--delay) forwards}@keyframes crb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes crb-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes crb-cube-spin{0%{transform:rotateX(-26deg) rotateY(-45deg)}to{transform:rotateX(-26deg) rotateY(315deg)}}@keyframes crb-flat-spin{0%,to{transform:rotateY(0) rotate(-3deg)}50%{transform:rotateY(22deg) rotate(3deg) translateY(-3px)}}@keyframes crb-card-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes crb-drop{0%{opacity:0;transform:translateY(-16px) scale(.55) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes crb-arrow{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes crb-spark{0%{opacity:0;transform:rotate(var(--a)) translate(0) scale(.3)}25%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translate(var(--d)) scale(0)}}@media(max-width:880px){.crb-detail__cols{grid-template-columns:1fr}.crb-craft__arrow{transform:rotate(90deg)}}@media(max-width:560px){.crb-quick{margin-left:0;max-width:none}.crb-hero__dice span{display:none}}@media(prefers-reduced-motion:reduce){.crb *,.crb *:before,.crb *:after{animation:none!important}.crb-sprite.is-spin .crb-cube{transform:rotateX(-26deg) rotateY(-38deg)}}