dialog.welcome-dialog{width:min(700px,calc(100vw - 28px));max-width:700px;padding:24px 30px 20px;overflow-x:hidden;background:#f7f0dc;color:#244b40}
.welcome-dialog .welcome-flower{display:none}.welcome-dialog h2{margin:8px 0;font-size:30px}.welcome-dialog p{margin:10px 0}.welcome-dialog .eyebrow{margin-top:20px}
.round-welcome{background:radial-gradient(ellipse at 50% 25%,#496d59,#193b32 75%);border-radius:16px;padding:8px 12px 15px;color:#fff4d7;border:1px solid #af915b;box-shadow:inset 0 0 35px #071c2655}
.round-stage{height:245px;position:relative;perspective:1000px;overflow:hidden;touch-action:pan-y;cursor:grab;border-radius:12px;isolation:isolate}
.round-stage:focus-visible{outline:3px solid #ebc678;outline-offset:-4px}.round-stage.dragging{cursor:grabbing}
.round-ring{position:absolute;left:50%;top:45%;width:0;height:0;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.round-stage.dragging .round-ring,.round-welcome:has([aria-pressed=true]) .round-ring{transition:none}
.round-face{position:absolute;left:-65px;top:-85px;width:130px;height:170px;background:#f8edce;border:3px solid #d7b979;border-radius:12px;overflow:hidden;box-shadow:0 10px 18px #061b2c55;backface-visibility:visible;user-select:none;pointer-events:none}
.round-face img,.round-face svg{width:100%;height:100%;object-fit:cover;display:block}.round-face svg{padding:12px 12px 36px}.round-face span{position:absolute;bottom:0;left:0;right:0;background:#183d32eb;color:#fff4d7;padding:8px 2px;font-size:13px;text-align:center}
.round-face-0{transform:rotateY(0deg) translateZ(145px)}.round-face-1{transform:rotateY(60deg) translateZ(145px)}.round-face-2{transform:rotateY(120deg) translateZ(145px)}.round-face-3{transform:rotateY(180deg) translateZ(145px)}.round-face-4{transform:rotateY(240deg) translateZ(145px)}.round-face-5{transform:rotateY(300deg) translateZ(145px)}
.round-caption{font-size:17px;font-weight:600;min-height:26px}.round-controls{display:flex;justify-content:center;gap:10px}.round-controls button{min-height:48px;padding:10px 16px;background:#fff4d7;color:#244b40;border:1px solid #d7b979;border-radius:9px;font:inherit;font-size:16px;font-weight:600}.round-controls button:focus-visible{outline:3px solid #e5b454;outline-offset:3px}.round-controls button:disabled{opacity:.7}
@media(max-width:480px){dialog.welcome-dialog{padding:14px 12px;width:calc(100vw - 20px)}.round-stage{height:210px;perspective:850px}.round-ring{scale:.78}.round-controls{gap:6px}.round-controls button{padding:9px 8px;font-size:14px}.welcome-dialog h2{font-size:25px}.welcome-dialog .welcome-rules{flex-wrap:wrap}.round-caption{font-size:15px}}
@media(prefers-reduced-motion:reduce){.round-ring{transition:none}}