.dice-card{max-width:none}.dice-heading{display:flex;gap:24px;align-items:center;justify-content:space-between}.dice-heading h2{font-size:27px;margin:12px 0 20px}.dice-heading label{min-width:190px;margin:0}.dice-surface{border:1px solid var(--line);border-radius:20px;background:var(--field);padding:8px 16px 20px;text-align:center;margin:14px 0 24px}.dice-result{font-size:30px;font-weight:800;letter-spacing:-.03em;margin:10px 0;color:var(--ink)}.dice-surface .hint{margin:8px 0 0}.dice-roll{display:block;min-width:210px;margin:0 auto}.dice-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dice-history-heading h3{font-size:17px;margin:0}.dice-recent{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.dice-history{padding:0;margin:16px 0 0;list-style:none;display:grid;gap:8px}.dice-history li{display:flex;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:11px;padding:12px 16px;font-size:14px;color:var(--mut)}.dice-history li:first-child{background:var(--field);color:var(--ink)}.dice-history b{white-space:nowrap;color:var(--blue)}#dice-error:empty{display:none}.dice-board{align-items:center;min-height:154px}.die{flex-shrink:0}.dice-heading select{font-weight:600}@media(max-width:600px){.dice-heading{display:block}.dice-heading label{display:block;min-width:0}.dice-heading h2{font-size:23px}.dice-board{gap:12px;padding:28px 0}.die{width:66px;height:66px;padding:11px;gap:4px}.dice-result{font-size:26px}.dice-history-heading{align-items:flex-start}.dice-history-heading button{margin:0}.dice-history li{padding:11px}.dice-roll{width:100%}}