/* calculator page */
.calc-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:22px}
.calc{padding:clamp(18px,3vw,30px)}
.calc h2{margin:0 0 6px;font-size:clamp(20px,2.6vw,28px)}
.calc .sub{margin:0 0 16px;color:var(--muted);font-size:15px}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{min-width:48px;padding:10px 16px;border-radius:999px;border:1px solid var(--glass-line);background:rgba(255,255,255,.05);color:var(--ink);font:800 15px var(--font);cursor:pointer;transition:background .15s,border-color .15s}
.seg button:hover{border-color:var(--brass)}
.seg button[aria-pressed=true]{background:linear-gradient(90deg,var(--blood),var(--blood-2));border-color:rgba(227,192,113,.6)}
.cdice{display:flex;flex-wrap:wrap;gap:14px;min-height:92px;align-items:center;margin-top:18px}
.cdie{width:76px;height:76px;border-radius:18px;background:linear-gradient(145deg,#2d1d1e,#120a0b);border:1px solid var(--glass-line);box-shadow:inset 0 0 18px rgba(0,0,0,.6),0 8px 18px rgba(0,0,0,.5);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:12px}
.cdie i{display:block;width:72%;height:72%;margin:auto;border-radius:50%}
.cdie i.o{background:radial-gradient(circle at 35% 30%,#F8E7B0,#C9A24B)}
.cdie.rolling{animation:kshake .14s linear infinite}
@keyframes kshake{0%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(7deg) translateY(-5px)}100%{transform:rotate(-6deg) translateY(0)}}
.cres{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;color:var(--muted);min-height:32px}
.cres strong{font-size:clamp(22px,3vw,30px);color:var(--brass-2)}
.ctrl{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ctrl .btn{font-size:14px;padding:10px 18px;cursor:pointer}
.kstats{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;color:var(--muted);font-size:15px}
.kstats b{color:var(--ink)}
.hist.dense{gap:3px;height:170px}
.hist.dense .hlab{font-size:11px}
.fld{display:grid;gap:6px;font-size:14px;color:var(--muted)}
.fld select,.fld input{min-width:140px;padding:10px 12px;border-radius:12px;border:1px solid var(--glass-line);background:rgba(255,255,255,.06);color:var(--ink);font:700 16px var(--font)}
.fld select option{background:#14090a;color:#F1E9E2}
.ev-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
.ev-row [hidden]{display:none}
.ev-out{margin-top:18px;padding:16px 20px;border-radius:16px;border:1px solid rgba(201,162,75,.35);background:rgba(255,255,255,.04);line-height:1.6}
.ev-out p{margin:.2em 0}
.ev-big{font-size:clamp(26px,4vw,40px);font-weight:800;color:var(--brass-2)}
.note-err{color:#E2525F}
@media(max-width:560px){.cdie{width:62px;height:62px;padding:10px;border-radius:15px}.hist.dense .hlab{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cdie.rolling{animation:none}}
.hlab{min-height:1.2em;overflow:hidden}
.hist,.hist .hcol{min-width:0}
.hist{overflow:hidden}
.calc{min-width:0}
.seg{max-width:100%}