:root{--felt: #0b5d3b;--felt-dark: #07402a;--gold: #e7c66b;--card-bg: #fdfdf7;--card-red: #c62828;--card-black: #1c1c1c;--accent: #2a9d6f;--shadow: 0 6px 16px rgba(0, 0, 0, .35);--radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#f5f5f0}body{background:radial-gradient(circle at 50% 20%,var(--felt),var(--felt-dark));overflow:hidden}.home{height:100%;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 20px 20px}.home__card{width:100%;max-width:380px;background:#00000040;border:1px solid rgba(231,198,107,.35);border-radius:20px;padding:32px 24px;text-align:center;box-shadow:var(--shadow)}.home__title{font-size:44px;margin:0;color:var(--gold);letter-spacing:2px}.home__subtitle{margin:4px 0 24px;opacity:.8}.home__input{width:100%;padding:14px;border-radius:10px;border:none;font-size:16px;margin-bottom:18px;text-align:center}.home__hint{margin-top:22px;font-size:13px;opacity:.7;line-height:1.5}.btn{display:block;width:100%;padding:14px;margin:8px 0;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .08s ease,filter .15s ease}.btn:active{transform:scale(.97)}.btn--primary{background:var(--gold);color:#3a2c00}.btn--secondary{background:var(--accent);color:#fff}.btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.btn--sm{width:auto;padding:10px 16px;font-size:14px;margin:0}.game{height:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.game__topbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00000040}.game__topbar .btn{width:auto;margin:0;padding:8px 12px;font-size:14px;flex:0 0 auto}.game__title{flex:1 1 auto;text-align:center;font-weight:700;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game__status{font-size:13px;opacity:.8;min-width:60px;text-align:right}.game__overlay{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px}.table{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 10px;position:relative;min-height:0;background:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(255,255,255,.06),transparent 70%)}.panel{display:flex;align-items:center;gap:14px;background:#00000052;border:1px solid transparent;padding:5px 16px;border-radius:22px;font-size:13px;position:relative}.panel--active{border-color:var(--gold);box-shadow:0 0 12px #e7c66b80}.panel__dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}.panel__name{font-weight:700}.panel__score b{color:var(--gold);font-size:15px}.fan{display:flex;justify-content:center;min-height:70px;padding:0 14px}.fan--opponent{min-height:56px}.fan .card{margin-left:-28px;transition:transform .12s ease,box-shadow .12s ease,margin .12s ease}.fan .card:first-child{margin-left:0}.fan--you{min-height:104px}.fan--you .card.card--highlight:hover{transform:translateY(-14px);z-index:5}.card{width:80px;height:112px;background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);position:relative;overflow:hidden;cursor:pointer;user-select:none;color:var(--card-black);transition:transform .12s ease,box-shadow .12s ease;flex-shrink:0}.card--small{width:52px;height:73px;border-radius:6px}.card--red{color:var(--card-red)}.card--back:not(.card--style-classic){background:repeating-linear-gradient(45deg,#14506e,#14506e 6px,#0e3a52 6px 12px);border:2px solid #cdd9e0}.card--highlight{box-shadow:0 0 0 2px var(--gold),var(--shadow)}.card--highlight:hover{transform:translateY(-8px)}.card--selected{transform:translateY(-12px)}.card--disabled{filter:brightness(.7) saturate(.6);cursor:default}.card__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700}.card__corner--tl{top:5px;left:6px}.card__corner--br{bottom:5px;right:6px;transform:rotate(180deg)}.card__rank{font-size:16px}.card__suit{font-size:14px}.card__center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px}.card__pips{position:absolute;inset:16% 22%}.card__pip{position:absolute;transform:translate(-50%,-50%);font-size:15px;line-height:1}.card__pip--flip{transform:translate(-50%,-50%) rotate(180deg)}.card__pip--big{font-size:40px}.card__court{position:absolute;inset:14% 12%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1.5px solid currentColor;border-radius:6px;background:#00000008}.card__fig{font-size:34px;line-height:1}.card__courtsuit{font-size:16px;line-height:1}.card--small .card__rank{font-size:11px}.card--small .card__suit{font-size:10px}.card--small .card__pip{font-size:9px}.card--small .card__pip--big{font-size:24px}.card--small .card__fig{font-size:20px}.card--small .card__courtsuit{font-size:10px}.midrow{flex:1;width:100%;display:flex;align-items:center;justify-content:center;gap:18px;min-height:0;position:relative}.stockzone{display:flex;flex-direction:column;align-items:center;gap:8px}.stockzone__pile{position:relative;width:140px;height:116px}.stockzone__pile>.card{position:absolute;right:0;top:4px;z-index:2}.stockzone__empty{position:absolute;right:0;top:4px;z-index:2;font-size:11px;opacity:.6;width:64px;height:92px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(255,255,255,.3);border-radius:8px}.stockzone__trump{position:absolute;left:0;top:12px;z-index:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.stockzone__trump--swap{cursor:pointer}.stockzone__trump--swap:active{transform:scale(.96)}.stockzone__trump--closed{animation:flipClose .5s ease}@keyframes flipClose{0%{transform:scaleX(1)}50%{transform:scaleX(.06)}to{transform:scaleX(1)}}.stockzone__swaphint{position:absolute;bottom:-16px;left:0;font-size:10px;font-weight:700;color:var(--gold);white-space:nowrap}.stockzone__meta{display:flex;flex-direction:column;align-items:center;font-size:12px;gap:2px}.tag{background:var(--card-red);color:#fff;padding:1px 8px;border-radius:6px;font-size:11px}.playzone{position:relative;width:150px;height:180px;display:flex;align-items:center;justify-content:center}.playzone__hint{opacity:.4;font-size:13px}.pile{position:absolute;inset:0;transition:transform .55s ease,opacity .55s ease}.pile--collect-you{transform:translateY(120px) scale(.7);opacity:0}.pile--collect-opp{transform:translateY(-120px) scale(.7);opacity:0}.tcard{position:absolute;left:50%;display:flex;flex-direction:column;align-items:center;gap:3px}.tcard--opp{top:6px;transform:translate(-58%) rotate(-7deg);z-index:1}.tcard--you{top:58px;transform:translate(-42%) rotate(6deg);z-index:1}.tcard--top{z-index:3}.tcard__tag{font-size:10px;font-weight:700;padding:1px 7px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.tcard__tag--opp{background:#0006;color:#e9c0c0}.tcard__tag--you{background:var(--gold);color:#3a2c00}.tcard--win .card{box-shadow:0 0 0 3px var(--gold),0 0 16px 4px #e7c66b99,var(--shadow)}.actions{display:flex;gap:8px;justify-content:center;min-height:40px;flex-wrap:wrap}.modal{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.modal__box{background:#123c2c;border:1px solid rgba(231,198,107,.4);border-radius:16px;padding:24px;text-align:center;max-width:340px;width:100%;box-shadow:var(--shadow)}.modal__box h2,.modal__box h3{margin-top:0;color:var(--gold)}.modal__actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.muted{opacity:.7;font-size:13px}.spinner{width:38px;height:38px;border:4px solid rgba(255,255,255,.25);border-top-color:var(--gold);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-height: 640px){.card{width:52px;height:74px}.card__center{font-size:24px}}.home__head{display:flex;align-items:center;justify-content:center;position:relative}.iconbtn{position:absolute;right:0;background:#00000040;border:none;border-radius:10px;font-size:18px;padding:6px 10px;cursor:pointer}.section{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);text-align:left}.section__title{font-size:13px;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:10px}.segmented{display:flex;gap:6px;margin-bottom:12px}.segmented__opt{flex:1;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-weight:600;cursor:pointer;transition:background .15s ease}.segmented__opt.is-active{background:var(--gold);color:#3a2c00;border-color:var(--gold)}.joinrow{display:flex;gap:8px;align-items:center}.home__input--inline{margin-bottom:0;text-transform:uppercase;letter-spacing:3px;font-weight:700}.joinrow .btn{width:auto;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.roomcode{font-size:46px;font-weight:800;letter-spacing:10px;color:var(--gold);background:#0000004d;padding:14px 24px;border-radius:14px;cursor:pointer;user-select:all}.banner{background:#b8860b;color:#1c1500;text-align:center;padding:8px;font-size:13px;font-weight:600}.rating{margin:18px 0;text-align:center}.rating__value{font-size:54px;font-weight:800;color:var(--gold);line-height:1}.rating__title{opacity:.8;margin-top:4px}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.statcard{background:#00000040;border-radius:12px;padding:14px 10px;text-align:center}.statcard__value{font-size:24px;font-weight:700;color:var(--gold)}.statcard__label{font-size:12px;opacity:.7;margin-top:4px}@keyframes cardPlayIn{0%{transform:translateY(28px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.card-play-in .card{animation:cardPlayIn .25s ease-out}@keyframes handIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.card--in{animation:handIn .22s ease-out}@keyframes winPulse{0%,to{box-shadow:0 0 0 3px var(--gold),var(--shadow)}50%{box-shadow:0 0 14px 5px var(--gold),var(--shadow)}}.trick__slot--win .card{animation:winPulse .6s ease-in-out}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal__box--pop{animation:popIn .25s ease-out}.announce{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 26px;border-radius:18px;font-size:22px;font-weight:800;letter-spacing:.5px;box-shadow:var(--shadow);pointer-events:none;animation:announcePop 2.6s ease-in-out forwards}.announce__cards{display:flex;gap:8px}.announce--you{background:var(--gold);color:#3a2c00}.announce--opp{background:#b23b3b;color:#fff}@keyframes announcePop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}10%{transform:translate(-50%,-50%) scale(1.08);opacity:1}18%{transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-65%) scale(.95);opacity:0}}.turnflag{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:14;padding:5px 18px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:var(--shadow);white-space:nowrap}.turnflag--you{background:var(--gold);color:#3a2c00}.turnflag--opp{background:#00000073;color:#fff}.trickbtn{position:absolute;top:8px;left:10px;z-index:15;background:#00000059;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer}.trickbtn:active{transform:scale(.96)}.modal__box--wide{max-width:420px}.trickslist{max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-right:4px}.trickslist__row{display:flex;align-items:center;gap:8px;background:#0003;border-radius:10px;padding:6px 10px}.trickslist__no{width:22px;opacity:.7;font-size:13px}.trumpbadge{display:inline-flex;align-items:center;gap:6px;background:var(--card-bg);color:var(--card-black);border:2px solid var(--gold);border-radius:20px;padding:3px 12px 3px 8px;font-weight:700;box-shadow:var(--shadow)}.trumpbadge__label{font-size:10px;letter-spacing:1px;background:var(--gold);color:#3a2c00;padding:2px 6px;border-radius:10px}.trumpbadge__sym{font-size:22px;line-height:1}.trumpbadge__sym.is-red{color:var(--card-red)}.trumpbadge__sym.is-black{color:var(--card-black)}.trumpbadge__name{font-size:13px;text-transform:capitalize}.home__headbtns{position:absolute;right:0;display:flex;gap:6px}.iconbtn--sm{font-size:15px;padding:6px 10px}.setrow{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px}.setrow--col{flex-direction:column;align-items:flex-start;gap:12px}.toggle{width:50px;height:28px;border-radius:16px;border:none;background:#fff3;position:relative;cursor:pointer;transition:background .2s ease;flex-shrink:0}.toggle--on{background:var(--accent)}.toggle__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggle--on .toggle__knob{transform:translate(22px)}.themes{display:flex;gap:10px;flex-wrap:wrap;width:100%}.themeswatch{width:46px;height:46px;border-radius:12px;border:3px solid transparent;cursor:pointer;box-shadow:var(--shadow)}.themeswatch.is-active{border-color:var(--gold)}.card--style-clean,.card--style-four,.card--style-large{background:#f4efe2;box-shadow:inset 0 0 0 1px #0000000f,0 4px 12px #00000038}.cface{position:absolute;inset:0;font-weight:700}.cface__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.95}.cface__corner--tl{top:5px;left:6px}.cface__corner--br{bottom:5px;right:6px;transform:rotate(180deg)}.cface__rank{font-size:17px}.cface__suit{font-size:14px}.cface__pips{position:absolute;inset:17% 24%}.cface__pip{position:absolute;transform:translate(-50%,-50%);font-size:17px;line-height:1}.cface__pip.is-flip{transform:translate(-50%,-50%) rotate(180deg)}.cface__pip.is-big{font-size:46px}.cface__court{position:absolute;inset:16% 14%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1.5px solid currentColor;border-radius:7px;background:#00000005}.cface__fig{font-size:40px;line-height:1}.cface__courtrank{font-size:18px}.cface__big{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.cface__bigrank{font-size:50px;line-height:.9}.cface__bigsuit{font-size:34px;line-height:1}.card--small .cface__rank{font-size:12px}.card--small .cface__suit{font-size:10px}.card--small .cface__pip{font-size:11px}.card--small .cface__pip.is-big{font-size:30px}.card--small .cface__fig{font-size:26px}.card--small .cface__courtrank{font-size:13px}.card--small .cface__bigrank{font-size:32px}.card--small .cface__bigsuit{font-size:22px}.deckpicker{display:flex;gap:10px;flex-wrap:wrap;width:100%}.deckopt{display:flex;flex-direction:column;align-items:center;gap:6px;background:#0000002e;border:2px solid transparent;border-radius:12px;padding:8px 10px;cursor:pointer;color:#fff}.deckopt.is-active{border-color:var(--gold)}.deckopt__name{font-size:12px}.deckopt .card{cursor:pointer}.game__topbar .iconbtn{flex:0 0 auto}.panel__turn{background:var(--gold);color:#3a2c00;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:10px}.segmented--inline{width:auto;margin:0;gap:6px}.segmented--inline .segmented__opt{flex:0 0 auto;padding:8px 14px}.home--scroll{align-items:flex-start;overflow-y:auto;padding-top:calc(env(safe-area-inset-top) + 12px);padding-bottom:24px}.home--scroll .home__card{margin:auto}.btn--sm.btn--ghost{width:auto;padding:8px 12px}.account{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0003;padding:10px 14px;border-radius:12px}.formerror{background:#b23b3bd9;color:#fff;padding:8px 12px;border-radius:10px;font-size:13px;margin-bottom:10px;text-align:center}.toast{background:#0009;color:#fff;padding:8px 12px;border-radius:10px;font-size:13px;text-align:center;margin-bottom:12px}.friends,.reqs{display:flex;flex-direction:column;gap:8px}.friendrow{display:flex;align-items:center;justify-content:space-between;background:#0003;padding:8px 12px;border-radius:10px}.friendrow__name{display:flex;align-items:center;gap:8px;font-weight:600}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot--on{background:#3fbf6a;box-shadow:0 0 6px #3fbf6a}.dot--off{background:#7a7a7a}.ingame{font-size:11px;background:var(--gold);color:#3a2c00;padding:1px 7px;border-radius:8px;margin-left:4px}