*,:before,:after{box-sizing:border-box}:root{--color-bg:#f4f0e6;--color-surface:#fbf8f1;--color-violet:#211a38;--color-violet-soft:#30264f;--color-lime:#c8f05a;--color-lavender:#afa7ff;--color-cyan:#64d9e8;--color-muted:#746d83;--color-border:#bdb4cc}html,body,#root{min-height:100%}body{color:var(--color-violet);background:var(--color-bg);margin:0;font-family:Georgia,Times New Roman,serif}.shell{min-height:100dvh;padding:1.5rem;padding-top:max(1.5rem, env(safe-area-inset-top,0px));padding-right:max(1.5rem, env(safe-area-inset-right,0px));padding-bottom:max(1.5rem, env(safe-area-inset-bottom,0px));padding-left:max(1.5rem, env(safe-area-inset-left,0px));text-align:center;place-content:center;gap:.75rem;display:grid}.shell-ready{width:100%;max-width:none;min-height:100dvh;padding-top:max(.75rem, env(safe-area-inset-top,0px));padding-right:max(.5rem, env(safe-area-inset-right,0px));padding-bottom:max(.75rem, env(safe-area-inset-bottom,0px));padding-left:max(.5rem, env(safe-area-inset-left,0px));flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;display:flex}.brand{letter-spacing:.08em;color:var(--color-violet);margin:0;font-size:clamp(2rem,8vw,3.5rem);font-weight:700}.phase{letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin:0;font-size:clamp(.95rem,3.5vw,1.15rem)}.status{color:var(--color-violet-soft);margin:.5rem 0 0;font-size:clamp(1rem,3.8vw,1.25rem)}.status-connecting{letter-spacing:.06em;color:var(--color-cyan)}.status-error{color:#7a2e24}.error-block{justify-items:center;gap:.6rem;max-width:22rem;margin-inline:auto;display:grid}.error-code{color:var(--color-muted);margin:0;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.retry-button{border:1px solid var(--color-violet);background:var(--color-violet);min-width:9rem;min-height:44px;color:var(--color-surface);font:inherit;letter-spacing:.08em;cursor:pointer;border-radius:0;margin-top:.35rem;padding:.65rem 1.25rem}.retry-button:disabled{opacity:.55;cursor:not-allowed}.retry-button:focus-visible{outline:2px solid var(--color-violet);outline-offset:3px}.home{width:100%;max-width:36rem;min-height:0;color:var(--color-violet);background:var(--color-surface);flex:1 0 auto;grid-template-rows:auto minmax(0,1fr) auto;justify-items:stretch;gap:0;margin-inline:auto;padding:0;display:grid}.home-header{background:var(--color-violet);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;padding:.65rem .85rem;display:grid}.home-header-brand{min-width:0}.home-header-trailing{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.home-brand-lockup{align-items:center;gap:.55rem;min-width:0;display:flex}.home-brand-text{justify-items:start;gap:.12rem;min-width:0;display:grid}.home-header .brand{color:var(--color-surface);font-size:clamp(1.15rem,4.8vw,1.55rem);line-height:1.1}.home-header .phase{color:var(--color-lavender);letter-spacing:.14em;font-size:clamp(.68rem,2.4vw,.8rem)}.home-header .phase-numeral{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-family:ui-monospace,Consolas,monospace}.home-sound-toggle{box-sizing:border-box;border:1px solid var(--color-lavender);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--color-lavender);cursor:pointer;background:0 0;border-radius:0;place-items:center;margin:0;padding:0;display:grid}.home-sound-toggle-on{border-color:var(--color-lime);color:var(--color-lime)}.home-sound-toggle-off{border-color:var(--color-lavender);color:var(--color-lavender);opacity:.9}.home-sound-toggle-unavailable{opacity:.4;cursor:not-allowed}.home-sound-toggle-mark{place-items:center;width:22px;height:22px;display:grid}.home-sound-icon{width:22px;height:22px;display:block}.home-sound-toggle-off .home-sound-mute-slash,.home-sound-toggle-unavailable .home-sound-mute-slash{stroke:#d64545}.home-sound-toggle:focus-visible{outline:2px solid var(--color-lime);outline-offset:2px}.home-sound-toggle:disabled{cursor:not-allowed}.home-header-dp{text-align:right;justify-items:end;gap:.08rem;margin:0;display:grid}.total-dp-value{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--color-lime);margin:0;font-family:ui-monospace,Consolas,monospace;font-size:clamp(1.15rem,4.6vw,1.45rem);font-weight:700;line-height:1.1}.total-dp-label{letter-spacing:.14em;color:var(--color-lime);opacity:.85;margin:0;font-size:clamp(.65rem,2.3vw,.75rem);font-weight:700}.home-stage{text-align:center;align-content:space-evenly;justify-items:center;gap:clamp(.75rem,2.4vh,1.35rem);width:100%;min-height:0;padding:clamp(.85rem,3vw,1.25rem);display:grid}.home-message{justify-items:center;gap:.35rem;display:grid}.home-tagline{letter-spacing:.1em;color:var(--color-violet);margin:0;font-size:clamp(1.15rem,4.2vw,1.45rem);font-weight:700}.home-tagline-sub{letter-spacing:.12em;color:var(--color-muted);margin:0;font-size:clamp(.95rem,3.5vw,1.15rem)}.action-slot{place-items:center;width:100%;min-height:5.5rem;display:grid}.roll-button{border:1px solid var(--color-violet);background:var(--color-lime);width:100%;min-height:44px;color:var(--color-violet);font:inherit;letter-spacing:.1em;cursor:not-allowed;opacity:.45;border-radius:0;padding:.85rem 1.25rem;font-size:clamp(1rem,3.8vw,1.2rem);font-weight:700}.roll-button-active:not(:disabled){opacity:1;cursor:pointer}.action-slot>.roll-button-active:not(:disabled){transition:transform 90ms ease-out}.action-slot>.roll-button-active:not(:disabled):active{transform:translateY(1px)scale(.985)}.roll-button:disabled{opacity:.45;cursor:not-allowed}.roll-button-active:focus-visible{outline:2px solid var(--color-violet);outline-offset:3px}.recharge-panel{border:1px solid var(--color-border);background:var(--color-bg);place-content:center;gap:.35rem;width:100%;min-height:5.5rem;padding:.75rem 1rem;display:grid}.recharge-label{letter-spacing:.14em;color:var(--color-muted);margin:0;font-size:clamp(.85rem,3.2vw,1rem)}.recharge-countdown{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--color-violet);margin:0;font-family:ui-monospace,Consolas,monospace;font-size:clamp(1.6rem,6vw,2.1rem)}.reset-info{letter-spacing:.04em;color:var(--color-muted);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(.9rem,3.3vw,1.05rem)}.home-footer{background:var(--color-violet);border-top:1px solid var(--color-lavender);grid-template-columns:1fr 1fr;align-items:stretch;gap:.65rem;width:100%;padding:.7rem .55rem .55rem;display:grid}.home-footer-button{border:1px solid var(--color-lavender);width:100%;min-height:44px;color:var(--color-surface);font:inherit;letter-spacing:.1em;background:0 0;border-radius:0;place-content:center;gap:.1rem;padding:.4rem .45rem;font-size:clamp(.72rem,2.7vw,.85rem);display:grid}.home-footer-rules{cursor:pointer}.home-footer-rules:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.home-footer-rules:focus-visible{outline:2px solid var(--color-lime);outline-offset:3px}.home-footer-locked{opacity:.62;color:var(--color-lavender);border-color:var(--color-lavender);cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.home-footer-locked:hover,.home-footer-locked:active,.home-footer-locked:focus{border-color:var(--color-lavender);background:0 0;outline:none}.home-footer-locked-line{line-height:1.15;display:block}.roll-result{justify-items:center;gap:.75rem;width:100%;display:grid}.dice-row{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:22rem;margin-inline:auto;display:grid;overflow:hidden}.dice-face{aspect-ratio:1;border:1px solid var(--color-violet);outline:1px solid var(--color-lavender);outline-offset:-3px;background:var(--color-bg);width:100%;color:var(--color-violet);transform-origin:50%;place-items:center;animation:.56s ease-out both dice-face-settle;display:grid}.dice-face-stagger{animation-delay:85ms}@keyframes dice-face-settle{0%{opacity:0;transform:translateY(.65rem)rotate(-32deg)scale(1.07)}72%{opacity:1;transform:translateY(-.06rem)rotate(5deg)scale(.99)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.dice-face-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:72%;height:72%;display:grid}.dice-pip{background:var(--color-violet);border-radius:50%;width:58%;height:58%;margin:auto}.dice-pip-tl{grid-area:1/1}.dice-pip-tr{grid-area:1/3}.dice-pip-ml{grid-area:2/1}.dice-pip-mr{grid-area:2/3}.dice-pip-bl{grid-area:3/1}.dice-pip-br{grid-area:3/3}.dice-pip-c{grid-area:2/2}.roll-outcome{letter-spacing:.14em;color:var(--color-violet);margin:0;font-size:clamp(1.05rem,4vw,1.25rem);font-weight:700;animation:.24s ease-out .16s both roll-result-reveal}.roll-dp-award{letter-spacing:.08em;color:var(--color-violet-soft);margin:0;font-size:clamp(.95rem,3.5vw,1.1rem);animation:.24s ease-out .34s both roll-result-reveal}@keyframes roll-result-reveal{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}.roll-balance-transition{align-content:center;justify-items:center;gap:.35rem;width:100%;min-height:4.5rem;display:grid}.roll-balance-value{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--color-violet);margin:0;font-family:ui-monospace,Consolas,monospace;font-size:clamp(1.75rem,7vw,2.35rem);font-weight:700;animation:.22s ease-out roll-balance-enter}.roll-balance-delta{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(.9rem,3.4vw,1.05rem);animation:.22s ease-out roll-balance-enter}.roll-balance-spent{color:var(--color-muted);font-weight:700}.roll-balance-bonus{color:var(--color-violet);border-bottom:1px solid var(--color-violet);padding-bottom:.1rem;font-weight:700}.action-slot-filler{width:100%;min-height:5.5rem}@keyframes roll-balance-enter{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.roll-balance-value,.roll-balance-delta,.dice-face,.roll-outcome,.roll-dp-award{animation:none}.action-slot>.roll-button-active:not(:disabled){transition:none}.action-slot>.roll-button-active:not(:disabled):active{transform:none}}.roll-status-panel{align-content:center;justify-items:center;gap:.55rem;width:100%;min-height:5.5rem;display:grid}.roll-status-title{letter-spacing:.08em;color:var(--color-violet);margin:0;font-size:clamp(1rem,3.8vw,1.2rem)}.onboarding{align-content:center;justify-items:center;gap:1.25rem;width:min(100%,22rem);min-height:min(100%,36rem);margin-inline:auto;display:grid}.onboarding-header{justify-items:center;gap:.45rem;display:grid}.onboarding-progress{justify-items:center;gap:.55rem;width:100%;min-height:2.5rem;display:grid}.onboarding-progress-text{letter-spacing:.14em;color:var(--color-muted);font-variant-numeric:tabular-nums;margin:0;font-family:ui-monospace,Consolas,monospace;font-size:clamp(.85rem,3.2vw,1rem)}.onboarding-progress-marks{grid-auto-flow:column;justify-content:center;gap:.45rem;display:grid}.onboarding-progress-mark{background:var(--color-border);width:1.35rem;height:.2rem}.onboarding-progress-mark-active{background:var(--color-violet)}.onboarding-step{align-content:start;justify-items:center;gap:.75rem;width:100%;min-height:9.5rem;display:grid}.onboarding-title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-violet);margin:0;font-size:clamp(1.15rem,4.4vw,1.45rem);font-weight:700}.onboarding-body{letter-spacing:.04em;max-width:20rem;color:var(--color-violet-soft);white-space:pre-line;margin:0;font-size:clamp(.95rem,3.5vw,1.1rem);line-height:1.45}.onboarding-error,.onboarding-error-slot{align-content:center;justify-items:center;gap:.45rem;width:100%;min-height:4.75rem;display:grid}.onboarding-actions{justify-items:center;gap:.75rem;width:100%;display:grid}.onboarding-secondary-row{grid-template-columns:1fr 1fr;align-items:center;gap:.75rem;width:100%;display:grid}.onboarding-secondary-button{border:1px solid var(--color-violet);min-height:44px;color:var(--color-violet);font:inherit;letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:0;padding:.55rem .75rem;font-size:clamp(.85rem,3.2vw,.95rem)}.onboarding-secondary-button:disabled{opacity:.55;cursor:not-allowed}.onboarding-secondary-button:focus-visible{outline:2px solid var(--color-violet);outline-offset:3px}.onboarding-secondary-spacer{min-height:44px;display:block}.rules-dialog-root{z-index:40;flex-direction:column;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.rules-dialog-backdrop{cursor:pointer;background:#211a388c;border:0;margin:0;padding:0;position:absolute;inset:0}.rules-dialog{z-index:1;width:min(100%,28rem);max-width:100%;max-height:min(85dvh,32rem);padding:1.25rem max(1.15rem, env(safe-area-inset-right,0px)) max(1.25rem, env(safe-area-inset-bottom,0px)) max(1.15rem, env(safe-area-inset-left,0px));border:1px solid var(--color-violet);background:var(--color-surface);color:var(--color-violet);text-align:left;border-bottom:0;justify-items:stretch;gap:.9rem;margin-inline:auto;animation:.22s ease-out rules-sheet-in;display:grid;position:relative;overflow:auto}@keyframes rules-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rules-dialog-title{letter-spacing:.14em;text-transform:uppercase;text-align:center;margin:0;font-size:clamp(1.05rem,4vw,1.25rem)}.rules-dialog-list{gap:.55rem;margin:0;padding-left:1.15rem;display:grid}.rules-dialog-item{letter-spacing:.03em;color:var(--color-violet-soft);font-size:clamp(.9rem,3.3vw,1.05rem);line-height:1.4}.rules-dialog-close{border:1px solid var(--color-violet);background:var(--color-violet);min-height:44px;color:var(--color-surface);font:inherit;letter-spacing:.1em;cursor:pointer;border-radius:0;margin-top:.25rem}.rules-dialog-close:focus-visible{outline:2px solid var(--color-violet);outline-offset:3px}@media (prefers-reduced-motion:reduce){.onboarding-step,.rules-dialog-root,.rules-dialog{transition:none;animation:none}}@media (width>=480px){.shell{padding:2rem;padding-top:max(2rem, env(safe-area-inset-top,0px));padding-right:max(2rem, env(safe-area-inset-right,0px));padding-bottom:max(2rem, env(safe-area-inset-bottom,0px));padding-left:max(2rem, env(safe-area-inset-left,0px))}.shell-ready{padding-top:max(.9rem, env(safe-area-inset-top,0px));padding-right:max(.75rem, env(safe-area-inset-right,0px));padding-bottom:max(.9rem, env(safe-area-inset-bottom,0px));padding-left:max(.75rem, env(safe-area-inset-left,0px))}.home{max-width:36rem}.onboarding{gap:2rem;width:min(100%,26rem)}}@media (height<=720px){.shell-ready{padding-top:max(.55rem, env(safe-area-inset-top,0px));padding-bottom:max(.55rem, env(safe-area-inset-bottom,0px))}.shell-ready .home-header{gap:.55rem;padding:.45rem .7rem}.shell-ready .home-header .brand{font-size:clamp(1.05rem,4.4vw,1.35rem)}.shell-ready .total-dp-value{font-size:clamp(1rem,4vw,1.25rem)}.shell-ready .home-stage{align-content:space-evenly;gap:clamp(.5rem,1.5vh,.9rem);padding:clamp(.55rem,2vw,.85rem)}.shell-ready .action-slot,.shell-ready .recharge-panel,.shell-ready .action-slot-filler,.shell-ready .roll-status-panel{min-height:4.25rem}.shell-ready .dice-face{max-width:100%}.shell-ready .roll-balance-transition{min-height:3.1rem}.shell-ready .roll-result{gap:.45rem}.shell-ready .home-footer{gap:.5rem;padding-top:.5rem}}