.theme-draw-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#e9dfcc;border:1px solid #b4a27f;padding:36px;margin-bottom:30px}.theme-draw-banner h3{font-family:SimSun,serif;font-size:34px;font-weight:400;margin:0 0 14px}.theme-draw-banner p{font-size:16px;color:#796345;margin:0}.draw-open{display:flex;align-items:center;gap:20px;background:#9e4933;color:#fff8eb;border:0;padding:22px 30px;font-size:22px;transition:transform .25s,background .25s}.draw-open:hover{background:#813b29;transform:rotate(-2deg)}.draw-mini-ticket{display:inline-grid;place-items:center;border:1px solid #fff8eb;padding:8px 12px;font-family:SimSun,serif;transform:rotate(10deg);font-size:27px}.draw-dialog{width:min(960px,100%);padding:30px 40px;background:#efe7d5;overflow-x:hidden}.draw-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.draw-top h2{font-size:22px;font-weight:400}.draw-stage{position:relative;isolation:isolate;min-height:430px;display:grid;place-items:center;margin:25px 0 15px;perspective:1200px}.draw-ticket{position:relative;width:76%;min-height:310px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:45px 35px;background:#fbf7ee;border:1px solid #b4a27f;box-shadow:0 18px 35px #6c4b2220;text-align:center;z-index:2;transform:rotate(-2deg);transition:transform .5s}.draw-ticket:before,.draw-ticket:after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:#efe7d5;border:1px solid #b4a27f;top:calc(50% - 11px)}.draw-ticket:before{left:-12px}.draw-ticket:after{right:-12px}.ticket-mark{font-family:SimSun,serif;font-size:24px;position:absolute;left:22px;top:20px;border:1px solid #b45c45;padding:4px 8px;color:#a64a34;transform:rotate(-9deg)}#draw-theme{font-family:SimSun,serif;font-size:clamp(30px,5.4vw,64px);line-height:1.3;letter-spacing:.06em;margin:25px 0 16px;color:#75402c;overflow-wrap:anywhere}#draw-prompt{font-size:17px;line-height:1.9;color:#766752;margin:0;max-width:470px;min-height:32px}.draw-back{position:absolute;width:70%;height:290px;z-index:0;border:1px solid #a89777;background:#b9c3b1;transform:rotate(9deg) translate(10px,8px)}.back-two{background:#c9a279;transform:rotate(-10deg) translate(-12px,4px)}.draw-stage.drawing .draw-ticket{animation:ticket-shuffle .72s ease-in-out infinite}.draw-stage.drawing .back-one{animation:back-shuffle .8s ease-in-out infinite}.draw-stage.drawing .back-two{animation:back-shuffle .8s ease-in-out infinite reverse}.draw-stage.drawn .draw-ticket{transform:rotate(0);animation:ticket-reveal .65s cubic-bezier(.2,.8,.2,1)}.draw-orbit{position:absolute;width:18px;height:18px;background:#9e4933;border-radius:50%;left:5%;top:18%;opacity:0}.orbit-two{left:auto;right:7%;top:72%;background:#52736a;width:24px;height:24px;border-radius:0;transform:rotate(25deg)}.drawn .draw-orbit{animation:orbit-pop .8s ease-out forwards}.draw-bottom{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:0 0 20px}.draw-bottom>.button{font-size:20px;padding:17px 32px}.draw-bottom>div{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.draw-bottom>div .button{font-size:17px;padding:18px 22px}.sr-draw{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.theme-grid .theme-tile:nth-child(6n+1){--tile-color:#b8583e;--tile-wash:#f0ddd2}.theme-grid .theme-tile:nth-child(6n+2){--tile-color:#677c56;--tile-wash:#e4e9d9}.theme-grid .theme-tile:nth-child(6n+3){--tile-color:#655984;--tile-wash:#e5dfec}.theme-grid .theme-tile:nth-child(6n+4){--tile-color:#3d7877;--tile-wash:#dceae6}.theme-grid .theme-tile:nth-child(6n+5){--tile-color:#ae7938;--tile-wash:#f0e4cb}.theme-grid .theme-tile:nth-child(6n+6){--tile-color:#7e6a5b;--tile-wash:#e8e1d7}
@keyframes ticket-shuffle{0%,100%{transform:rotate(-4deg) translateY(0) rotateY(-8deg)}50%{transform:rotate(4deg) translateY(-15px) rotateY(12deg)}}@keyframes back-shuffle{0%,100%{transform:rotate(-10deg) translateX(-12px)}50%{transform:rotate(14deg) translateX(32px)}}@keyframes ticket-reveal{from{transform:rotateY(65deg) scale(.9);opacity:.5}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes orbit-pop{from{opacity:0;translate:0 20px;scale:.3}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:650px){.theme-draw-banner{padding:25px 20px;flex-direction:column;align-items:stretch;gap:24px}.theme-draw-banner h3{font-size:30px}.draw-open{justify-content:center;padding:17px;font-size:21px}.draw-dialog{padding:24px 16px;max-height:94dvh}.draw-top h2{font-size:20px}.draw-stage{min-height:350px;margin:18px 0}.draw-ticket{width:86%;min-height:280px;padding:46px 20px 28px}.draw-back{width:80%;height:260px}.ticket-mark{left:15px;top:15px;font-size:20px}#draw-theme{font-size:35px}#draw-prompt{font-size:16px;line-height:1.8}.draw-bottom{gap:10px}.draw-bottom>.button{width:100%;padding:15px;font-size:19px}.draw-bottom>div{width:100%;gap:9px}.draw-bottom>div .button{flex:1;font-size:15px;padding:14px 10px}.draw-orbit{left:1%}.orbit-two{right:0}.theme-grid .theme-tile strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.draw-stage *{animation:none!important;transition:none!important}}.still .draw-stage *{animation:none!important;transition:none!important}