:root{color-scheme:light;--panel: #ffffff;--ink: #252525;--muted: #6b665c;--line: #d9d0bf;--accent: #2364aa;--accent-dark: #174674;--success: #157f4f;--success-bg: #e8f6ee;--failure: #b43b2d;--failure-bg: #fff0ee;--gold: #d39b20;--shadow: 0 18px 50px rgba(40, 35, 26, .16);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at 20% 10%,rgba(35,100,170,.16),transparent 32rem),linear-gradient(135deg,#f7f3ea,#ece5d7);color:var(--ink)}button{font:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.roller{width:min(760px,100%);background:var(--panel);border:1px solid rgba(60,52,39,.12);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.roller-header{display:flex;justify-content:space-between;gap:18px;align-items:end;padding:22px 24px 18px;background:linear-gradient(90deg,#fff,#f4efe4);border-bottom:1px solid var(--line)}h1{margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.05;letter-spacing:0}.target-badge{display:grid;min-width:92px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fffaf1;text-align:center}.target-badge span{color:var(--muted);font-size:.74rem;font-weight:700;text-transform:uppercase}.target-badge strong{font-size:1.65rem;line-height:1}.roller-body{display:grid;gap:18px;padding:22px 24px 24px}.controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.pool-control{display:grid;grid-template-columns:42px minmax(124px,auto) 42px;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fbfaf6}.pool-control button,.roll-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer}.pool-control button{width:42px;height:42px;background:#eee6d7;color:var(--ink);font-size:1.25rem;font-weight:800}.pool-control button:hover{background:#e2d6c2}.pool-readout{min-width:124px;padding:0 14px;text-align:center;font-weight:800}.roll-button{min-height:44px;padding:0 24px;border-radius:8px;background:var(--accent);color:#fff;font-weight:800;box-shadow:0 8px 18px #2364aa3d}.roll-button:hover{background:var(--accent-dark)}.roll-button:disabled,.pool-control button:disabled,.extra-die-button:disabled{cursor:not-allowed;opacity:.55}.dice-area{min-height:104px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px;border:1px dashed #cfc4b1;border-radius:8px;background:#fbfaf6}.empty-pool{color:var(--muted);font-weight:700}.dice-divider{width:1px;height:58px;margin:0 3px;background:#b8aa95}.die,.extra-die-button{width:58px;height:58px;display:grid;place-items:center;border-radius:7px;font-weight:900}.die{position:relative;border:2px solid #2f2f2f;background:#fff;color:#202020;font-size:1.55rem;box-shadow:0 4px #cbc3b4;transition:background-color .14s ease,border-color .14s ease}.die.rolling{animation:dice-jiggle var(--duration) ease-in-out}@keyframes dice-jiggle{0%{transform:translate(0) rotate(0)}45%{transform:translate(var(--x),var(--y)) rotate(var(--rotation))}72%{transform:translate(var(--settle-x),var(--settle-y)) rotate(var(--settle-rotation))}to{transform:translate(0) rotate(0)}}.die-label{position:absolute;right:5px;bottom:4px;color:var(--muted);font-size:.58rem;font-weight:900;letter-spacing:0}.die.d3{border-color:var(--gold);background:#fff7df}.die.used{border-color:var(--success);background:var(--success-bg)}.die.margin{border-color:var(--accent);background:#edf5ff}.die.failure{border-color:var(--failure);background:var(--failure-bg)}.extra-die-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px dashed var(--accent);background:#edf5ff;color:var(--accent-dark);cursor:pointer;font-size:1.05rem;box-shadow:0 4px #c4d6e8}.extra-die-button:hover{background:#dfeeff}.result-panel{display:grid;gap:10px;min-height:98px;padding:16px;border-radius:8px;border:1px solid var(--line);background:#f7f3ea}.result-panel.success{border-color:#157f4f61;background:var(--success-bg)}.result-panel.failure{border-color:#b43b2d57;background:var(--failure-bg)}.result-title{font-size:1.1rem;font-weight:900}.result-title.success{color:var(--success)}.result-title.failure{color:var(--failure)}.result-detail{color:var(--muted);line-height:1.45}.breakdown{display:grid;gap:8px;color:var(--muted);font-size:.92rem}.breakdown b{color:var(--ink)}@media(max-width:560px){.app-shell{padding:12px}.roller-header,.roller-body{padding-left:16px;padding-right:16px}.roller-header{align-items:stretch;flex-direction:column}.target-badge{width:100%}.controls{align-items:stretch;flex-direction:column}.pool-control,.roll-button{width:100%}.pool-control{grid-template-columns:48px 1fr 48px}.pool-control button{width:48px}.dice-area{justify-content:center}.die,.extra-die-button{width:52px;height:52px}.dice-divider{height:52px}}