.landing-online{position:relative;cursor:default}.online-breakdown{position:absolute;z-index:30;right:0;top:calc(100% + 8px);display:grid;grid-gap:6px;gap:6px;width:max-content;min-width:178px;padding:12px 13px;border:1px solid #e7e2da;border-radius:13px;background:#fff;color:#69717d;box-shadow:0 12px 28px #1c27301c;font:500 10px DM Mono;letter-spacing:0;line-height:1.25;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}.online-breakdown b{color:#252d35;font-size:10px}.online-breakdown span:nth-child(2){color:#318869}.online-breakdown span:nth-child(3){color:#b37a16}.online-breakdown span:nth-child(4){color:#78818b}.landing-online:focus .online-breakdown,.landing-online:hover .online-breakdown{opacity:1;transform:translateY(0);pointer-events:auto}@media(max-width:540px){.online-breakdown{top:calc(100% + 6px);min-width:164px;padding:10px 11px;font-size:9px}.online-breakdown b{font-size:9px}}.dice.coral{background:var(--coral)!important}.dice.sky{background:var(--sky)!important}.dice.gold{background:var(--gold)!important}.dice.mint{background:var(--mint)!important}.dice.neutral{background:#9299a2!important}.dice.question{color:#fff}.dice-question{display:grid;place-items:center;width:100%;height:100%;font:800 42px/1 DM Mono;letter-spacing:-.08em}.dice.rolling{filter:grayscale(.38) saturate(.65) brightness(.96);box-shadow:0 8px 15px #1d27301a,inset 0 0 0 3px #ffffff8a}.dice.rolling,.dice.rolling:disabled{opacity:.78!important}