.extreme-dialog{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;border:4px solid #241d22;border-radius:8px;background:#fff6df;color:#241d22;padding:22px;box-shadow:7px 8px 0 #241d22;}
.extreme-dialog::backdrop{background:rgb(25 14 22 / .76)}
.extreme-dialog h2{font-family:var(--hand);font-size:32px;margin:0 0 14px;letter-spacing:0}
.extreme-dialog p{font-size:17px;line-height:1.45}.extreme-dialog small{display:block;font-size:13px}
.extreme-dialog button{min-height:48px;border:3px solid #241d22;border-radius:6px;background:#f1c944;color:#241d22;font-weight:800;padding:10px 14px;cursor:pointer}
.extreme-actions{display:grid;gap:10px;margin-top:18px}.extreme-actions button+button{background:#fff6df}
.extreme-warning{background:#b52632;color:#fff6df;padding:12px;animation:extreme-impact .32s ease-out both}
.extreme-warning .extreme-reveal{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;min-height:280px;background:transparent;color:inherit;border:0}
.extreme-reveal strong{font-family:var(--hand);font-size:64px;text-shadow:3px 4px #241d22;letter-spacing:0}.extreme-reveal>span:first-child{font-size:46px}
.extreme-game [data-context-pack]{color:#b52632}
#companion.extreme-game[data-game=equal] .equation{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 14px 62px;gap:4px}
#companion.extreme-game[data-game=equal] .equation-target{font-size:20px;line-height:1;display:grid;place-items:center}
#companion.extreme-game[data-game=equal] .math-operation{width:34px}
#domino.extreme-game .dm-bank{grid-template-columns:repeat(5,minmax(0,1fr));max-height:150px;overflow-y:auto;flex-shrink:0}
#domino.extreme-game .dm-rack{height:44px;min-height:44px}
#domino.extreme-game .dm-stage{min-height:0}
@media(max-height:650px){#companion.extreme-game[data-game=equal] .math-operation small{display:none}#companion.extreme-game[data-game=equal] .math-operation b{font-size:20px;line-height:1}}
@keyframes extreme-impact{from{transform:scale(.8);opacity:0}70%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.extreme-warning{animation:none}}
#extreme-dialog{inset:0;margin:auto;height:fit-content;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 40px)}
#extreme-dialog.extreme-warning{background:#b52632;color:#fff6df;border:4px solid #241d22;animation:extreme-impact .32s ease-out both}
#extreme-dialog.extreme-warning .extreme-reveal{background:transparent;color:#fff6df;box-shadow:none}
@media(prefers-reduced-motion:reduce){#extreme-dialog.extreme-warning{animation:none}}