.roller-hero{background:var(--paper-strong);border:1px solid var(--line);border-radius:24px;padding:1rem 1.05rem 1.1rem;box-shadow:var(--shadow);display:grid;gap:.8rem}.roller-hero h1{margin:0;font-size:1.3rem;color:var(--ink)}.roller-step{display:grid;gap:.5rem}.roller-step-label{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.9rem;font-weight:600}.roller-step-number{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;background:#16352f1a;color:var(--ink);font-size:.75rem;font-weight:800}.roller-step-value{margin-left:auto;color:var(--ink);font-size:.95rem}.roller-count{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.roller-count-chip{height:2.65rem;border-radius:14px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .12s ease}.roller-count-chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper-strong);transform:translateY(-1px)}.roller-die-row{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.roller-die-strip{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.roller-die-chip{position:relative;display:grid;grid-template-rows:1fr auto;justify-items:center;gap:.2rem;padding:.45rem .4rem .4rem;border-radius:18px;border:2px solid transparent;background:#16352f0a;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.roller-die-chip:after{content:"";position:absolute;left:50%;transform:translate(-50%);top:2.8rem;width:2.1rem;height:.42rem;border-radius:50%;background:radial-gradient(ellipse at center,rgba(22,53,47,.2),transparent 70%);pointer-events:none}.roller-die-chip.active{border-color:#b76b4d;background:#b76b4d1a;transform:translateY(-2px)}.roller-die-icon{width:100%;height:3rem}.roller-die-icon path{fill:#fbfaf7;stroke:#16352f66;stroke-width:3;stroke-linejoin:round}.roller-die-icon text{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:34px;fill:#17332c}.roller-die-label{font-size:.82rem;font-weight:700;color:var(--muted);letter-spacing:.03em}.roller-die-chip.active .roller-die-label{color:#b76b4d}.roller-die-row.live .roller-die-icon{visibility:hidden}.roller-die-row.live .roller-die-chip.active{background:#b76b4d1a}.roller-go{display:flex;align-items:baseline;justify-content:center;gap:.6rem;border:none;border-radius:999px;padding:.95rem 1.2rem;background:linear-gradient(180deg,#204b42,#15372f);color:#fdfaf3;font-size:1.08rem;font-weight:700;cursor:pointer;box-shadow:0 14px 34px #2b261a29}.roller-go-meta{font-size:.85rem;font-weight:600;opacity:.75}.roller-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;margin:0;border-radius:0;overflow:hidden;z-index:200;background:#f4efe4}@media(prefers-color-scheme:dark){.roller-fullscreen{background:#14352c}}.roller-stage-3d,.roller-stage-3d canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.roller-fullscreen-tap{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:transparent;cursor:pointer}.roller-close{position:absolute;top:max(.9rem,env(safe-area-inset-top));right:1rem;z-index:2;width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid var(--line);background:var(--paper-strong);color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer}.roller-overlay-foot{position:absolute;left:0;right:0;bottom:max(1.4rem,env(safe-area-inset-bottom));display:grid;gap:.4rem;justify-items:center;pointer-events:none}.roller-hint{color:var(--muted);font-size:.85rem}@media(prefers-color-scheme:dark){.roller-fullscreen .roller-hint{color:#f6efddb3}.roller-fullscreen .roller-total{color:#f6efdd}}.roller-total{color:var(--ink);font-size:1.4rem;font-family:Fraunces,Georgia,serif}