.draw-main{padding:38px 0}.draw-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.draw-heading h1{font-size:clamp(34px,4vw,53px);line-height:1.25;font-weight:900;margin:8px 0}.draw-heading em{color:var(--gold);font-style:normal}.draw-heading p,.draw-notes p{color:var(--muted)}.draw-tag{border:1px solid var(--line);padding:8px 18px;border-radius:50px;color:var(--gold);font-size:13px;white-space:nowrap}.draw-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.wheel-panel,.names-panel,.history-panel{background:linear-gradient(145deg,#342318,#25190f);border:1px solid #bd8a4640;border-radius:20px;padding:23px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#d6b78d}.panel-top h2{font-size:18px;margin:0;color:#f7e7cf}.wheel-panel{overflow:hidden;position:relative}.wheel-panel:before{content:'';position:absolute;inset:60px 10% 100px;background:radial-gradient(ellipse,#d4a25320,transparent 65%);pointer-events:none}.wheel-wrap{position:relative;margin:24px auto 16px;width:min(100%,450px);aspect-ratio:1;filter:drop-shadow(0 20px 30px #0007)}#wheel{width:100%;height:100%;display:block;border-radius:50%;border:6px solid #af7a39;box-shadow:0 0 0 4px #26180f,0 0 0 5px #d3ad6b70;transition:transform 3.6s cubic-bezier(.12,.75,.15,1)}.pointer{position:absolute;top:-17px;left:50%;transform:translateX(-50%);width:28px;height:37px;background:linear-gradient(90deg,#aa7232,#ffe4ad,#b6813c);clip-path:polygon(0 0,100% 0,50% 100%);z-index:3;filter:drop-shadow(0 3px 3px #000)}.wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(140deg,#ebc77e,#97602b);width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#392214;font-size:32px;font-weight:900;border:4px solid #51341d;box-shadow:0 0 0 3px #d8b37166,0 5px 15px #0007;pointer-events:none}.wheel-hub span{font-size:9px;letter-spacing:3px;margin-top:-7px}.draw-result{text-align:center;min-height:93px;padding:12px 0;overflow-wrap:anywhere}.result-caption{display:block;font-size:13px;color:#bca487;margin-bottom:5px}.draw-result strong{display:block;color:#f6d79b;font-size:clamp(23px,3vw,33px);line-height:1.5}.draw-result .winner-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.winner-list strong{font-size:20px;border:1px solid #be944755;border-radius:10px;padding:5px 13px;background:#271b12}.spin-btn{display:block;width:min(100%,340px);margin:0 auto;background:linear-gradient(110deg,#d2aa68,#f1cb82);color:#322015;border:0;border-radius:12px;font:900 22px 'Tajawal',sans-serif;min-height:58px;cursor:pointer;box-shadow:0 6px 20px #0003}.spin-btn:disabled{opacity:.45;cursor:default}.spin-btn:hover:enabled{filter:brightness(1.1)}.wheel-note{text-align:center;color:#a78d6c;font-size:12px;margin:15px 0 0}.names-panel>label{display:block;font-size:13px;color:#bda788;margin:18px 0 7px}textarea{width:100%;resize:vertical;min-height:175px;max-height:360px;background:#1e140f;border:1px solid #a880434d;border-radius:12px;color:#f2e2cd;font:16px/1.65 'Tajawal',sans-serif;padding:13px;box-sizing:border-box}textarea:focus,select:focus{outline:2px solid #d8ae64;outline-offset:2px}textarea::placeholder{color:#79654e}.name-actions{display:flex;gap:12px;margin:8px 0 18px}.name-actions button,.panel-top button,.reset-pool{background:transparent;color:#d5b37b;border:0;padding:5px 0;font:13px 'Tajawal',sans-serif;cursor:pointer}.name-actions button:hover,.panel-top button:hover{color:#ffe0a1}.name-actions button:disabled,.panel-top button:disabled{opacity:.4;cursor:default}.draw-settings>label:first-child{font-size:14px;color:#dac29e}.draw-settings select{width:100%;margin:7px 0 15px;padding:9px 12px;border:1px solid #a880434d;border-radius:9px;background:#21160f;color:#f2e2cd;font:16px 'Tajawal',sans-serif}.check-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#d1b893;cursor:pointer}.check-label input{accent-color:#d7ac63;width:17px;height:17px}.input-notice{color:#a88f70;font-size:12px;line-height:1.7;margin:12px 0 0}.input-notice.error{color:#f2af8f}.reset-pool{margin-top:7px;border-bottom:1px solid #be944744}.history-panel{margin-top:18px}#drawHistory{padding:0;list-style:none;margin:16px 0 0;max-height:260px;overflow:auto}#drawHistory li{display:flex;gap:10px;justify-content:space-between;padding:10px 0;border-top:1px solid #b68e4325;color:#f0d5aa;font-size:14px;overflow-wrap:anywhere}#drawHistory .empty-history{color:#967f63;border:0;font-size:13px}#drawHistory small{color:#9c8467;white-space:nowrap}#copyNotice{font-size:12px;color:#ccb080;margin:9px 0 0}.draw-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:35px 4px 0}.draw-notes h2{font-size:18px}.draw-notes p{font-size:13px}.draw-cover{background:radial-gradient(circle,#a5793877,#382318 65%)!important}.cover-wheel{width:130px;height:130px;border-radius:50%;background:conic-gradient(#b88b4e 0 45deg,#4a2e1b 45deg 90deg,#b88b4e 90deg 135deg,#4a2e1b 135deg 180deg,#b88b4e 180deg 225deg,#4a2e1b 225deg 270deg,#b88b4e 270deg 315deg,#4a2e1b 315deg);border:5px solid #d4ac64;display:grid;place-items:center;box-shadow:0 10px 30px #0006;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg)}.cover-wheel b{background:#e1b971;border:3px solid #4a2e1b;color:#412917;border-radius:50%;width:40px;height:40px;font-size:26px;display:grid;place-items:center}.cover-wheel:before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-top:23px solid #ffe0a0}@media(max-width:900px){.draw-layout{grid-template-columns:minmax(0,1fr) 300px}.wheel-wrap{margin-top:28px}.wheel-panel,.names-panel,.history-panel{padding:18px}}@media(max-width:700px){.draw-main{padding:25px 0}.draw-heading{align-items:flex-start}.draw-tag{display:none}.draw-layout{display:flex;flex-direction:column}.draw-sidebar,.wheel-panel{width:100%;box-sizing:border-box}.draw-sidebar{display:contents}.names-panel{order:0;width:100%;box-sizing:border-box}.wheel-panel{order:1}.history-panel{order:2;margin-top:0;width:100%;box-sizing:border-box}.wheel-wrap{width:min(90%,360px)}.draw-notes{grid-template-columns:1fr;gap:6px}.draw-heading h1{font-size:36px}.draw-heading p{font-size:14px}.names-panel textarea{min-height:140px;height:150px}.wheel-hub{width:60px;height:60px}.draw-result{min-height:80px}}@media(prefers-reduced-motion:reduce){#wheel{transition:none}}