.die{--s:56px;--die:#fbf6ea;width:var(--s);height:var(--s);perspective:calc(var(--s) * 6);border-radius:calc(var(--s) * .2);transition:transform .2s var(--ease-spring), filter .2s, opacity .2s;flex:none;position:relative}.die.clickable:hover{transform:translateY(-3px)}.die.selected{filter:drop-shadow(0 0 10px #f2c14ee6);transform:translateY(-8px)}.die.dim{opacity:.45}.die:disabled{cursor:default}.die-cube{transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.75,.25,1.04);position:absolute;inset:0}.die-face{border-radius:calc(var(--s) * .18);background:radial-gradient(circle at 30% 25%, #ffffffe6, transparent 55%), linear-gradient(145deg, color-mix(in oklab, var(--die) 100%, white 10%), color-mix(in oklab, var(--die) 82%, black));box-shadow:inset 0 0 0 1px #00000014, inset 0 calc(var(--s) * -.06) calc(var(--s) * .12) #0000002e, inset 0 calc(var(--s) * .05) calc(var(--s) * .08) #fff9;backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.pip{border-radius:50%;width:18%;height:18%;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 2px 2px #00000073,0 1px #ffffff80}.flipcard{perspective:900px;flex:none}.flipcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s var(--ease-out);position:relative;transform:rotateY(180deg)}.flipcard.up .flipcard-inner{transform:rotateY(0)}.flipcard-face{backface-visibility:hidden;position:absolute;inset:0}.flipcard-back{transform:rotateY(180deg)}.rail{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;padding:8px 2px 10px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail-item{--c:var(--gold);border:1px solid var(--line);scroll-snap-align:start;min-width:0;transition:background .3s, border-color .3s, opacity .3s, transform .3s var(--ease-out);background:#0a081473;border-radius:999px;flex:none;align-items:center;gap:10px;padding:7px 12px 7px 8px;display:flex}.rail-item.active{background:color-mix(in oklab, var(--c) 18%, #0a081499);border-color:color-mix(in oklab, var(--c) 70%, transparent);box-shadow:0 0 22px color-mix(in oklab, var(--c) 28%, transparent)}.rail-item.hl{border-color:var(--gold)}.rail-item.out{opacity:.5}.rail-text{min-width:0}.rail-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:120px;font-size:14px;font-weight:650;display:flex;overflow:hidden}.rail-you{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);background:#ffffff1f;border-radius:6px;padding:1px 6px;font-size:10px}.rail-cap{color:var(--muted);white-space:nowrap;font-size:12px}.rail-val{font-family:var(--font-display);text-align:right;font-variant-numeric:tabular-nums;min-width:26px;font-size:20px;font-weight:700}.rail.compact .rail-item{gap:8px;padding:5px 10px 5px 6px}.rail.compact .rail-name{max-width:84px;font-size:13px}.rail.compact .rail-val{font-size:17px}.status-pill{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);white-space:nowrap;background:#0a08148c;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14.5px;font-weight:650;display:inline-flex}.status-pill.turn{color:#ffe9a8;background:linear-gradient(#ffe08a40,#f2b6322e);border-color:#ffe08a99}.status-pill.warn{color:#ffc3cd;border-color:#e5566d99}.status-pill.good{color:#c4f5d6;border-color:#5cc98b99}.status-pill.pulse{animation:1.8s ease-in-out infinite pill-pulse}@keyframes pill-pulse{0%,to{box-shadow:0 0 #ffe08a00}50%{box-shadow:0 0 0 6px #ffe08a1f}}.action-bar{padding:10px 12px calc(10px + var(--safe-bottom));flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.action-bar .btn{min-width:128px}@media (width<=480px){.action-bar .btn{flex:1;min-width:0}}