/* Site frame only. Dice v1.1 style.css and all gameplay code remain unchanged. */
body.dice-page{color-scheme:dark;background:radial-gradient(ellipse at 50% 0,#233b3455,transparent 65%),#111114;color:#f5f4f7}
/* Header geometry copied from the current game/game.css. Shared navigation.css
   remains responsible for the site's mobile menu sizing. */
.dice-page .site-header{border-bottom:1px solid #29292e;background:#111114}
.dice-page .nav{max-width:940px;margin:auto;padding:17px 24px;display:flex;justify-content:space-between;align-items:center}
.dice-page .logo{font-size:19px;font-weight:850;letter-spacing:-.7px}
.dice-page .nav-links{display:flex;gap:22px;font-size:13px;color:#c9c7d0}
.dice-page .site-header .nav-links a.current{color:#8ddbc0}
.dice-page .page{max-width:940px;margin:auto;padding:32px 24px 45px}
/* The bright boardgame is an embedded game area, rather than the body theme.
   Desktop inner width >=850px preserves the original duel arena maximum. */
.dice-game{color-scheme:light;color:#283c35;background:radial-gradient(ellipse at 18% 18%,#dff2de88,transparent 42%),radial-gradient(ellipse at 90% 50%,#ffe0be66,transparent 40%),#fbf7ef;border:1px solid #39453f;border-radius:28px;padding:20px 18px 1px;box-shadow:0 20px 65px #0003}
.dice-page .site-footer{padding:22px 18px;border-top:1px solid #29292e;text-align:center;font-size:12px;color:#898691;line-height:1.8;background:#111114}
.dice-page .site-footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){
 .dice-page .page{padding:22px 14px 30px}
 .dice-game{border:0;border-radius:22px;padding:20px 0 1px}
 .dice-game .game-topline{padding:0 14px}
}
/* Exact common mobile header rules; do not let this page's independent nav
   sizing override navigation.css at 320px. */
@media(max-width:600px){.dice-page .nav{padding:15px 14px;gap:10px}.dice-page .nav-links{gap:10px;font-size:12px}}
@media(max-width:360px){.dice-page .nav-links{gap:8px}}