.du{display:flex;flex-direction:column;gap:var(--s5)}.du-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding-top:var(--s3)}.du-head h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1}.du-head p{margin:6px 0 0;font-size:13px;color:var(--text-3);max-width:56ch}.du-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.du-live{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--panel);font-size:12px;color:var(--text-3);white-space:nowrap}.du-live b{color:var(--text);font-weight:700}.du-live[data-on="1"]:before{content:"";width:7px;height:7px;background:var(--acc);box-shadow:0 0 8px var(--acc)}.du-live[data-on="0"]:before{content:"";width:7px;height:7px;background:var(--text-4)}.du-cta{font:inherit;font-size:13px;font-weight:700;letter-spacing:.01em;cursor:pointer;padding:9px 16px;border:0;border-radius:var(--r-ctl);background:var(--acc);color:var(--void);box-shadow:inset 0 -2px 0 rgba(0,0,0,.3);transition:transform .14s ease,filter .14s ease}.du-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.du-cta:disabled{opacity:.5;cursor:default;transform:none}.du-sec{flex-direction:column}.du-eyebrow,.du-sec{display:flex;gap:12px}.du-eyebrow{align-items:baseline;justify-content:space-between}.du-eyebrow h2{margin:0;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.du-eyebrow span{font-size:11px;color:var(--text-4)}.du-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}@media (max-width:640px){.du-grid{grid-template-columns:minmax(0,1fr)}}.du-card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px 18px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.du-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--acc) 35%,var(--line))}.du-card[data-status=proposed]{border-style:dashed}.du-card[data-status=locked],.du-card[data-status=open]{border-color:color-mix(in srgb,var(--acc) 22%,var(--line))}.du-card[data-status=void]{opacity:.75}.du-card[data-mine=won]{border-color:color-mix(in srgb,var(--acc) 55%,var(--line))}.du-card[data-mine=lost]{border-color:color-mix(in srgb,var(--down) 45%,var(--line))}.du-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.du-ribbon{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border:1px solid var(--line);background:var(--panel-2);color:var(--text-3)}.du-ribbon[data-tone=live]{color:var(--acc);border-color:color-mix(in srgb,var(--acc) 40%,var(--line))}.du-ribbon[data-tone=live]:before{content:"";width:6px;height:6px;background:var(--acc)}.du-ribbon[data-tone=wait]{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}.du-ribbon[data-tone=won]{color:var(--acc);border-color:color-mix(in srgb,var(--acc) 50%,var(--line));background:color-mix(in srgb,var(--acc) 10%,var(--panel-2))}.du-ribbon[data-tone=lost]{color:var(--down);border-color:color-mix(in srgb,var(--down) 45%,var(--line))}.du-ribbon[data-tone=void]{color:var(--text-4);border-style:dashed}.du-clock{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--text-3);padding:4px 9px;border:1px solid var(--line);background:var(--panel-2);white-space:nowrap;transition:color .14s ease,border-color .14s ease}.du-clock[data-soon="1"]{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}.du-vs{display:grid;grid-template-columns:88px minmax(0,1fr) 88px;grid-gap:12px;gap:12px;align-items:start}@media (max-width:640px){.du-vs{grid-template-columns:minmax(0,1fr)}}.du-side{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;text-align:center;text-decoration:none;color:inherit;transition:opacity .2s ease}.du-side .ava{width:56px;height:56px;border-radius:50%;box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--line);transition:box-shadow .2s ease}.du-side b{font-size:12.5px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.du-side i{font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4)}.du-side[data-result=won] .ava{box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--acc),0 0 18px color-mix(in srgb,var(--acc) 45%,transparent)}.du-side[data-result=won] i{color:var(--acc)}.du-side[data-result=lost]{opacity:.45}.du-side[data-result=lost] .ava{filter:grayscale(1)}.du-seat{width:56px;height:56px;border-radius:50%;border:2px dashed var(--line);display:flex;align-items:center;justify-content:center;color:var(--text-4);font-size:20px}@media (max-width:640px){.du-side{flex-direction:row;text-align:left;gap:10px}.du-seat,.du-side .ava{width:40px;height:40px}.du-side[data-pos=right]{flex-direction:row-reverse;text-align:right}}.du-mid{display:flex;flex-direction:column;gap:8px;min-width:0}.du-thesis{margin:0;font-size:15px;font-weight:700;line-height:1.35;letter-spacing:-.01em;text-wrap:balance}.du-thesis:before{content:"\201C";color:var(--text-4)}.du-thesis:after{content:"\201D";color:var(--text-4)}.du-counter{margin:0;font-size:12px;color:var(--text-3);line-height:1.4}.du-counter b{color:var(--text-2);font-weight:600}.du-rule{margin:0;font-size:11.5px;color:var(--text-3);line-height:1.4;padding:6px 9px;background:var(--panel-2);border-left:2px solid var(--line)}.du-rule b{color:var(--text-2);font-weight:600}.du-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line-faint);font-size:12px;color:var(--text-3)}.du-accept,.du-foot a{color:var(--acc)}.du-accept{font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:7px 12px;border:1px solid var(--acc);border-radius:var(--r-ctl);background:color-mix(in srgb,var(--acc) 14%,var(--panel-2));transition:background-color .14s ease,transform .14s ease}.du-accept:hover{background:color-mix(in srgb,var(--acc) 24%,var(--panel-2));transform:translateY(-1px)}.du-accept:disabled{opacity:.5;cursor:default}.du-note{font-size:11.5px;color:var(--text-4);flex-basis:100%}.du-err{color:var(--down)}.du-how{border-top:1px solid var(--line-faint);padding-top:8px}.du-how summary{list-style:none;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);display:flex;align-items:center;gap:6px}.du-how summary::-webkit-details-marker{display:none}.du-how summary:before{content:"\25B8";transition:transform .18s ease;display:inline-block}.du-how[open] summary:before{transform:rotate(90deg)}.du-how summary:hover{color:var(--text-2)}.du-how-in{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.4,0,.2,1),opacity .18s ease;opacity:0}.du-how[open] .du-how-in{grid-template-rows:1fr;opacity:1}.du-how-in>div{overflow:hidden;min-height:0}.du-ev{margin:8px 0 0;display:grid;grid-template-columns:max-content minmax(0,1fr);grid-gap:4px 14px;gap:4px 14px;font-size:12px}.du-ev dt{color:var(--text-4)}.du-ev dd{margin:0;color:var(--text-2);overflow:hidden;text-overflow:ellipsis}.du-void{display:block;margin-top:8px;font-size:12px;color:var(--text-3)}.du-fold{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .26s cubic-bezier(.4,0,.2,1),opacity .2s ease}.du-fold[data-open="1"]{grid-template-rows:1fr;opacity:1}.du-fold>div{overflow:hidden;min-height:0}.du-fold-in{display:flex;flex-direction:column;gap:12px;padding-top:4px}.du-toggle{font:inherit;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-ctl);background:transparent;color:var(--text-3);display:inline-flex;align-items:center;gap:8px;align-self:flex-start;transition:color .14s ease,border-color .14s ease}.du-toggle:hover{color:var(--text);border-color:var(--text-4)}.du-toggle i{font-style:normal;display:inline-block;transition:transform .2s ease}.du-toggle[data-open="1"] i{transform:rotate(180deg)}.du-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-gap:12px;gap:12px;align-items:center;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-ctl);cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.du-line:hover{border-color:color-mix(in srgb,var(--acc) 30%,var(--line))}.du-line-faces{display:flex;align-items:center}.du-line-faces .ava{width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 2px var(--panel)}.du-line-faces .ava+.ava{margin-left:-8px}.du-line-faces .ava[data-result=won]{box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--acc);position:relative;z-index:1}.du-line-faces .ava[data-result=lost]{filter:grayscale(1);opacity:.6}.du-line-who{display:flex;flex-direction:column;gap:1px;min-width:0}.du-line-who b{font-size:12.5px;font-weight:700}.du-line-who b,.du-line-who i{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.du-line-who i{font-style:normal}.du-line-when,.du-line-who i{font-size:11px;color:var(--text-4)}.du-line-when{white-space:nowrap}@media (max-width:640px){.du-line{grid-template-columns:auto minmax(0,1fr) auto}.du-line-when{display:none}}.du-line-open{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s cubic-bezier(.4,0,.2,1),opacity .18s ease}.du-line-open[data-open="1"]{grid-template-rows:1fr;opacity:1}.du-line-open>div{overflow:hidden;min-height:0}.du-line-open .du-card{margin-top:6px}.du-invite{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:36px 24px;background:var(--panel);border:1px dashed var(--line);border-radius:var(--r-card)}.du-invite-mark{font-size:32px;line-height:1;filter:grayscale(.2)}.du-invite h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em}.du-invite p{margin:0;font-size:13px;color:var(--text-3);max-width:46ch}.du-invite a{color:var(--acc)}.du-pool{display:flex;flex-direction:column;gap:5px}.du-pool-bar{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:3px;gap:3px}.du-pool-bar i{display:block;height:6px;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line)}.du-pool-bar i[data-side=for]{background:var(--acc);box-shadow:none}.du-pool-bar i[data-side=against]{background:var(--t-rare);box-shadow:none}.du-pool-lbl{display:flex;justify-content:space-between;font-size:11px;color:var(--text-4)}.du-pool-lbl b{color:var(--text-3);font-weight:600}.du-stake{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.du-stake .du-seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-chip);overflow:hidden}.du-seg button{font:inherit;font-size:11px;font-weight:600;padding:5px 9px;border:0;background:transparent;color:var(--text-3);cursor:pointer;transition:background-color .14s ease,color .14s ease}.du-seg button[data-on="1"]{background:color-mix(in srgb,var(--acc) 18%,transparent);color:var(--acc)}.du-amount{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;color:var(--text-3)}.du-amount input{width:80px;font:inherit;font-size:13px;color:var(--text);background:var(--void);border:1px solid var(--line);border-radius:var(--r-chip);padding:6px 8px;text-align:right}.du-amount input:focus{outline:none;border-color:var(--acc)}.du-rulebook{margin:0;max-width:72ch;font-size:12px;line-height:1.5;color:var(--text-4)}.du-rulebook b{color:var(--text-3);font-weight:600}.du-scrim{position:fixed;inset:0;z-index:60;background:rgba(4,4,6,.7);display:flex;align-items:flex-end;justify-content:center;animation:du-fade .16s ease both}@media (min-width:900px){.du-scrim{align-items:center}}@keyframes du-fade{0%{opacity:0}to{opacity:1}}@keyframes du-rise{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.du-sheet{width:min(640px,100%);max-height:92vh;overflow:auto;padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card) var(--r-card) 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.5);animation:du-rise .22s cubic-bezier(.22,.61,.36,1) both}@media (min-width:900px){.du-sheet{border-radius:var(--r-card)}}.du-sheet-head{display:flex;align-items:center;justify-content:space-between}.du-sheet-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}.du-close{background:none;border:0;color:var(--text-3);font-size:22px;line-height:1;cursor:pointer;padding:0 4px}.du-close:hover{color:var(--text)}.du-sides{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:640px){.du-sides{grid-template-columns:minmax(0,1fr)}}.du-field{display:flex;flex-direction:column;gap:4px;min-width:0}.du-field span,.du-lbl{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4)}.du-field input,.du-field select{font:inherit;font-size:13px;color:var(--text);background:var(--void);border:1px solid var(--line);border-radius:var(--r-chip);padding:8px 10px;min-width:0;transition:border-color .14s ease}.du-field input:focus,.du-field select:focus{outline:none;border-color:var(--acc)}.du-field-you input{border-left:3px solid var(--acc)}.du-field-them input{border-left:3px solid var(--t-rare)}.du-rulegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px}.du-fine{margin:0;font-size:11.5px;line-height:1.5;color:var(--text-3)}.du-sheet-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.du-send{font:inherit;font-size:13px;font-weight:700;padding:10px 14px;border:1px solid var(--acc);border-radius:var(--r-chip);background:var(--acc);color:var(--void);cursor:pointer;transition:filter .14s ease}.du-send:hover{filter:brightness(1.06)}.du-send:disabled{opacity:.6;cursor:default}.du-ghost{font:inherit;font-size:12.5px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-chip);background:transparent;color:var(--text-3);cursor:pointer}.du-ghost:hover{color:var(--text)}html.motion-reduce .du-card,html.motion-reduce .du-fold,html.motion-reduce .du-how-in,html.motion-reduce .du-line-open,html.motion-reduce .du-scrim,html.motion-reduce .du-sheet,html.motion-reduce .du-side,html.motion-reduce .du-toggle i{transition:none;animation:none}