.dice-skin-picker{min-width:0;padding:12px;border:1px solid #486458;border-radius:12px;background:linear-gradient(135deg,#17352a99,#17222f99);color:#edf4ec;margin:12px 0}.dice-skin-current{margin:0 0 5px;font-size:13px;font-weight:750;color:#e8dfbe}.dice-skin-description{margin:0 0 10px;color:#c2d3c8;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.dice-skin-options>summary{cursor:pointer;min-height:30px;line-height:1.6;font-size:12px;color:#a9e6d0;padding:3px 0}.dice-skin-options>summary:focus-visible{outline:2px solid #f3d597;outline-offset:3px;border-radius:4px}.dice-skin-3d-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:12px}.dice-skin-picker .dice-skin-3d-button{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border:1px solid #526359;border-radius:10px;background:#101a23;padding:6px 3px;color:#e8efe7;font:600 11px system-ui,sans-serif;cursor:pointer;box-sizing:border-box}.dice-skin-picker .dice-skin-3d-button:hover{background:#23382e;border-color:#ade8d0}.dice-skin-picker .dice-skin-3d-button[aria-pressed=true]{border-color:#b7ebd4;box-shadow:inset 0 0 0 1px #b7ebd4;background:#284738}.dice-skin-picker .dice-skin-3d-button[aria-pressed=true] .dice-skin-name::before{content:'✓ ';color:#c4f4d8}.dice-skin-picker .dice-skin-3d-button:focus-visible{outline:3px solid #f3d597;outline-offset:3px}.dice-skin-picker .dice-skin-3d-button:disabled{opacity:.5;cursor:wait}.dice-skin-preview{display:block;width:100%;max-width:112px;height:auto;aspect-ratio:240/252;pointer-events:none}.dice-skin-name{text-align:center;overflow-wrap:anywhere;line-height:1.4}.dice-skin-preview-fallback{font-size:9px;color:#b4c4bc;text-align:center;padding:12px 3px}.dice-skin-picker [hidden]{display:none!important}.dice-skin-options:not([open])>.dice-skin-3d-gallery{display:none}.light .dice-skin-picker{background:#e9f1e8;color:#1b3428;border-color:#6e8a76}.light .dice-skin-current{color:#34452b}.light .dice-skin-description{color:#405747}.light .dice-skin-options>summary{color:#246448}@media(min-width:1000px){.sz-dice .dice-skin-3d-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:380px){.dice-skin-3d-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}