@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url('/assets/nunito-800.ttf') format('truetype')}
:root{--paper:#f5f5f5;--ink:#171717;--muted:#77736e;--line:#deddd9;--red:#e3633d;--red-dark:#cd502b;--orange:#e3633d;--orange-dark:#d65430;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink)}
.site-header{height:78px}.eazo-brand{align-items:center;flex-shrink:0}.eazo-brand img{height:27px;width:auto}.site-header nav{font-size:12px}.nav-create{border-radius:999px}.language-switch{border-radius:999px}.language-switch button{border-radius:999px}
.roll-hero{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;padding:36px 0 0;isolation:isolate;min-height:calc(100svh - 78px)}
.roll-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(#d9d7d3 .65px,transparent .65px);background-size:22px 22px;mask-image:linear-gradient(transparent,#000,transparent)}
.roll-eyebrow{display:flex;justify-content:center;align-items:center;gap:13px;font-size:10px;letter-spacing:.24em;font-weight:750;color:var(--red);margin:0 0 18px}.roll-eyebrow:before,.roll-eyebrow:after{content:"";width:24px;height:1px;background:currentColor;opacity:.7}
.roll-hero h1{margin:0;font-size:clamp(66px,7vw,104px);font-weight:760;line-height:.95;letter-spacing:-.085em}.roll-hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.095em}.roll-period{color:var(--red)}.roll-intro{font-size:16px;line-height:1.6;margin:16px 0 0;color:#686661}.roll-hint{font-size:11px;color:var(--muted);margin:20px 0 0}.roll-bottom{width:100%;border-top:1px solid var(--line);margin-top:auto;padding:22px 0 24px;color:var(--muted);font-size:12px;line-height:1.9}.roll-bottom p{margin:2px}.roll-bottom strong{font-weight:500}.roll-bottom a:hover{color:var(--red)}.roll-bottom p a{text-decoration:underline;text-underline-offset:3px;color:#514e49}.roll-links{display:flex;justify-content:center;gap:12px;margin-top:6px;flex-wrap:wrap}.roll-hero .latest-discovery{margin-bottom:16px;justify-content:center}.roll-hero>.roll-hint{margin-bottom:22px}
html[lang="zh-CN"] .roll-hero h1{font-size:clamp(52px,6.5vw,88px);letter-spacing:-.055em;line-height:1.12}html[lang="zh-CN"] .roll-hero h1 em{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;letter-spacing:-.08em}.section-heading h2,.create-section h2,.listing-intro h1{color:var(--ink)}.button.primary{background:var(--red)}.roll-transition{min-height:90svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:inherit}.roll-transition h1{font-size:clamp(20px,4vw,32px);letter-spacing:-.025em}.roll-transition a{color:var(--muted);font-size:14px}.roll-transition .dice-stage{width:300px;height:300px}body[data-roll-page]{margin:0}
.dice-stage { margin:12px auto 12px; width:min(31vw,286px); height:min(31vw,286px); min-width:216px; min-height:216px; position:relative; display:grid; place-items:center; }
.orbit { position:absolute; border:1px solid #dfdedb; border-radius:50%; }
.orbit-outer { width:100%; height:100%; }
.orbit-inner { width:76%; height:76%; border-style:dashed; opacity:.8; }
.dice-stage::before,.dice-stage::after { content:""; position:absolute; background:#d6d4d0; }
.dice-stage::before { width:1px; height:116%; left:50%; top:-8%; z-index:-1; }
.dice-stage::after { height:1px; width:116%; top:50%; left:-8%; z-index:-1; }
.stage-star { position:absolute; color:var(--orange); line-height:1; }
.stage-star-a { font-size:18px; top:12%; right:7%; }
.stage-star-b { font-size:12px; bottom:17%; left:9%; }
#idle-die { width:100%; height:100%; position:relative; z-index:1; }
.stage-shadow { position:absolute; width:95px; height:16px; bottom:36px; left:50%; transform:translateX(-50%); border-radius:50%; background:#151515; filter:blur(17px); opacity:.16; }
.roll-button { border:0; color:white; background:var(--orange); min-width:190px; min-height:62px; padding:0 38px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-family:inherit; font-size:21px; font-weight:700; letter-spacing:.01em; cursor:pointer; text-decoration:none; box-shadow:0 7px 0 #dc4b28,0 14px 26px rgba(199,74,36,.18); transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.roll-button:hover { background:var(--orange-dark); transform:translateY(-3px); box-shadow:0 10px 0 #c84522,0 18px 30px rgba(199,74,36,.2); }
.roll-button:active { transform:translateY(5px); box-shadow:0 2px 0 #c84522,0 6px 12px rgba(199,74,36,.15); }
.roll-button:focus-visible,a:focus-visible { outline:3px solid var(--ink); outline-offset:5px; }
.roll-button:disabled { cursor:pointer; opacity:.8; }

@media(min-width:700px) and (max-height:850px){.roll-hero{padding-top:26px}.roll-hero h1{font-size:80px}.roll-hero .dice-stage{width:180px;height:180px;min-width:180px;min-height:180px;margin:6px auto 12px}.roll-intro{margin-top:10px}.roll-bottom{padding:15px 0}.roll-hero>.roll-hint{margin-bottom:18px}html[lang="zh-CN"] .roll-hero h1{font-size:64px}}
@media(max-width:600px){.site-header{height:70px;gap:10px;flex-wrap:wrap}.site-header nav{margin-left:auto;gap:12px}.site-header nav a:nth-child(3){display:none}.site-header .nav-create{display:none}.eazo-brand img{height:24px}.roll-hero{padding-top:32px;min-height:calc(100svh - 70px)}.roll-hero h1{font-size:clamp(59px,15vw,80px)}.roll-hero .dice-stage{width:216px;height:216px;margin:18px auto}.roll-hint{font-size:9px}.roll-bottom{margin-top:10px;font-size:11px;padding:20px 0}.roll-button{min-height:58px;min-width:180px}.roll-hero .latest-discovery{font-size:10px}.roll-eyebrow{font-size:9px}.roll-intro{font-size:14px}}
@media(prefers-reduced-motion:reduce){.roll-button{transition:none}}