:root{--bg: #0b0f1a;--surface: #151a2e;--surface-hover: #1f2450;--text-primary: #eaf0ff;--text-secondary: #b3baf5;--text-muted: #7a83c9;--accent: #7b6cff;--accent-soft: #4cc9f0;--border: #2a2f6f}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{background:var(--bg);color:var(--text-primary)}h1{font-size:3.2em;line-height:1.1}.page-header{width:100%;padding:1rem 0rem;text-align:center}.page-header-container{max-width:900px;margin:0 auto;text-align:center}.page-header-container h1{font-size:clamp(2.2rem,4vw,3rem);margin-bottom:1rem;color:var(--surface #151521)}.page-header-container p{font-size:1.1rem;color:#555}.dice-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.dice{border-radius:24px;border:none;display:flex;background:transparent;color:var(--text-primary);perspective:900px;font-size:96px;font-weight:900;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background .15s ease}.dice:hover{background:transparent;transform:scale(1.03)}.dice:active{transform:scale(.97)}.dice-hint{margin-top:12px;font-size:14px;opacity:.6}.stats{display:flex;flex-direction:column;gap:12px;background:#151521;border-radius:20px;padding:16px 18px}.stats-title{margin:0;font-size:16px;opacity:.8}.stats-row{display:flex;justify-content:space-between;font-size:14px;opacity:.9;color:var(--text-muted)}.faces-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(1,1fr);gap:6px 12px}.face-item{font-size:14px;opacity:.4;transition:opacity .15s ease,color .15s ease,transform .15s ease}.face-item.active{opacity:1;color:var(--accent);font-weight:700}.face-item.landed{animation:face-pop .35s ease-out}@keyframes face-pop{0%{transform:scale(1)}40%{transform:scale(1.35);text-shadow:0 0 12px var(--accent-soft)}to{transform:scale(1)}}.sidebar{background:#151521;display:flex;flex-direction:column;border-radius:20px;width:280px;padding:24px;margin-bottom:5rem;gap:32px;border-left:1px solid #1f1f2f;text-align:center}.homepage-container{min-height:100vh;display:flex;flex-direction:column}.homepage-content{flex:1;display:flex;justify-content:center;align-items:center}@media(max-width:1000px){.homepage-content{flex-direction:column;align-items:center;gap:24px}}