/* Both decorative layers use the original generated raster files. */
.art-status-panel{border-bottom:1px solid var(--line);padding:0 0 12px;margin:0 0 12px;font-size:0.6875rem;color:var(--muted)}
.art-status-panel p{margin:4px 0}.art-status-panel .fine{font-size:0.625rem}.art-status-panel ul{padding-left:18px;margin:4px 0;overflow-wrap:anywhere}
#art-status{color:var(--gold)}#art-status:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.art-wait{display:none;position:absolute;inset:0;place-content:center;text-align:center;color:var(--gold);margin:0;z-index:3;font-size:1rem}.art-wait span{font-size:0.6875rem;color:var(--muted)}
html:not([data-art-state="ready"]) .table-art,html:not([data-art-state="ready"]) .table-content,html:not([data-art-state="ready"]) .cup-art,html:not([data-art-state="ready"]) .studio-cover>img,html:not([data-art-state="ready"]) .stake img{visibility:hidden}
html:not([data-art-state="ready"]) .art-wait{display:grid}
.demo-tag a{color:var(--gold);text-underline-offset:3px;display:inline-block;padding-top:4px}
.session-button,.archive-button{display:block;width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#16342f;padding:8px 12px;margin:8px 0;font-size:0.75rem;text-align:left}
.archive-button{background:transparent;color:var(--gold)}
.session-confirm{border:1px solid var(--gold);border-radius:12px;padding:14px 18px;margin-top:12px;background:#102a2b}
.session-confirm p{font-size:0.8125rem;margin:0}.session-confirm .primary{margin-top:12px}
#archive-detail{padding-top:9px;border-top:1px solid var(--line);font-size:0.6875rem}#archive-detail ol{padding-left:18px;max-height:250px;overflow:auto}
.round-reference{margin:0 18px 12px;text-align:center;color:var(--gold);font-size:0.6875rem;overflow-wrap:anywhere}
.session-totals{padding:10px 12px;border-left:2px solid var(--gold);font-size:0.75rem;background:#0b2427}
#report-status,#history span{overflow-wrap:anywhere}
button[hidden],div[hidden]{display:none!important}
.table{height:300px;margin:0 0 -8px}
.table-content{padding-top:65px}
.cup-art{position:absolute;left:50%;top:50%;width:clamp(200px,27vw,270px);height:auto;transform:translate(-50%,-56%);pointer-events:none;z-index:2}
.table[data-phase="covered"] .dice,.table[data-phase="shaking"] .dice{visibility:hidden}
.table[data-phase="revealed"] .cup-art{visibility:hidden}
.table[data-phase="shaking"][data-motion="full"] .cup-art{animation:cup-shake .24s ease-in-out 3}
.table[data-phase="revealing"][data-motion="full"] .cup-art{animation:cup-lift .36s ease-in forwards}
.table[data-phase="revealing"] .dice{animation:faces-reveal .32s ease-out}
.table[data-motion="reduced"] .cup-art,.table[data-motion="reduced"] .dice{animation:none!important}
.motion-control{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;color:var(--muted);font-size:0.75rem;cursor:pointer}
.motion-control input{accent-color:var(--gold);width:18px;height:18px}.motion-control input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.motion-note{font-size:0.625rem;color:var(--muted);text-align:center;margin:0 0 6px}
.quick-guide,.bet-summary{border:1px solid var(--line);border-radius:12px;background:#0b2629;padding:12px 15px;margin:10px 0}
.quick-guide[hidden]{display:none!important}.quick-guide h3,.bet-summary h3{font-size:0.75rem;color:var(--gold);margin:0 0 6px;font-weight:500}
.quick-guide ol{padding-left:20px;margin:0;font-size:0.75rem;line-height:1.9}.quick-guide p,.bet-summary p{margin:4px 0;font-size:0.6875rem;color:var(--muted)}
.quick-guide .session-button{margin-bottom:0}.bet-summary{margin-top:18px;border-left:2px solid var(--gold)}
#bet-choice{font-size:0.8125rem;color:var(--ink)}#bet-note{font-size:0.625rem}.guide-toggle{margin:0 auto 8px}
#guide-title:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@keyframes cup-shake{0%,100%{transform:translate(-50%,-56%) rotate(0)}25%{transform:translate(calc(-50% - 7px),-57%) rotate(-5deg)}75%{transform:translate(calc(-50% + 7px),-57%) rotate(5deg)}}
@keyframes cup-lift{from{transform:translate(-50%,-56%);opacity:1}to{transform:translate(-50%,-85%);opacity:0}}
@keyframes faces-reveal{from{opacity:.3}to{opacity:1}}
.result-panel{width:calc(100% - 44px);max-width:600px;min-height:140px;margin:0 auto 14px;padding:35px 70px 31px;text-align:center;background:url('./assets/result-v1.png') center/100% 100% no-repeat}
.result-panel p{margin:2px 0 0;color:#d9e4da;font-size:0.75rem;line-height:1.8}
.result-panel .result{font-size:1.3125rem;min-height:32px}
.text-button{min-height:44px}
.studio-main{display:block;max-width:1200px}
.studio-cover{position:relative;min-height:580px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#07191e;isolation:isolate}
.studio-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.studio-copy{width:40%;margin-left:auto;padding:100px 30px 50px 0;text-shadow:0 2px 16px #000}
.studio-copy h2{font-family:Georgia,"Noto Sans TC",serif;font-size:2.25rem;letter-spacing:.12em}
.studio-copy p{font-size:0.875rem;color:#d7dfd6}
.studio-copy .primary{text-decoration:none;text-align:center;padding:13px 12px;text-shadow:none}
.studio-caption{font-size:0.6875rem;color:var(--muted);padding:14px 5px}
@media(max-width:980px){.table{height:270px}.table-content{padding-top:59px}.result-panel{width:calc(100% - 24px);padding:32px 45px 28px;min-height:140px}.result-panel .result{font-size:1.125rem}.studio-cover{min-height:510px}.studio-copy{width:44%;padding-top:80px}.studio-copy h2{font-size:1.8125rem}}
@media(max-width:760px){.table{height:235px;margin:4px -6px -4px}.table-content{padding-top:51px}.result-panel{width:calc(100% - 20px);min-height:144px;padding:34px 42px 32px;margin:0 auto 14px}.result-panel .result{font-size:1.125rem}.result-panel p{font-size:0.6875rem;line-height:1.9}.side{column-gap:8px}.side strong{font-size:0.9375rem;white-space:nowrap;letter-spacing:.04em}.studio-cover{min-height:0}.studio-cover>img{position:relative;display:block;aspect-ratio:3/2;height:auto;object-fit:contain}.studio-copy{width:auto;margin:0;padding:24px;text-shadow:none}.studio-copy h2{font-size:1.875rem}.studio-copy p{font-size:0.8125rem}.studio-copy .primary{margin-top:22px}.studio-caption{padding:10px 4px}.demo-tag a{font-size:0.625rem}}
@media(max-width:350px){.result-panel{padding-left:32px;padding-right:32px;min-height:142px}.result-panel .result{font-size:1rem}.result-panel p{font-size:0.625rem}.studio-copy{padding:20px}.side strong{font-size:0.875rem}}

/* Same-origin language navigation never invokes a game action. */
.language-nav{max-width:1240px;margin:-8px auto 8px;padding:0 24px;text-align:right;font-size:.75rem}.language-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);text-underline-offset:4px}.language-nav a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
html[lang="en"] header{gap:16px}html[lang="en"] h1{letter-spacing:.03em;overflow-wrap:normal}html[lang="en"] .game-top>div:first-child{min-width:0}html[lang="en"] #game-title{letter-spacing:0;line-height:1.5}html[lang="en"] .primary{letter-spacing:.02em;padding:10px;white-space:normal}html[lang="en"] .result-panel{overflow-wrap:anywhere}html[lang="en"] .side{min-width:0}html[lang="en"] .studio-copy h2{letter-spacing:.03em}
@media(max-width:760px){.language-nav{padding:0 18px}html[lang="en"] header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,140px)}html[lang="en"] h1{font-size:1.5rem}html[lang="en"] .demo-tag{max-width:140px}html[lang="en"] .side{grid-template-columns:1fr;gap:1px;text-align:center}html[lang="en"] .side span{grid-row:auto;font-size:1rem}html[lang="en"] .side strong,html[lang="en"] .side small{text-align:center;white-space:normal}html[lang="en"] .side small{font-size:.625rem}html[lang="en"] .game-top{gap:12px}html[lang="en"] .game-top h2{font-size:1rem}html[lang="en"] .balance{flex-shrink:0}}
html[lang="en"][data-text-size="large"] header{grid-template-columns:1fr}html[lang="en"][data-text-size="large"] .demo-tag{max-width:none}

.issue-panel label{display:block;font-size:.75rem;margin-top:10px}.issue-panel select{width:100%;min-width:0;min-height:44px;font:inherit;font-size:.75rem;background:#0b2629;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px}.issue-panel pre{max-width:100%;max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font: .6875rem/1.7 monospace;background:#06171c;color:var(--ink);padding:12px;border:1px solid var(--line);border-radius:8px}.issue-panel pre[hidden]{display:none}.issue-panel select:focus-visible,.issue-panel pre:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.issue-panel details>summary{min-height:44px}

/* Optional native details; no timers, fixed heights or automatic focus changes. */
#art-progress{margin:6px 0}#art-progress summary{cursor:pointer;min-height:2.75rem;display:list-item;align-content:center;color:var(--gold);font-size:.75rem}
#art-progress summary:focus-visible,.art-query-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#art-items{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:3px 12px}
#art-items li{border-left:2px solid var(--line);padding:3px 8px;overflow-wrap:anywhere}
#art-items li[data-phase="ready"]{border-color:var(--gold)}#art-items li[data-phase="failed"]{border-color:#dba290}
.art-query-link{display:inline-block;padding:8px 0;font-size:.75rem;color:var(--gold)}