*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-navy:#0d1b2a;--bg-deep:#152238;--panel:#0a1221b8;--panel-border:#ffffff1f;--text-main:#f8fbff;--text-soft:#adc3dd;--text-muted:#7e93ad;--accent-gold:#ffb347;--accent-cyan:#59d0ff;--accent-green:#7ef0b8;--shadow-lg:0 1.5rem 4rem #03081261;--shadow-md:0 .9rem 2rem #080c1947}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at top left, #59d0ff38, transparent 28%), radial-gradient(circle at 85% 15%, #ffb34733, transparent 22%), radial-gradient(circle at bottom center, #7ef0b829, transparent 30%), linear-gradient(160deg, var(--bg-navy), var(--bg-deep) 45%, #08111f 100%);padding:clamp(1rem,2vw,1.75rem);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;filter:blur(10px);border-radius:50%;position:fixed;inset:auto}body:before{background:#59d0ff14;width:18rem;height:18rem;top:8%;right:-4rem}body:after{background:#ffb3470f;width:20rem;height:20rem;bottom:2rem;left:-6rem}button{cursor:pointer;font:inherit}.gameboard{border:1px solid var(--panel-border);width:min(100%,72rem);min-height:calc(100vh - 2rem);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#ffffff14,#0000 32%),#09101da8;border-radius:2rem;justify-items:center;gap:clamp(1.25rem,2.5vw,2rem);margin:0 auto;padding:clamp(1.2rem,3vw,2.5rem);display:grid;position:relative;overflow:hidden}.gameboard:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:3.6rem 3.6rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000 88%);mask-image:linear-gradient(#00000080,#0000 88%)}.status-bar,.hero,.play-area,.controls{z-index:1;width:100%;position:relative}.status-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.stat-card{box-shadow:var(--shadow-md);background:linear-gradient(160deg,#ffffff17,#ffffff08);border:1px solid #ffffff1a;border-radius:1.35rem;flex-direction:column;gap:.35rem;padding:1rem 1.15rem;display:flex}.stat-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);font-size:.82rem;font-weight:700}.stat-value{letter-spacing:-.04em;font-size:clamp(1.5rem,4vw,2.35rem);font-weight:700;line-height:1}.timer{align-items:flex-start}.time-separator{color:var(--accent-gold);padding-inline:.1em}.rolls-card .stat-value{color:var(--accent-cyan)}.hero{text-align:center;gap:.85rem;max-width:40rem;display:grid}.eyebrow{color:var(--accent-gold);letter-spacing:.18em;text-transform:uppercase;background:#ffffff14;border-radius:999px;justify-self:center;padding:.45rem .8rem;font-size:.82rem;font-weight:700}h1{letter-spacing:-.06em;font-size:clamp(3rem,8vw,5.5rem);line-height:.95}.hero p{color:var(--text-soft);font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.play-area{background:radial-gradient(circle at top,#59d0ff1f,#0000 45%),#ffffff0a;border:1px solid #ffffff14;border-radius:1.75rem;padding:clamp(1rem,3vw,1.5rem)}.dice-container{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.85rem,2vw,1.2rem);display:grid}.die-btn{aspect-ratio:1;background:linear-gradient(145deg,#fffffffa,#e0e8f2eb);border:1px solid #ffffff2e;border-radius:1.45rem;justify-self:center;place-items:center;width:min(100%,6rem);padding:.8rem;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:grid;box-shadow:inset 0 1px #ffffffbf,0 .75rem 1.5rem #0000002e}.die-btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:inset 0 1px #ffffffd1,0 1rem 1.8rem #00000038}.die-btn:active{transform:translateY(-1px)scale(.98)}.die-btn:focus-visible,#roll-btn:focus-visible{outline-offset:4px;outline:3px solid #59d0ffbf}.non-held-btn{background:linear-gradient(145deg,#fffffffa,#e0e8f2eb)}.held-btn{background:linear-gradient(145deg,#dffbe8,#8ef1bef5);border-color:#7ef0b873;box-shadow:inset 0 1px #ffffffbf,0 1rem 2rem #43a86e40}.die-face{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:100%;height:100%;display:grid}.pip{background:0 0;border-radius:50%;width:clamp(.55rem,1.8vw,.82rem);height:clamp(.55rem,1.8vw,.82rem)}.pip-visible{background:radial-gradient(circle at 30% 30%,#495364,#10151d 72%);box-shadow:inset .08rem .08rem .1rem #ffffff26}.controls{justify-items:center;gap:.85rem;display:grid}#roll-btn{background:linear-gradient(135deg, var(--accent-gold), #ff8a5b);color:#132238;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:999px;min-width:min(100%,16rem);padding:1rem 1.6rem;font-size:1.05rem;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 1rem 2rem #ff9f5c47}#roll-btn:hover{filter:saturate(1.06);transform:translateY(-3px);box-shadow:0 1.2rem 2.4rem #ff9f5c57}.game-hint{text-align:center;max-width:28rem;color:var(--text-muted);line-height:1.6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.gameboard{min-height:auto}.dice-container{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=700px){body{padding:.85rem}.gameboard{border-radius:1.5rem;padding:1rem}.status-bar{grid-template-columns:1fr}.dice-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=520px){.play-area{padding:.85rem}.dice-container{grid-template-columns:repeat(2,minmax(0,1fr))}.die-btn{width:min(100%,5.6rem)}#roll-btn{width:100%}}