.google-dice-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;margin-bottom:2.5rem}.google-dice-card{background-color:hsl(var(--bg-surface) / .88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsl(var(--border-subtle));border-radius:20px;padding:1.5rem;box-shadow:0 16px 40px -12px #000000a6,inset 0 1px #ffffff1f;width:100%;box-sizing:border-box}.google-dice-header-badge{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 1rem;background-color:hsl(var(--bg-card));border:1px solid hsl(var(--border-subtle));border-radius:9999px;font-size:.82rem;font-weight:600;color:hsl(var(--text-secondary));margin-bottom:1.25rem}.badge-accent{display:inline-flex;align-items:center;padding:.15rem .5rem;background-color:hsl(var(--accent-cyan) / .15);border:1px solid hsl(var(--accent-cyan) / .4);border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--accent-cyan))}.google-dice-viewport{position:relative;height:230px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,hsl(var(--bg-elevated) / .7),hsl(var(--bg-canvas) / .9));border-radius:16px;border:1px solid hsl(var(--border-subtle));perspective:1000px;cursor:pointer;overflow:hidden;user-select:none}.google-dice-arena{width:100px;height:100px;position:relative;transform-style:preserve-3d}.google-cube{width:100px;height:100px;position:absolute;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.9,.3,1.2)}.google-cube.is-rolling{animation:rollGoogleCube .65s cubic-bezier(.2,.9,.3,1.2)}@keyframes rollGoogleCube{0%{transform:rotateX(0) rotateY(0) rotate(0) scale(.9)}30%{transform:rotateX(360deg) rotateY(180deg) rotate(90deg) scale(1.15)}70%{transform:rotateX(720deg) rotateY(540deg) rotate(270deg) scale(1.05)}to{transform:scale(1)}}.google-cube-face{position:absolute;width:100px;height:100px;background:linear-gradient(135deg,#fff,#f0f3f8);border:2px solid #d2d8e4;border-radius:16px;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);padding:10px;box-sizing:border-box;box-shadow:inset 0 0 14px #a3adc280}.google-cube-face.face-1{transform:rotateY(0) translateZ(50px)}.google-cube-face.face-2{transform:rotateY(90deg) translateZ(50px)}.google-cube-face.face-3{transform:rotateY(180deg) translateZ(50px)}.google-cube-face.face-4{transform:rotateY(-90deg) translateZ(50px)}.google-cube-face.face-5{transform:rotateX(90deg) translateZ(50px)}.google-cube-face.face-6{transform:rotateX(-90deg) translateZ(50px)}.google-pip{width:16px;height:16px;background-color:#1e293b;border-radius:50%;align-self:center;justify-self:center;box-shadow:inset 0 1px 2px #0009}.google-pip.pip-center{grid-area:2 / 2}.google-pip.pip-tl{grid-area:1 / 1}.google-pip.pip-tr{grid-area:1 / 3}.google-pip.pip-bl{grid-area:3 / 1}.google-pip.pip-br{grid-area:3 / 3}.google-pip.pip-ml{grid-area:2 / 1}.google-pip.pip-mr{grid-area:2 / 3}.google-dice-result-banner{margin-top:1rem;padding:.85rem 1.25rem;background:hsl(var(--bg-card));border:1px solid hsl(var(--border-subtle));border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center}.google-dice-result-banner .result-title{font-size:1.25rem;font-weight:700;color:hsl(var(--accent-gold))}.google-dice-result-banner .result-desc{font-size:.85rem;color:hsl(var(--text-secondary))}.google-dice-type-selector{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem;justify-content:center}.dice-type-chip{padding:.4rem .85rem;background-color:hsl(var(--bg-elevated));border:1px solid hsl(var(--border-subtle));border-radius:8px;font-size:.85rem;font-weight:600;color:hsl(var(--text-secondary));cursor:pointer;transition:all .2s ease}.dice-type-chip.is-active,.dice-type-chip:hover{background-color:hsl(var(--accent-cyan) / .18);border-color:hsl(var(--accent-cyan));color:hsl(var(--text-primary))}.google-dice-history{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding:.5rem 0;margin-top:.5rem;font-size:.8rem;color:hsl(var(--text-muted))}.history-pill{padding:.2rem .6rem;background-color:hsl(var(--bg-elevated));border-radius:6px;font-weight:600;color:hsl(var(--text-primary))}