:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e2e8f0;background-color:#070c16;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#070c16}#root{min-height:100vh}.app-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:min(72rem,100%);margin:0 auto 1.25rem;padding:.9rem 1.1rem;border-radius:1rem;background:radial-gradient(circle at 18% 18%,#0f172a,#0c1426 45%,#080f1c);color:#e2e8f0;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 40px #0006,inset 0 0 0 1px #ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header__title{font-size:1.05rem;font-weight:800;letter-spacing:.02em;color:#f8fafc;text-shadow:0 2px 10px rgba(0,0,0,.35)}.app-header__title-block{display:flex;flex-direction:column;gap:.15rem}.app-header__subtitle{font-size:.9rem;color:#cbd5e1;letter-spacing:.01em;opacity:.92}.app-header__actions{margin-left:0;display:flex;align-items:center}.header-login-button{padding:.55rem 1.1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#f8fafc;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease;box-shadow:0 12px 26px #2563eb47;opacity:.94}.header-login-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #2563eb57;opacity:1}.header-login-button:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.header-avatar-menu{position:relative;display:inline-flex;align-items:center;gap:.6rem}.header-avatar-button{border:1px solid rgba(255,255,255,.08);padding:.2rem;border-radius:50%;background:linear-gradient(135deg,#ffffff0a,#ffffff14);box-shadow:0 12px 24px #00000047,inset 0 0 0 1px #ffffff0d;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.header-avatar-button:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 16px 32px #00000052,0 0 0 1px #38bdf847}.header-avatar-button:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}.header-avatar{width:2.8rem;height:2.8rem;border-radius:50%;display:block;background:#0f172a}.header-identity{display:flex;flex-direction:column;justify-content:center}.header-username{font-weight:800;letter-spacing:.01em;color:#e2e8f0;text-shadow:0 1px 8px rgba(0,0,0,.35);max-width:11rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-avatar-popover{position:absolute;top:calc(100% + .65rem);right:0;min-width:11rem;background:#0b1223;border:1px solid rgba(255,255,255,.08);border-radius:.85rem;padding:.75rem;box-shadow:0 16px 32px #0000005c,0 0 0 1px #3b82f640;z-index:12}.header-avatar-popover__caret{position:absolute;top:-8px;right:18px;width:16px;height:16px;transform:rotate(45deg);background:#0b1223;border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08);box-shadow:-4px -4px 12px #0000002e}.header-menu-item{width:100%;padding:.55rem .8rem;background:linear-gradient(135deg,#ffffff0f,#ffffff1f);border:1px solid rgba(255,255,255,.08);border-radius:.65rem;color:#f1f5f9;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.header-menu-item:hover{transform:translateY(-1px);background:linear-gradient(135deg,#3b82f633,#2563eb29);box-shadow:0 12px 22px #2563eb38}.header-menu-item:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.play-card{position:relative;width:5.625rem;height:7.875rem;border-radius:.625rem;border:.0625rem solid #0f172a;background:radial-gradient(circle at 30% 20%,#fff,#f5f5f5);box-shadow:0 .25rem .75rem #0003;display:grid;align-items:center;justify-items:center;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;overflow:hidden}.play-card--red{color:#c1121f}.play-card--black{color:#0f172a}.play-card--joker{color:#facc15;background:radial-gradient(circle at 30% 20%,#0f172a,#111827 40%,#0b1224);border-color:#facc1555}.play-card:hover{transform:translateY(-.25rem);box-shadow:0 .625rem 1.5rem #00000038}.play-card--dimmed{filter:grayscale(.3) brightness(1.15)}.play-card__corner{position:absolute;display:grid;gap:.125rem;font-weight:700;font-size:1rem;text-align:center;line-height:1.1}.play-card__corner span:last-child{font-size:.875rem}.play-card__corner--top{top:.5rem;left:.5rem;align-items:start}.play-card__corner--bottom{bottom:.5rem;right:.5rem;align-items:end;transform:rotate(180deg)}.play-card__symbol{font-size:2.25rem;opacity:.8}.play-card__joker{display:grid;place-items:center;gap:.625rem;letter-spacing:.08em;font-weight:700;text-transform:uppercase}.play-card__joker-label{font-size:.875rem;color:#e2e8f0}.play-card--back{background:linear-gradient(135deg,#1d4ed8,#7c3aed);border-color:#fff6}.play-card__pattern{width:100%;height:100%;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) .375rem,transparent .375rem,transparent .75rem),repeating-linear-gradient(-45deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) .375rem,transparent .375rem,transparent .75rem);background-size:1.25rem 1.25rem;opacity:.9}.player-wrapper{position:relative;border-radius:.9rem;max-width:14rem;margin:.65rem auto;padding:.85rem 1rem;background:linear-gradient(145deg,#e2e8f01f,#94a3b829 45%,#3b82f633);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 32px #00000042,0 0 0 1px #3b82f61f,0 18px 38px #2563eb24;color:#f1f5f9;overflow:visible;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.player-wrapper:before{display:none}.player-wrapper--blue:before{background:linear-gradient(135deg,#60a5fa,#2563eb)}.player-wrapper--red:before{background:linear-gradient(135deg,#f87171,#b91c1c)}.player-wrapper--neutral:before{background:linear-gradient(135deg,#cbd5e1,#94a3b8)}.player-wrapper--active.player-wrapper--blue{box-shadow:0 10px 24px #0000002e,0 0 24px #7db0fff2,0 0 52px #3b82f6d9,0 0 82px #2563ebb3}.player-wrapper--active.player-wrapper--red{box-shadow:0 10px 24px #0000002e,0 0 24px #fca5a5f2,0 0 52px #f87171d9,0 0 82px #ef4444b3}.player-wrapper--active.player-wrapper--neutral{box-shadow:0 10px 24px #0000002e,0 0 22px #e2e8f0e6,0 0 48px #cbd5e1bf,0 0 74px #94a3b899}.player{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;font-size:1.35rem}.player-identity{display:inline-flex;align-items:center;gap:.65rem;min-width:0;position:relative}.player-avatar-wrapper{position:relative;display:inline-flex}.player-avatar-button{border:none;padding:0;background:transparent;display:inline-flex;position:relative;cursor:pointer}.player-avatar-button:focus-visible{outline:2px solid #38bdf8;outline-offset:2px;border-radius:999px}.player-avatar{width:3em;height:3em;max-width:3em;max-height:3em;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #fff3,0 6px 14px #00000047;background:#0f172a}.player-avatar-popover{position:absolute;bottom:calc(100% + .7rem);left:50%;transform:translate(-50%);background:#0b1223;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.75rem;box-shadow:0 16px 30px #0000005c,0 0 0 1px #3b82f640;z-index:10}.player-avatar-popover__caret{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:18px;height:10px;overflow:hidden}.player-avatar-popover__caret:after{content:"";position:absolute;left:50%;bottom:6px;transform:translate(-50%) rotate(45deg);width:14px;height:14px;background:#0b1223;border-left:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 2px 6px #0003}.player-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.player-avatar-option{width:3rem;height:3rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.14);padding:.2rem;background:linear-gradient(135deg,#ffffff0d,#ffffff14);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.player-avatar-option img{width:100%;height:100%;object-fit:cover;border-radius:.5rem;display:block}.player-avatar-option:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000040}.player-avatar-option--active{box-shadow:0 0 0 2px #38bdf8,0 10px 24px #38bdf833}.player-name{font-weight:800;letter-spacing:.01em;text-shadow:0 2px 6px rgba(0,0,0,.35)}.player-name-block{display:flex;flex-direction:column;line-height:1.05}.player-number-subtext{font-size:.8rem;color:#cbd5e1;font-weight:600;opacity:.9}.player-dealer-label{font-size:.8rem;padding:.15rem .4rem;border-radius:.5rem;background:#fbbf24;color:#3b2f00;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.player-active-label{font-size:.8rem;padding:.15rem .4rem;border-radius:.5rem;background:#38bdf8;color:#0b1b2d;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.player-trick{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;height:1.6rem;padding:0 .5rem;border-radius:.5rem;font-size:1rem;font-weight:800;box-shadow:0 4px 10px #0000002e;border:1px solid rgba(15,23,42,.35)}.player-trick--blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#e2e8f0}.player-trick--red{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fee2e2}.player-trick--neutral{background:#cbd5e1;color:#0f172a}.player-labels{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.35rem;min-height:1.6rem;align-items:center}.player-ready-row{margin-top:.6rem}.player-trump-label{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .5rem;border-radius:.5rem;font-size:.8rem;font-weight:700;box-shadow:0 4px 10px #0000002e;border:1px solid rgba(255,255,255,.2);color:#0f172a;background:#e2e8f0}.player-trump-label--hearts,.player-trump-label--diamonds{background:linear-gradient(135deg,#fff1f2,#fecdd3);color:#ff1b3e;border-color:#f8717173;box-shadow:0 6px 14px #f8717147}.player-trump-label--clubs,.player-trump-label--spades{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#0b0b0f;border-color:#94a3b88c;box-shadow:0 6px 14px #0f172a38}.player-ready{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;background:#0f172ad9;color:#e2e8f0;font-weight:600;box-shadow:0 10px 24px #00000040,inset 0 0 0 1px #ffffff0f;border:none;cursor:pointer;outline:none;transition:transform .12s ease,box-shadow .12s ease}.player-ready:focus-visible{box-shadow:0 0 0 3px #7dd3fc8c,0 10px 24px #00000040,inset 0 0 0 1px #ffffff0f}.player-ready:active{transform:translateY(1px)}.player-ready:disabled{cursor:default}.player-ready__dot{width:.85rem;height:.85rem;border-radius:50%;background:#10b981;box-shadow:0 0 0 6px #10b98126}.player-ready__name{letter-spacing:.01em}.player-ready__state{opacity:.8;font-size:.9rem}.player-ready--no .player-ready__dot{background:#ef4444;box-shadow:0 0 0 6px #ef444426}.poker-table{width:100%;height:100%;position:relative}.poker-table .play-grid{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.poker-table .played-card-grid{display:grid;grid-template-columns:6.25rem 6.25rem 6.25rem;grid-template-rows:6.25rem 6.25rem 6.25rem;justify-items:center;align-items:center;justify-content:center;align-content:center;margin:0 auto;pointer-events:auto;grid-template-areas:". player-3 ." "player-2 . player-4" ". player-1 ."}.poker-table .played-card-grid .grid-space{display:flex;justify-content:center;align-items:center;position:relative}.poker-table .played-card-grid .played-card-slot{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.poker-table .played-card-grid .played-card{position:absolute;transition:transform .12s ease}.poker-table .played-card-grid .played-card .play-card{width:4.5rem;height:6.5rem}.poker-table .played-card-grid .played-card.played-card--winner .play-card{box-shadow:0 0 0 3px #facc15,0 0 18px 8px #facc15e6,0 0 32px 14px #facc1580}.poker-table .played-card-grid .kitty{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.poker-table .played-card-grid .kitty-stack{position:relative;width:4.5rem;height:6.5rem}.poker-table .played-card-grid .kitty-card{position:absolute;inset:0}.poker-table .played-card-grid .kitty-card .play-card{width:100%;height:100%}.poker-table .played-card-grid .deck-to-deal{background:transparent;border:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;color:#fef3c7;text-transform:none;font-size:1rem}.poker-table .played-card-grid .deck-to-deal:disabled{cursor:default;opacity:.85}.poker-table .played-card-grid .deck-to-deal__label{font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.bidding-overlay{position:absolute;display:flex;gap:.75rem;padding:.6rem .75rem;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.5rem;color:#f8fafc;align-items:center;min-width:12rem}.bidding-overlay--stacked{flex-direction:column;align-items:flex-start}.bidding-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;width:100%;justify-content:center}.bidding-overlay--bottom{top:75%;left:50%;transform:translate(-50%,-50%);z-index:2}.bidding-overlay--center{inset:0;margin:auto;width:fit-content;height:fit-content;max-width:14rem;flex-direction:column}.choose-trump{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:auto repeat(2,auto);gap:.35rem .75rem;align-items:center}.choose-trump span{grid-column:1 / -1;justify-self:start}.choose-trump label{display:inline-flex;align-items:center;gap:.2rem;color:#f8fafc}.choose-trump__icon{font-size:3rem;line-height:1}.choose-trump__icon--hearts,.choose-trump__icon--diamonds{color:#dc0505}.choose-trump__icon--clubs,.choose-trump__icon--spades{color:#000}.discard-message{margin-left:.5rem;color:#fbbf24;font-weight:700}.card-table-grid{display:grid;grid-template-columns:20rem 25rem 20rem;grid-template-rows:18rem 25rem 20rem;grid-template-areas:". player-3 scoreboard" "player-2 card-table player-4" ". player-1 ."}.card-table-grid .grid-space{display:flex;justify-content:center;align-items:center}.card-table-grid .table{width:100%}.card-table-grid .table-status-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.card-table-grid .table-status-message{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);max-width:80%;pointer-events:none;z-index:4}.card-table-grid .player-1,.card-table-grid .player-2,.card-table-grid .player-3,.card-table-grid .player-4{flex-direction:column}.card-table-grid .player-1,.card-table-grid .player-3{display:flex;justify-content:center}.card-table-grid .player-slot-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem}.card-table-grid .player-slot-empty__text{opacity:.9;font-weight:700}.card-table-grid .player-slot-empty__button{padding:.4rem .8rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#f8fafc;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;opacity:.95}.card-table-grid .player-slot-empty__button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #2563eb59;opacity:1}.card-table-grid .player-1{align-self:start;margin-top:2rem}.card-table-grid .player-3{align-self:flex-end;margin-bottom:2rem}.play-hand{display:flex;min-height:7.875rem}.play-hand-wrapper{display:flex;align-items:center;justify-content:center}.hand{--hand-scale: 1;display:inline-flex;flex-wrap:nowrap;gap:.5rem;transform-origin:center center;transform:scale(var(--hand-scale))}.play-card-wrapper--dealer-selection-winner .play-card{box-shadow:0 0 0 4px #facc15,0 0 18px 6px #facc15cc,0 0 32px 12px #facc1599}@layer components{.scoreboard{display:flex;flex-direction:column;width:8rem;border-radius:.5rem;overflow:hidden;box-shadow:0 6px 18px #0000002e;font-family:Helvetica Neue,Arial,sans-serif;color:#f8fafc;background:#0f172a}.scoreboard__team{display:grid;place-items:center;height:3.5rem;font-size:1.5rem;font-weight:700;letter-spacing:.02em}.scoreboard__team--blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.scoreboard__team--red{background:linear-gradient(135deg,#ef4444,#b91c1c)}}.spinner{display:flex;justify-content:center;align-items:center;flex-direction:column}.spinner__content{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.spinner__content--with-action{gap:1.25rem}.spinner__content--preview{gap:.5rem}.spinner__title{font-size:1.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0}.spinner__hand{width:100%;max-width:20rem;margin-bottom:2rem}.spinner__message{font-weight:700;color:#e2e8f0;background:#0f172abf;border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 16px #00000040;padding:.65rem 1rem;border-radius:.75rem;min-height:3.25rem;display:flex;align-items:center;justify-content:center}.euchre-engine{position:relative;width:100%;max-width:none;height:100%;margin:0;padding:1.5rem;border-radius:0;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 20% 20%,#0f172a,#0a1020 42%,#05070f);box-shadow:0 25px 55px #00000073,inset 0 0 0 1px #ffffff08;color:#e2e8f0}.euchre-engine--empty{min-height:calc(100vh - var(--header-height, 88px));flex-direction:column;gap:1rem;padding-bottom:2rem}.euchre-engine__join-container{height:3.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.euchre-engine__join-button{height:100%;min-width:10rem;padding:0 1.1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#f8fafc;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease;box-shadow:0 12px 26px #2563eb47;opacity:.94}.euchre-engine__join-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #2563eb57;opacity:1}.euchre-engine__join-button--secondary{background:linear-gradient(135deg,#ffffff14,#ffffff24);color:#e2e8f0;box-shadow:0 8px 18px #00000059}.euchre-engine__join-button--secondary:hover{box-shadow:0 10px 22px #00000061}.euchre-engine__join-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.euchre-engine__join-status{height:100%;min-width:10rem;padding:0 1.1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#e2e8f0;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #00000047;opacity:.9}.euchre-engine__join-button:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.euchre-engine__status{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;border-radius:.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 20px #00000040;font-weight:600}.euchre-engine__status button{justify-self:start;padding:.45rem .9rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#f8fafc;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;opacity:.95}.euchre-engine__status button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #2563eb59;opacity:1}.euchre-engine__status button:disabled{opacity:.55;cursor:not-allowed}.euchre-game-page{position:relative;min-height:100vh;background:radial-gradient(circle at 12% 18%,#0f172a,#0c1426 40%,#070c16 90%);color:#e2e8f0;overflow:hidden;--header-height: 88px}.euchre-game-page__backdrop{position:absolute;inset:0;pointer-events:none;overflow:hidden}.euchre-game-page__orb{position:absolute;width:28rem;height:28rem;border-radius:999px;filter:blur(120px);opacity:.65}.euchre-game-page__orb--left{top:-8rem;left:-10rem;background:radial-gradient(circle,#3b82f659,#0f172a00 65%)}.euchre-game-page__orb--right{bottom:-12rem;right:-14rem;background:radial-gradient(circle,#10b98159,#0f172a00 65%)}.euchre-game-page__content{position:relative;z-index:1;width:100%;padding:0;display:block}.euchre-game-page__main{width:100%;max-width:none;margin:0;display:flex;justify-content:center;min-height:calc(100vh - var(--header-height))}.euchre-game-page__header{position:sticky;top:0;width:100%;z-index:3;padding:0;background:linear-gradient(180deg,#070c16e6,#070c16a6 70%,#070c1600);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.euchre-game-page__header-inner{width:100%;margin:0}.euchre-game-page__header-inner .app-header{margin:0;width:100%;max-width:100vw;border-radius:0;box-sizing:border-box;min-height:var(--header-height)}