.wildcard-app{--bg:#0b1020;--felt:#262b4d;--felt-2:#171b36;--rail:#3a2a16;--ink:#e8ecf4;--muted:#93a0b8;--gold:#f2c14e;--line:#ffffff1f;--cR:#d72600;--cY:#f7d117;--cG:#379711;--cB:#0956bf}.wildcard-app *,.wildcard-app :before,.wildcard-app :after{box-sizing:border-box}.wildcard-app{background:radial-gradient(1200px 700px at 50% -10%,#182642,transparent),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font:15px/1.4 ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}.wildcard-app button{font:inherit}.wildcard-app .app{flex-direction:column;max-width:1020px;min-height:100%;margin:0 auto;display:flex}.wildcard-app .topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 16px;display:flex}.wildcard-app .brand{letter-spacing:-.02em;font-size:20px;font-weight:800}.wildcard-app .brand span{color:var(--gold)}.wildcard-app .brand .ver{color:var(--muted);margin-left:6px;font-size:11px;font-style:normal;font-weight:500}.wildcard-app .scores{flex-wrap:wrap;align-items:center;gap:8px;margin:0 auto;display:flex}.wildcard-app .scorechip{border:1px solid var(--line);background:#00000040;border-radius:9px;align-items:baseline;gap:6px;padding:4px 10px;transition:border-color .2s,box-shadow .2s;display:flex}.wildcard-app .scorechip--active{border-color:var(--gold);box-shadow:0 0 0 2px #f2c14e40}.wildcard-app .scorechip__name{color:var(--muted);font-size:12px}.wildcard-app .scorechip__pts{font-variant-numeric:tabular-nums;font-weight:800}.wildcard-app .scores__target{color:var(--muted);font-size:12px}.wildcard-app .topbar__new{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px}.wildcard-app .topbar__new:hover{color:var(--ink);border-color:var(--gold)}.wildcard-app .table{background:radial-gradient(120% 120% at 50% 40%,var(--felt)0%,var(--felt-2)100%);border:8px solid var(--rail);border-radius:22px;flex:1;min-height:350px;margin:14px;position:relative;box-shadow:inset 0 0 60px #00000080,0 20px 50px #0006}.wildcard-app .opp{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.wildcard-app .opp--n{top:12px;left:50%;transform:translate(-50%)}.wildcard-app .opp--w{top:50%;left:14px;transform:translateY(-50%)}.wildcard-app .opp--e{top:50%;right:14px;transform:translateY(-50%)}.wildcard-app .seattag{border:1px solid var(--line);white-space:nowrap;background:#00000059;border-radius:9px;padding:4px 10px;font-size:12px;transition:border-color .2s,box-shadow .2s}.wildcard-app .seattag--active{border-color:var(--gold);box-shadow:0 0 0 2px #f2c14e40}.wildcard-app .seattag--uno{color:#ffb4b4;border-color:#d7260099}.wildcard-app .backs{display:flex}.wildcard-app .backs .wc-card{margin-left:-26px}.wildcard-app .backs .wc-card:first-child{margin-left:0}.wildcard-app .backs--side{flex-direction:column}.wildcard-app .backs--side .wc-card{margin-top:-44px;margin-left:0}.wildcard-app .backs--side .wc-card:first-child{margin-top:0}.wildcard-app .center{justify-content:center;align-items:center;gap:26px;display:flex;position:absolute;inset:0}.wildcard-app .dirarrow{color:var(--muted);-webkit-user-select:none;user-select:none;font-size:30px}.wildcard-app .dirarrow--ccw{color:var(--gold)}.wildcard-app .drawpile{cursor:pointer;background:0 0;border:none;padding:0;position:relative}.wildcard-app .drawpile:disabled{cursor:default;opacity:.85}.wildcard-app .drawpile:hover:not(:disabled) .wc-card{transform:translateY(-4px);box-shadow:0 8px 18px #00000080}.wildcard-app .drawpile__count{background:var(--gold);color:#1a1300;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;bottom:-8px;right:-8px}.wildcard-app .discard{border-radius:12px;padding:4px;transition:box-shadow .25s}.wildcard-app .glow--R{box-shadow:0 0 24px #d726008c}.wildcard-app .glow--Y{box-shadow:0 0 24px #f7d1178c}.wildcard-app .glow--G{box-shadow:0 0 24px #3797118c}.wildcard-app .glow--B{box-shadow:0 0 24px #0956bf8c}.wildcard-app .colorpip{border:2px solid #ffffffbf;border-radius:50%;width:22px;height:22px}.wildcard-app .colorpip--R{background:var(--cR)}.wildcard-app .colorpip--Y{background:var(--cY)}.wildcard-app .colorpip--G{background:var(--cG)}.wildcard-app .colorpip--B{background:var(--cB)}.wildcard-app .msg{color:var(--gold);text-align:center;max-width:92%;font-size:13px;font-weight:600;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.wildcard-app .wc-card{color:#fff;-webkit-user-select:none;user-select:none;border:3px solid #ffffffeb;border-radius:10px;place-items:center;width:62px;height:90px;padding:0;font-weight:800;display:grid;position:relative;box-shadow:0 2px 6px #00000073}.wildcard-app .wc-card--sm{border-width:2px;width:46px;height:66px}.wildcard-app .wc-card--R{background:radial-gradient(120% 120% at 30% 25%,#ef5436,var(--cR))}.wildcard-app .wc-card--Y{background:radial-gradient(120% 120% at 30% 25%,#ffe45e,var(--cY));color:#3b3000}.wildcard-app .wc-card--G{background:radial-gradient(120% 120% at 30% 25%,#58bb31,var(--cG))}.wildcard-app .wc-card--B{background:radial-gradient(120% 120% at 30% 25%,#2f7bdc,var(--cB))}.wildcard-app .wc-card--wild{background:radial-gradient(120% 120% at 30% 25%,#2a3150,#12172e)}.wildcard-app .wc-card--back{background:repeating-linear-gradient(45deg,#2b3a67,#2b3a67 7px,#24325a 7px 14px);border-color:#3b4b7a}.wildcard-app .wc-card__center{text-shadow:0 2px 2px #00000059;font-size:28px;line-height:1}.wildcard-app .wc-card--sm .wc-card__center{font-size:19px}.wildcard-app .wc-card__corner{opacity:.9;font-size:11px;position:absolute}.wildcard-app .wc-card--sm .wc-card__corner{font-size:9px}.wildcard-app .wc-card__corner--tl{top:4px;left:6px}.wildcard-app .wc-card__corner--br{bottom:4px;right:6px;transform:rotate(180deg)}.wildcard-app .wc-card--btn{cursor:pointer;transition:transform .12s,box-shadow .12s}.wildcard-app .wc-card--playable{outline:3px solid var(--gold)}.wildcard-app .wc-card--btn:hover:not(:disabled){transform:translateY(-10px);box-shadow:0 10px 18px #0000008c}.wildcard-app .wc-card--dim{opacity:.45}.wildcard-app .wc-card:disabled{cursor:default}.wildcard-app .wc-wildbadge{width:34px;height:34px;display:inline-block;position:relative}.wildcard-app .wc-card--sm .wc-wildbadge{width:24px;height:24px}.wildcard-app .wc-wildbadge__q{width:50%;height:50%;position:absolute}.wildcard-app .wc-wildbadge__q--R{background:var(--cR);border-radius:100% 0 0;top:0;left:0}.wildcard-app .wc-wildbadge__q--Y{background:var(--cY);border-radius:0 100% 0 0;top:0;right:0}.wildcard-app .wc-wildbadge__q--G{background:var(--cG);border-radius:0 0 0 100%;bottom:0;left:0}.wildcard-app .wc-wildbadge__q--B{background:var(--cB);border-radius:0 0 100%;bottom:0;right:0}.wildcard-app .wc-wildbadge__label{color:#fff;text-shadow:0 1px 2px #000c;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.wildcard-app .myhand{flex-wrap:wrap;justify-content:center;gap:5px;min-height:100px;padding:12px 14px 4px;display:flex}.wildcard-app .actions{justify-content:center;align-items:center;gap:14px;padding:6px 16px 2px;display:flex}.wildcard-app .lastcard{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:7px 16px;font-weight:700}.wildcard-app .lastcard:hover:not(:disabled){border-color:var(--gold);color:var(--ink)}.wildcard-app .lastcard--armed{background:var(--gold);color:#1a1300;border-color:var(--gold)}.wildcard-app .lastcard--urgent:not(.lastcard--armed){border-color:var(--gold);color:var(--gold);animation:1s infinite wcpulse}.wildcard-app .lastcard:disabled{opacity:.45;cursor:default}@keyframes wcpulse{0%,to{box-shadow:0 0 #f2c14e80}50%{box-shadow:0 0 0 7px #f2c14e00}}.actions__hint{color:var(--muted);font-size:13px}.sheet{z-index:40;background:#040812b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet__card{border:1px solid var(--line);text-align:center;background:#131a30;border-radius:16px;width:100%;max-width:380px;padding:20px;box-shadow:0 30px 70px #000000b3}.wildcard-app .sheet__card--wide{max-width:460px}.wildcard-app .sheet__card p{margin:0 0 12px;font-weight:600}.wildcard-app .sheet__title{margin:0 0 14px;font-size:20px}.wildcard-app .sheet__preview{justify-content:center;margin-bottom:14px;display:flex}.wildcard-app .sheet__row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.wildcard-app .sheet__cancel{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:12px;text-decoration:underline}.wildcard-app .colorbtn{color:#fff;cursor:pointer;border:none;border-radius:10px;min-width:74px;padding:12px 16px;font-weight:800}.wildcard-app .colorbtn:hover{filter:brightness(1.15)}.wildcard-app .colorbtn--R{background:var(--cR)}.wildcard-app .colorbtn--Y{background:var(--cY);color:#3b3000}.wildcard-app .colorbtn--G{background:var(--cG)}.wildcard-app .colorbtn--B{background:var(--cB)}.wildcard-app .bigbtn{background:var(--gold);color:#1a1300;cursor:pointer;border:none;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:800}.wildcard-app .bigbtn:hover{filter:brightness(1.05)}.wildcard-app .bigbtn--ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.wildcard-app .bigbtn--ghost:hover{border-color:var(--gold)}.wildcard-app .resulttable{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-bottom:16px}.wildcard-app .resulttable th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:4px 8px;font-size:12px}.wildcard-app .resulttable td{border-top:1px solid var(--line);text-align:left;padding:6px 8px}.wildcard-app .resulttable__winner td{color:var(--gold);font-weight:700}.wildcard-app .foot{text-align:center;color:var(--muted);padding:8px 10px 14px;font-size:12px}@media (max-width:640px){.wildcard-app .wc-card{width:50px;height:74px}.wildcard-app .wc-card__center{font-size:21px}.wildcard-app .backs .wc-card{margin-left:-34px}.wildcard-app .backs--side .wc-card{margin-top:-54px}.wildcard-app .table{min-height:300px}}