.drawing-section{padding-top:72px;padding-bottom:72px}.drawing-heading{margin-bottom:24px}.draw-overlap{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;margin-bottom:14px;border:1px solid rgba(126,182,255,.16);border-radius:14px;background:rgba(8,12,24,.56);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:12px;color:rgba(230,238,255,.68)}.draw-overlap strong{color:#f4f7ff;white-space:nowrap}.draw-overlap-dot{width:7px;height:7px;border-radius:50%;background:#68e4ff;box-shadow:0 0 16px rgba(104,228,255,.85);flex:0 0 auto}.drawing-workspace{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(270px,.68fr);gap:14px}.draw-stage{min-height:570px;padding:20px;overflow:hidden;position:relative}.draw-stage-head{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:4}.draw-stage-head>div{display:flex;align-items:center;gap:10px}.draw-stage-head small{color:rgba(226,235,255,.58)}.draw-source{font-size:10px;letter-spacing:.14em;color:#a9b9d8;border:1px solid rgba(148,168,210,.18);border-radius:999px;padding:6px 9px;background:rgba(7,10,18,.48)}
.draw-replay-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:22px 0 12px}.draw-replay-progress>button{appearance:none;position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding:7px 8px;border:1px solid transparent;border-radius:11px;background:transparent;color:rgba(195,211,239,.42);font-size:8px;letter-spacing:.07em;text-transform:uppercase;text-align:left;cursor:pointer;transition:color .55s ease,border-color .55s ease,background .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.draw-replay-progress>button:hover:not(:disabled){color:#d7edff;border-color:rgba(104,214,255,.16);background:rgba(69,154,190,.06)}.draw-replay-progress>button:focus-visible{outline:2px solid rgba(105,222,255,.72);outline-offset:2px}.draw-replay-progress>button:not(:last-child):after{content:"";position:absolute;left:calc(100% + 1px);top:50%;width:7px;height:1px;background:rgba(126,163,225,.14)}.draw-replay-progress>button:disabled{cursor:default}.draw-replay-progress i{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border:1px solid rgba(127,163,225,.17);border-radius:50%;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:inherit;background:rgba(9,13,24,.74);font-style:normal;transition:inherit}.draw-replay-progress b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.draw-replay-progress .is-complete,.draw-replay-progress .is-active{color:#9bdff1}.draw-replay-progress .is-complete i{border-color:rgba(91,226,190,.35);background:rgba(44,143,122,.12);color:#82e8c3}.draw-replay-progress .is-active{border-color:rgba(101,226,255,.22);background:rgba(47,150,194,.07);transform:translateY(-1px)}.draw-replay-progress .is-active i{border-color:rgba(101,226,255,.65);background:rgba(47,150,194,.17);box-shadow:0 0 20px rgba(91,221,255,.12)}
.draw-visual{position:relative;min-height:360px;margin-top:6px;border:1px solid rgba(139,170,225,.14);border-radius:24px;background:radial-gradient(circle at 50% 35%,rgba(64,101,170,.09),transparent 42%),linear-gradient(145deg,rgba(8,12,23,.84),rgba(5,8,16,.72));overflow:hidden;isolation:isolate}.replay-scene{position:relative;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:28px}.participant-field{order:2;width:min(100%,760px);display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-content:center;position:relative;z-index:3}.participant-field.is-visible{display:grid;animation:drawSceneIn .65s cubic-bezier(.2,.7,.2,1) both}.participant-chip{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;border:1px solid rgba(124,163,255,.15);background:rgba(7,10,19,.65);border-radius:12px;padding:8px 10px;color:rgba(207,221,255,.66);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1),border-color .65s ease,background .65s ease,color .65s ease}.participant-chip b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(121,157,225,.08);font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a9bee8}.participant-chip span{font:600 9px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-chip.is-selected-index{border-color:rgba(106,228,255,.78);background:rgba(40,115,156,.24);color:#e9fbff;transform:scale(1.035);box-shadow:0 0 26px rgba(69,200,255,.13)}.participant-chip.is-winner{border-color:rgba(104,238,191,.7);background:rgba(38,133,110,.2)}.participant-chip.is-muted{opacity:.22;transform:scale(.97)}.participant-overflow{grid-column:1/-1;text-align:center;color:rgba(207,221,255,.42);font-size:9px;letter-spacing:.06em;padding-top:4px}
.replay-message{order:1;display:none;width:min(92%,680px);text-align:center;position:relative;z-index:4}.replay-message.is-visible{display:grid;justify-items:center;animation:drawSceneIn .65s cubic-bezier(.2,.7,.2,1) both}.replay-message small{font-size:9px;letter-spacing:.18em;color:#71dcff}.replay-message>strong{display:block;margin-top:10px;font-size:clamp(28px,5vw,58px);line-height:.96;letter-spacing:-.035em;color:#f5f8ff;text-shadow:0 18px 50px rgba(0,0,0,.35)}.replay-message>span{display:block;max-width:600px;margin-top:13px;color:rgba(215,226,247,.56);font-size:11px;line-height:1.55}.replay-index{margin-top:22px;display:grid;gap:4px;justify-items:center}.replay-index[hidden]{display:none}.replay-index b{font-size:72px;line-height:.9;letter-spacing:-.06em;color:#f8fbff}.replay-index span{font:650 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9fb4d9}.replay-address{display:block;max-width:100%;margin-top:20px;padding:10px 14px;border:1px solid rgba(99,224,255,.28);border-radius:12px;background:rgba(38,142,183,.08);color:#b4ecff;font:700 12px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;overflow-wrap:anywhere}.replay-address[hidden]{display:none}
.winner-core{order:1;display:none;position:relative;z-index:4;width:min(94%,760px);grid-template-columns:minmax(260px,1.12fr) minmax(190px,.88fr);align-items:center;gap:24px;padding:18px;border:1px solid rgba(142,178,255,.16);border-radius:26px;background:linear-gradient(145deg,rgba(13,17,31,.9),rgba(9,12,23,.8));box-shadow:0 22px 80px rgba(0,0,0,.28);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:transform .75s cubic-bezier(.2,.75,.2,1),opacity .55s ease,border-color .55s ease,box-shadow .55s ease}.winner-core.is-visible{display:grid;animation:drawSceneIn .7s cubic-bezier(.2,.7,.2,1) both}.winner-artifact{min-width:0;margin:0;display:grid;gap:9px}.winner-art-frame{position:relative;padding:7px;border:1px solid rgba(150,190,255,.24);border-radius:19px;background:rgba(3,6,12,.96);box-shadow:0 16px 44px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025) inset;overflow:hidden}.winner-art-frame:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 26px rgba(87,222,255,.08);opacity:.8}.winner-art{position:relative;width:100%;aspect-ratio:3/2;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(88,221,255,.22),transparent 45%),linear-gradient(145deg,rgba(32,40,70,.9),rgba(10,12,24,.95));color:rgba(225,240,255,.7);font-size:9px;letter-spacing:.18em}.winner-art img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#000;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;transform:none!important}.winner-artifact figcaption{padding:0 3px;color:rgba(205,218,243,.46);font-size:8px;line-height:1.45;letter-spacing:.07em;text-transform:uppercase}.winner-artifact.is-minted figcaption{color:rgba(170,226,239,.64)}.winner-copy{min-width:0}.winner-copy small{font-size:9px;letter-spacing:.16em;color:#72dfff}.winner-copy h3{margin:7px 0 9px;font-size:24px;line-height:1.04}.winner-copy a{display:block;color:#f4f7ff;font:650 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;overflow:hidden;text-overflow:ellipsis}.winner-copy>span{display:block;margin-top:8px;color:rgba(220,230,250,.54);font-size:10px}
@keyframes drawSceneIn{0%{opacity:0;transform:translateY(10px) scale(.992)}100%{opacity:1;transform:translateY(0) scale(1)}}
.draw-review-controls{display:flex;align-items:center;justify-content:center;gap:9px;margin:14px 0 10px;padding:10px 0;border-top:1px solid rgba(139,170,225,.08);border-bottom:1px solid rgba(139,170,225,.08)}.draw-review-controls .button{min-width:108px;min-height:36px;padding:8px 12px}.draw-review-controls .button:disabled{opacity:.32;cursor:default;pointer-events:none}.draw-stage.is-reviewing .draw-replay-caption{color:rgba(204,218,244,.62)}.draw-stage.is-reviewing .draw-replay-caption strong{color:#b9dcff}
.draw-replay-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 2px 15px;color:rgba(204,218,244,.43);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.draw-replay-caption strong{color:#9cbce8;font-size:9px}.draw-actions{position:relative;z-index:4;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.draw-actions .button{min-height:36px;padding:8px 12px}.draw-tx-link{margin-left:auto;color:#9cb8e8;font-size:10px;text-decoration:none}.draw-authority-note{margin:13px 0 0;color:rgba(205,217,242,.5);font-size:10px;line-height:1.55}.draw-facts{display:grid;gap:14px}.draw-fact-card{padding:18px}.draw-fact-card dl{display:grid;gap:0;margin:12px 0 0}.draw-fact-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(145,168,215,.1);transition:opacity .55s ease,filter .55s ease}.draw-fact-card dl>div.is-unrevealed{opacity:.18;filter:blur(1px)}.draw-fact-card dt{font-size:10px;color:rgba(213,224,247,.5)}.draw-fact-card dd{margin:0;text-align:right;font:650 10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e8efff;overflow-wrap:anywhere}.drawing-verify{width:100%;margin-top:13px;border:1px solid rgba(95,215,255,.25);border-radius:10px;background:rgba(47,164,208,.08);color:#9cecff;padding:9px 10px;font-weight:700;font-size:10px;cursor:pointer;transition:opacity .55s ease}.drawing-verify.is-unrevealed,.winner-rights-card .text-link.is-unrevealed{opacity:.18;pointer-events:none}.drawing-verify[data-state="verified"]{border-color:rgba(96,236,174,.35);color:#8ff0be}.drawing-verify[data-state="invalid"],.drawing-verify[data-state="error"]{border-color:rgba(255,107,142,.35);color:#ff93ad}.winner-rights-card .text-link{display:inline-block;margin-top:14px;color:#9edfff;font-size:10px;transition:opacity .55s ease}.recent-drawings-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:36px 0 13px}.recent-drawings-head h3{margin:2px 0 0;font-size:22px}.recent-drawings-head>span{font-size:10px;color:rgba(205,218,245,.45)}.recent-drawings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.recent-draw-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid rgba(141,165,214,.12);border-radius:15px;background:rgba(8,11,21,.48);text-decoration:none;color:inherit}.recent-draw-art{width:82px;aspect-ratio:1;border-radius:11px;overflow:hidden;background:rgba(65,83,120,.18)}.recent-draw-art img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#000;filter:none!important;opacity:1!important;mix-blend-mode:normal!important}.recent-draw-card small,.recent-draw-card span{display:block}.recent-draw-card small{color:#70ddff;font-size:8px;letter-spacing:.12em}.recent-draw-card strong{display:block;margin:5px 0;font:700 11px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-draw-card span{color:rgba(206,218,243,.46);font-size:9px}.recent-draw-empty{grid-column:1/-1;padding:18px;border:1px dashed rgba(137,163,215,.16);border-radius:14px;color:rgba(205,218,245,.45);font-size:11px}
@media(max-width:980px){.drawing-workspace{grid-template-columns:1fr}.draw-facts{grid-template-columns:1fr 1fr}.recent-drawings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.drawing-section{padding-top:52px;padding-bottom:52px}.draw-overlap{align-items:flex-start;flex-wrap:wrap}.draw-overlap strong{white-space:normal}.draw-stage{min-height:0;padding:14px}.draw-replay-progress{grid-template-columns:repeat(3,1fr);row-gap:9px}.draw-replay-progress>button:nth-child(3):after{display:none}.replay-scene{min-height:430px;padding:16px}.participant-field{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.winner-core{width:96%;grid-template-columns:1fr;text-align:center}.winner-artifact{width:100%;max-width:420px;margin:0 auto}.winner-copy a{font-size:10px}.draw-facts{grid-template-columns:1fr}.recent-drawings{grid-template-columns:1fr}.draw-tx-link{margin-left:0;width:100%}.replay-message>strong{font-size:38px}.replay-index b{font-size:60px}.draw-review-controls{display:grid;grid-template-columns:1fr 1fr}.draw-review-controls #review-result{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.draw-replay-progress>button,.participant-chip,.winner-core,.draw-fact-card dl>div,.drawing-verify{transition:none!important}.participant-field.is-visible,.replay-message.is-visible,.winner-core.is-visible{animation:none!important}.participant-chip.is-selected-index,.participant-chip.is-muted{transform:none}}