/* C-036-012: fixed neutral panel; text and existing dice animate independently. */
.ss01-main .ss01-panel{
 position:relative; display:grid; grid-template-columns:minmax(0,1fr) 220px;
 column-gap:16px; grid-template-rows:minmax(0,1fr); align-items:center; height:208px; padding:16px 24px;
 border:1px solid #784750; background:#FAFAF8; overflow:hidden;
}
.ss01-main .ss01-panel .ss01-visually-hidden,
.ss01-main .ss01-panel .ss01-accessible-copy{
 position:absolute; width:1px; height:1px; padding:0; margin:-1px;
 overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0;
}
.ss01-main .ss01-panel .ss01-text-region{position:relative; height:100%; min-width:0; min-height:0}
.ss01-main .ss01-panel .ss01-display{position:absolute; inset:0 0 27px}
.ss01-main .ss01-panel .ss01-message{
 position:absolute; inset:0; margin:0; padding:0; display:flex;
 align-items:center; justify-content:center; text-align:center;
 font-size:24px; line-height:1.35; font-weight:500; letter-spacing:0;
 opacity:0; text-wrap:balance;
}
.ss01-main .ss01-panel .ss01-message-1{color:#006BB6;opacity:1}
.ss01-main .ss01-panel .ss01-message-2{color:#784750}
.ss01-main .ss01-panel .ss01-message-3{
 font-size:26px; font-weight:700; color:#383b3b;
 text-shadow:none;
}
/* Fixed panel-corner control; message and dice geometry remain unchanged. */
.ss01-main .ss01-panel .ss01-message-toggle{
 position:absolute; right:8px; bottom:8px; left:auto; transform:none; z-index:2;
 width:36px; min-width:0; height:36px; padding:9px; margin:0;
 display:inline-flex; align-items:center; justify-content:center;
 border:1px solid #78475038; border-radius:50%; background:#FAFAF8B3;
 color:#665c58; font-size:12px; line-height:1; text-decoration:none;
}
.ss01-main .ss01-panel .ss01-message-toggle:hover{
 color:#784750; border-color:#78475080; background:#f2ede8;
}
.ss01-main .ss01-panel .ss01-message-toggle:focus-visible{
 outline:2px solid #006BB6; outline-offset:3px;
}
.ss01-main .ss01-panel .ss01-message-toggle svg{display:block;fill:currentColor;flex:none}
.ss01-main .ss01-panel .ss01-message-toggle .ss01-play-icon{display:none}
.ss01-main .ss01-panel .ss01-message-toggle[aria-pressed=true] .ss01-pause-icon{display:none}
.ss01-main .ss01-panel .ss01-message-toggle[aria-pressed=true] .ss01-play-icon{display:block}
.ss01-main .ss01-panel .c033-risk{
 position:static; width:220px; height:100%; max-width:none; margin:0; padding:0;
 display:flex; align-items:center; justify-content:center;
 background:transparent; pointer-events:none;
}
.ss01-main .ss01-panel .c033-dice-photo{
 width:200px; flex:none; margin:0; background:transparent;
 filter:drop-shadow(3px 8px 6px #3c1a2329); pointer-events:auto;
}
.ss01-main .ss01-panel .c033-dice-photo img,
.ss01-main .ss01-panel .c033-dice-photo video{
 display:block; width:100%; height:auto; max-height:none; object-fit:contain; background:transparent;
}
.ss01-main .ss01-blender .c033-dice-photo video{display:none}
.ss01-main .ss01-blender-ready .c033-dice-photo img{display:none}
.ss01-main .ss01-blender-ready .c033-dice-photo video{display:block}
.ss01-main .ss01-panel.ss01-static{height:auto;min-height:208px}
.ss01-main .ss01-static .ss01-text-region{height:auto}
.ss01-main .ss01-static .ss01-display,
.ss01-main .ss01-static .ss01-message-toggle{display:none}
.ss01-main .ss01-static .ss01-accessible-copy{
 position:static; width:auto; height:auto; margin:0; padding:0;
 overflow:visible; clip:auto; clip-path:none; white-space:normal; list-style:none;
}
.ss01-main .ss01-static .ss01-accessible-copy>li{
 margin:0; padding:5px 0; font-size:19px; line-height:1.4; text-align:center; color:#006BB6;
}
.ss01-main .ss01-static .ss01-accessible-copy>li:nth-child(2){color:#784750}
.ss01-main .ss01-static .ss01-accessible-copy>li:nth-child(3){color:#383b3b;font-weight:700}
@media(max-width:1000px) and (min-width:761px){
 .ss01-main .ss01-panel{height:190px;padding:16px 20px;grid-template-columns:minmax(0,1fr) 180px;column-gap:12px}
 .ss01-main .ss01-panel .c033-risk{width:180px}
 .ss01-main .ss01-panel .c033-dice-photo{width:174px}
 .ss01-main .ss01-panel .ss01-message{font-size:22px}
 .ss01-main .ss01-panel .ss01-message-3{font-size:24px}
}
@media(max-width:760px){
 .ss01-main .ss01-panel{
  height:252px; width:calc(100% + 24px); margin-inline:-12px;
  padding:12px; grid-template-columns:minmax(0,1fr); grid-template-rows:94px 134px; gap:0;
 }
 .ss01-main .ss01-panel .ss01-display{inset:0 0 24px}
 .ss01-main .ss01-panel .ss01-message{font-size:18px;line-height:1.3}
 .ss01-main .ss01-panel .ss01-message-3{font-size:19px}
 .ss01-main .ss01-panel .c033-risk{width:134px;height:134px;justify-self:end}
 .ss01-main .ss01-panel .c033-dice-photo{width:134px;filter:drop-shadow(2px 5px 4px #3c1a2329)}
 .ss01-main .ss01-panel.ss01-static{grid-template-rows:auto 134px;row-gap:8px;min-height:252px}
 .ss01-main .ss01-static .ss01-accessible-copy>li{font-size:17px;line-height:1.35;padding:5px 0}
}
@media(prefers-reduced-motion:reduce){
 .ss01-main .ss01-blender .c033-dice-photo video{display:none!important}
 .ss01-main .ss01-blender .c033-dice-photo img{display:block!important}
 .ss01-main .ss01-panel .ss01-message{text-shadow:none}
}

@media(max-width:350px){.ss01-main .ss01-panel .ss01-message,.ss01-main .ss01-panel .ss01-message-3{font-size:17px}}


/* C-036-015: diffused golden lettering behind the original crisp charcoal text. */
.ss01-main .ss01-panel .ss01-message-3{isolation:isolate}
.ss01-main .ss01-panel .ss01-message-3>span:not(.ss01-glow){position:relative;z-index:1}
.ss01-main .ss01-panel .ss01-message-3>.ss01-glow{
 position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
 color:transparent;pointer-events:none;z-index:0;opacity:0;
 text-shadow:0 0 2px #ffd65e,0 0 6px #ffc229,
  0 0 12px rgba(255,181,0,.95),0 0 20px rgba(255,174,0,.65);
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 18%,#000 42%,#000 58%,rgba(0,0,0,.15) 82%,transparent 100%);
 mask-size:45% 100%;mask-repeat:no-repeat;mask-position:-36% center;
}
@media(prefers-reduced-motion:reduce){.ss01-main .ss01-panel .ss01-message-3>.ss01-glow{display:none}}
