@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.193567cf.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.7f2acc0f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.610fd2a3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.fredoka_5dae6085-module__-KAe2W__className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.fredoka_5dae6085-module__-KAe2W__variable{--font-fredoka:"Fredoka","Fredoka Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--background:#000;--bg-gradient:radial-gradient(ellipse at center,#064e3b 0%,#022c22 50%,#000 100%);--card-bg:#0006;--card-border:#112a2099;--primary:#008b5e;--primary-hover:#00a36e;--accent:#ffc132;--accent-hover:#ffd15e;--accent-glow:#ffc13273;--text-main:#fff;--text-muted:#112a20;--text-dim:#008b5e;--transition:.25s cubic-bezier(.4,0,.2,1);--radius-card:6px}html,body{height:100%;height:-webkit-fill-available}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}body{background:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-container.playing{background:#020a08;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.landing-bg{background:var(--bg-gradient);-webkit-overflow-scrolling:touch;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100dvh;padding:2rem 1.5rem;display:flex;overflow-y:auto}.landing-header{text-align:center}.landing-logo-text{font-family:var(--font-fredoka),sans-serif;color:#fff;text-align:center;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:3.75rem;font-weight:700;display:flex}.landing-logo-text .logo-icon{color:var(--accent);filter:drop-shadow(0 0 10px var(--accent-glow));font-size:5rem}.landing-tagline{color:#006b4b;opacity:.8;font-size:1rem;font-weight:500}.landing-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--card-border);background:#0006;border-radius:20px;flex-direction:column;gap:1.25rem;width:100%;max-width:460px;padding:24px;display:flex;box-shadow:0 20px 50px #0003}.form-group{flex-direction:column;gap:.75rem;display:flex}.input-label{color:#fff;font-size:.85rem;font-weight:200}.custom-input{color:#fff;background:#0003;border:1px solid #064e3b80;border-radius:6px;outline:none;width:100%;height:3rem;padding:.25rem .75rem;font-size:1rem;transition:all .2s}.custom-input::placeholder{color:#047857}.custom-input.centered{text-align:center;letter-spacing:2px;font-weight:700}.custom-input.centered::placeholder{text-align:center;letter-spacing:normal;font-weight:500}.custom-input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433}.mode-toggle{background:#022c2280;border:1px solid #064e3b4d;border-radius:.5rem;grid-template-columns:1fr 1fr;width:100%;height:2.25rem;padding:.25rem;display:grid}.mode-btn{white-space:nowrap;color:#34d399;background:0 0;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.mode-btn.active{color:#fff;background:#064e3b80;box-shadow:0 1px 2px #0000001a}.player-count-title{color:#d1fae5;margin-bottom:.75rem;font-size:.875rem;font-weight:500;display:block}.player-count-title svg{vertical-align:text-bottom;width:1rem;height:1rem;margin-right:.25rem;display:inline}.player-options{gap:.75rem;display:flex}.option-btn{color:#d1fae5;background:#064e3b80;border:1px solid #0596694d;border-radius:.5rem;flex:1;padding:.75rem 0;font-size:.875rem;font-weight:500;transition:all .2s}.option-btn:hover:not(.active){background:#04785780}.option-btn.active{color:#000;background:#fbbf24;border:none;box-shadow:0 0 15px #fbbf2466}.primary-btn{color:#000;white-space:nowrap;background:#fbbf24;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:3rem;margin-top:.5rem;padding:0 1rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 0 15px #fbbf2466}.primary-btn:hover{background:#f59e0b;transform:scale(1.02)}.primary-btn:active{transform:scale(.95)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.landing-footer-group{text-align:center;flex-direction:column;align-items:center;gap:.1rem;margin-top:-1rem;display:flex}.landing-footer,.landing-footer-dev{color:#006b4b;opacity:.6;font-size:.75rem;font-weight:500}.lobby-bg{background:var(--bg-gradient);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.lobby-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:540px;padding:24px;overflow:hidden;box-shadow:0 40px 80px #00000080}.lobby-header-small{text-align:center;margin-bottom:2rem}.lobby-header-small h1{font-family:var(--font-fredoka),sans-serif;justify-content:center;align-items:center;gap:.75rem;font-size:2.5rem;font-weight:700;display:flex}.lobby-header-small .status{color:var(--primary);margin-top:.5rem;font-size:.95rem;font-weight:600}.room-id-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;border:1px solid #ffffff1a;border-radius:.75rem;width:100%;margin-bottom:1rem;padding:1rem}.room-id-label{color:#34d39999;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem;font-size:.75rem;display:block}.room-id-code-row{align-items:center;gap:.75rem;display:flex}.room-id-code{color:#fff;letter-spacing:.3em;text-align:center;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.875rem;font-weight:700}.icon-btn-small{color:#34d399;background:0 0;border-radius:.375rem;justify-content:center;align-items:center;height:2rem;padding:0 .75rem;transition:all .2s;display:inline-flex}.icon-btn-small:hover{color:#fbbf24;background:#ffffff1a}.invite-link-row{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.invite-link-input{color:#6ee7b7b3;text-overflow:ellipsis;white-space:nowrap;background:#0000004d;border:1px solid #064e3b4d;border-radius:.5rem;flex:1;padding:.5rem .75rem;font-family:monospace;font-size:.75rem;overflow:hidden}.copy-link-text{color:var(--primary);cursor:pointer;font-size:.85rem;font-weight:700}.players-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;width:100%;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 10px 30px #0003}.players-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.players-card-title{color:#d1fae5;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.players-count{color:#fbbf24;font-size:.875rem;font-weight:700}.players-progress-bar{background:#022c22;border-radius:9999px;width:100%;height:.5rem;margin-bottom:1rem;overflow:hidden}.players-progress-fill{background:#fbbf24;border-radius:9999px;height:100%;transition:width .5s ease-in-out}.player-list{flex-direction:column;gap:.5rem;display:flex}.player-row{border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.player-row.active{background:#064e3b4d;border:1px solid #0596694d}.player-row.waiting{background:#022c224d;border:1px dashed #064e3b33}.leave-room-btn{text-align:center;color:#34d399;cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;gap:.25rem;width:100%;padding:.5rem 0;font-size:.875rem;transition:all .2s;display:flex}.leave-room-btn:hover{color:#ef4444;opacity:1}.player-avatar{border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:700;display:flex}.player-row.active .player-avatar{color:#d1fae5;background:#047857}.player-row.waiting .player-avatar{color:#064e3b;background:#022c2280}.player-name-section{flex:1}.player-name{font-size:.875rem;font-weight:500}.player-row.active .player-name{color:#fff}.player-row.waiting .player-name{color:#064e3b}.player-tag{color:#fbbf24;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:10px;font-weight:700}.player-status-dot{color:var(--text-dim)}.player-status-dot.waiting{box-shadow:none;background:#ffffff1a}.lobby-action-row{flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.secondary-action{color:var(--primary);opacity:.6;cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}.secondary-action:hover{opacity:1}.game-root{width:100vw;height:100dvh;min-height:-webkit-fill-available;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-top:env(safe-area-inset-top,0px);background:#0d1117;flex-direction:column;display:flex;position:relative;overflow:hidden}.landscape-overlay{z-index:9999;color:#fff;text-align:center;background:#0d1117;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}.landscape-content{flex-direction:column;align-items:center;display:flex}.rotate-icon{animation:2s ease-in-out infinite pulseRotate}@keyframes pulseRotate{0%{transform:scale(1)rotate(-10deg)}50%{transform:scale(1.1)rotate(10deg)}to{transform:scale(1)rotate(-10deg)}}@media screen and (max-width:900px) and (orientation:portrait){.landscape-overlay{display:flex}}.floating-game-info{z-index:50;pointer-events:none;flex-direction:column;gap:.25rem;display:flex;position:absolute;top:1rem;left:1rem}.floating-logo{font-family:"Fredoka",var(--font-fredoka),sans-serif;color:var(--accent);text-shadow:0 2px 15px #ffc1324d;font-size:1.4rem;font-weight:700}.floating-turn-info{align-items:center;font-size:.75rem;display:flex}.game-table-container{z-index:1;flex:1;grid-template:".top.""left center right"1fr/minmax(60px,.8fr) minmax(180px,2.5fr) minmax(60px,.8fr);place-items:center;gap:0;min-width:0;min-height:0;padding:.25rem .5rem;display:grid;position:relative;overflow:hidden}.game-table{grid-area:center;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.table-felt{aspect-ratio:2.5;background:radial-gradient(circle,#0a3d2e 0%,#041a14 60%,#000 100%);border:2px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;width:100%;max-width:1100px;min-height:80px;max-height:100%;display:flex;position:relative;box-shadow:inset 0 0 80px #000000b3}.table-felt:before{content:"";pointer-events:none;border:2px solid #ffffff0a;border-radius:999px;position:absolute;inset:8px}.table-felt:after{content:"PUSOY DOS";font-family:var(--font-fredoka),sans-serif;color:#ffffff08;letter-spacing:.2em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:2.5rem;font-weight:700;position:absolute}.game-center{z-index:5;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seat-top{flex-direction:column;grid-area:top}.seat-left{flex-direction:column;grid-area:left}.seat-right{flex-direction:column;grid-area:right}.player-seat.active-seat{border-color:#22c55e99;box-shadow:0 0 16px #22c55e40}.player-seat.finished-seat{opacity:.6;border-color:#ffffff0a}.player-seat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:6;background:#0000008c;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}@media (max-width:950px) and (orientation:portrait){.game-table-container{grid-template:"left right""top top""center center"1fr/1fr 1fr;padding:.25rem}.seat-top{margin-bottom:.25rem}.table-felt{aspect-ratio:2}}@media (max-height:700px){.game-table-container{padding:.15rem .35rem}.table-felt{aspect-ratio:3;min-height:80px}.seat-cards{margin-top:.1rem}.seat-facedown-card{width:30px;height:44px}.seat-top{margin-bottom:0}.floating-game-info{gap:.15rem;top:.5rem;left:.75rem}.floating-logo{font-size:1.1rem}}.seat-avatar{background:linear-gradient(135deg,var(--accent),#9f88ff);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.seat-info{flex-direction:column;align-items:center;display:flex}.seat-name{color:#fff;white-space:nowrap;font-size:.82rem;font-weight:600}.seat-name.active-name{color:#4ade80}.seat-status{color:#ffffff80;font-size:.72rem}.passed-status{color:#fbbf24!important}.playing-status{color:#4ade80!important}.seat-disconnected{color:#f87171;font-size:.68rem}.seat-cards{align-items:center;gap:-4px;margin-top:.4rem;display:flex;position:relative}.seat-facedown-card{width:45px;height:65px;transform:rotate(var(--fan-angle))translateX(var(--stack-offset));background-image:url(/images/card-back.png);background-position:50%;background-size:cover;border:1.5px solid #ffffff40;border-radius:8px;margin-left:-38px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:2px 4px 12px #00000080}.seat-facedown-card:first-child{margin-left:0}.seat-card-count{color:#fff;text-align:center;z-index:10;background:#ef4444;border:2px solid #fff;border-radius:14px;justify-content:center;align-items:center;min-width:28px;padding:.25rem .6rem;font-size:.9rem;font-weight:800;display:flex;position:absolute;top:-12px;right:-12px;box-shadow:0 4px 12px #ef444499}.winning-crown{z-index:20;background:#111;border:1.5px solid gold;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;animation:2s ease-in-out infinite float-crown;display:flex;position:absolute;top:-12px;right:-8px;box-shadow:0 4px 12px #ffd70080}.self-winning{top:-10px;right:-6px}@keyframes float-crown{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.1)}}.last-play-area{flex-direction:column;align-items:center;gap:.5rem;min-width:200px;display:flex}.last-play-label{letter-spacing:.12em;color:#ffffff80;text-transform:uppercase;font-size:.72rem;font-weight:700}.last-play-empty-cards{align-items:center;gap:.35rem;min-height:70px;display:flex}.last-play-ghost-card{border:2px dashed #ffffff26;border-radius:8px;width:60px;height:90px}.play-stack-wrapper{place-items:center;margin:10px 10px 0;display:grid}.play-stack-prev-layer,.play-stack-cur-layer{flex-direction:row;grid-area:1/1;align-items:center;gap:.35rem;display:flex}.play-stack-prev-layer{opacity:.45;filter:brightness(.7);z-index:1;transform:translate(-10px,-12px)rotate(-5deg)}.play-stack-cur-layer{z-index:2;animation:.25s ease-out card-enter}.play-stack-cur-layer .card{box-shadow:0 4px 16px #0006,0 0 6px #22c55e1f}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:none}}.last-play-info{flex-direction:column;align-items:center;gap:.15rem;display:flex}.last-play-combo{color:#fff;font-size:.8rem;font-weight:700}.last-play-by{color:#ffffff80;font-size:.72rem}.card{-webkit-user-select:none;user-select:none;z-index:1;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden}.card.face-up{color:#000;background:linear-gradient(135deg,#fff 0%,#f3f4f6 100%);border:1px solid #00000026;flex-direction:column;width:90px;height:130px;padding:8px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 8px #0003}.card.face-up.red{color:#e11d48}.card.face-up.black{color:#000}.card.face-up.small{width:70px;height:100px;padding:6px}.card.face-up.tiny{width:45px;height:65px;padding:4px}.card.face-up.clickable:hover{z-index:50;transform:translateY(-8px)scale(1.05);box-shadow:0 12px 24px #0000004d}.card.face-up.selected{z-index:2;border:2px solid #22c55e;transform:translateY(-20px);box-shadow:0 15px 30px #22c55e66}.card.face-down{width:68px;height:100px;box-shadow:var(--shadow-card);background:linear-gradient(135deg,#1e3a6e,#2d5aa0);border:1.5px solid #fff3}.card.face-down.small{width:52px;height:76px}.card-back-pattern{background-image:repeating-linear-gradient(45deg,#ffffff0d 0 2px,#0000 2px 8px);border:1px solid #ffffff1a;border-radius:4px;position:absolute;inset:4px}.card-corner{z-index:10;flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute}.card-corner.top-left{top:6px;left:8px}.card-corner.bottom-right{bottom:6px;right:8px;transform:rotate(180deg)}.card-rank{font-size:1.1rem;font-weight:800}.card.face-up.small .card-rank{font-size:.9rem}.card.face-up.tiny .card-rank{font-size:.7rem}.card-suit-mini{font-size:.8rem}.card.face-up.small .card-suit-mini{font-size:.6rem}.pip-grid-container{flex:1;justify-content:center;align-items:center;width:100%;padding:1.5rem .6rem;display:flex}.pip-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:100%;max-width:65px;height:100%;display:grid}.card.face-up.small .pip-grid-container{padding:1rem .4rem}.card.face-up.tiny .pip-grid-container{padding:.6rem .2rem}.pip-slot{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pip-symbol{text-align:center;font-size:.95rem;line-height:1;display:block}.ace-center-symbol{text-align:center;font-size:3.5rem;line-height:1;display:block}.card.face-up.small .ace-center-symbol{font-size:2.2rem}.card.face-up.tiny .ace-center-symbol{font-size:1.4rem}.ace-grid{justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important}.royalty-illustration{background:#f8fafc;border:1px solid #0000001a;border-radius:4px;flex:1;justify-content:center;align-items:center;margin:12px 6px;display:flex;position:relative;overflow:hidden}.person-frame{color:#cbd5e1;justify-content:center;align-items:center;display:flex;position:relative}.person-base{stroke-width:1.5px}.royalty-illustration.traditional{background:#fff;flex-direction:column;gap:0;padding:4px}.royalty-head{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.royalty-head.bottom{transform:rotate(180deg)}.royalty-svg{width:100%;max-width:60px;height:100%}.royalty-divider{width:100%;height:1px;margin:2px 0}.card.face-up.small .royalty-svg{max-width:40px}.card.face-up.tiny .royalty-svg{max-width:25px}.car-rank-suit-red{color:#e11d48}.car-rank-suit-black{color:#111}.card.face-up.red .card-rank,.card.face-up.red .card-suit-mini,.card.face-up.red .pip-symbol{color:#e11d48}.card.face-up.black .card-rank,.card.face-up.black .card-suit-mini,.card.face-up.black .pip-symbol{color:#111}.accessory-overlay{opacity:1;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.card.face-up[data-rank=J] .person-frame{color:#64748b}.card.face-up[data-rank=Q] .person-frame,.card.face-up[data-rank=Q] .accessory-overlay,.card.face-up[data-rank=K] .person-frame,.card.face-up[data-rank=K] .accessory-overlay{color:#b45309}.player-area{z-index:20;background:#0d1117f7;border-top:1px solid #ffffff14;flex-shrink:0;padding:.5rem 1rem .75rem;transition:box-shadow .3s,border-color .3s}.player-area.is-your-turn{border-top:1px solid #22c55e66;animation:2s cubic-bezier(.4,0,.6,1) infinite your-turn-pulse;box-shadow:0 -8px 24px #22c55e26,inset 0 10px 20px #22c55e0d}@keyframes your-turn-pulse{0%,to{box-shadow:0 -8px 24px #22c55e26,inset 0 10px 20px #22c55e0d}50%{box-shadow:0 -12px 32px #22c55e40,inset 0 10px 20px #22c55e1a}}.your-turn-badge{background:var(--accent);color:#000;letter-spacing:.05em;box-shadow:0 4px 12px var(--accent-glow);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.85rem;font-weight:800;animation:2s infinite bounce-pulse;display:inline-flex}@keyframes bounce-pulse{0%,to{box-shadow:0 4px 12px var(--accent-glow);transform:translateY(0)}50%{box-shadow:0 8px 20px var(--accent-glow);transform:translateY(-4px)}}.other-turn-badge{color:#fff9;background:#ffffff1a;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}@media (max-width:640px){.player-area{padding:.4rem .5rem .5rem}.your-turn-badge{padding:.2rem .6rem;font-size:.7rem}.other-turn-badge{padding:.2rem .6rem;font-size:.65rem}}@media (max-height:700px){.player-area{padding:.35rem .75rem .5rem}}.player-info-bar{align-items:center;gap:.6rem;display:flex}.player-text-info{flex-direction:column;display:flex}.player-avatar-sm{background:linear-gradient(135deg,var(--accent),#9f88ff);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}@media (max-width:640px){.player-avatar-sm{width:28px;height:28px;font-size:.75rem}.player-name-label{font-size:.75rem}.player-card-count{font-size:.65rem}}.player-name-label{color:#fff;font-size:.82rem;font-weight:600;line-height:1.1;display:block}.player-card-count{color:#fffffe59;margin-top:1px;font-size:.68rem;line-height:1.1;display:block}.sort-group{gap:.35rem;display:flex}.sort-btn{color:#ffffff73;transition:all var(--transition);text-transform:uppercase;letter-spacing:.05em;background:#ffffff0f;border-radius:6px;padding:.25rem .6rem;font-size:.72rem;font-weight:600}.sort-btn.active{background:var(--accent);color:#000}.sort-btn:hover:not(.active){color:#fff;background:#ffffff1f}.button-divider{background:#ffffff1a;width:1px;height:20px;margin:0 .5rem}.hand-container{justify-content:center;align-items:flex-end;width:100%;max-width:100vw;height:130px;padding:0 2vw;display:flex}@media (max-height:750px),(max-width:640px){.hand-container{height:115px;padding:0 12px}}@media (max-height:600px){.hand-container{height:95px}}.hand-container>.card{margin-left:max(-40px,-20px - 2vw);transition:all .3s cubic-bezier(.23,1,.32,1)}.hand-container>.card:first-child{margin-left:0}.hand-container>.card:hover{z-index:100;margin-right:max(20px,10px + 2vw);transform:translateY(-12px)scale(1.05)}@media (max-height:600px) and (orientation:landscape){.hand-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center;align-items:flex-end;height:125px;padding:0 8px 10px;display:flex;overflow:auto visible}.hand-container::-webkit-scrollbar{display:none}}.empty-hand-msg{color:#fff6;align-self:center;font-size:.88rem}.action-bar{background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;width:fit-content;margin:0 auto .4rem;padding:.3rem 1rem;display:flex}.pass-btn{color:#fff9;transition:all var(--transition);background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem 1.2rem;font-size:.85rem;font-weight:600;display:flex}.pass-btn:hover:not(:disabled){color:#fff;background:#ffffff26;border-color:#fff3}.pass-btn:disabled{opacity:.2;cursor:not-allowed}.play-btn{background:var(--green-light);color:#fff;transition:all var(--transition);border-radius:8px;align-items:center;gap:.4rem;padding:.45rem 1.4rem;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 12px #3a96604d}.play-btn:hover:not(:disabled){background:#4db375;transform:translateY(-1px);box-shadow:0 6px 16px #3a966066}.play-btn:active:not(:disabled){transform:translateY(0)}.play-btn:disabled{opacity:.25;cursor:not-allowed;box-shadow:none;border:1px solid #ffffff0d;transform:none}@media (max-width:640px){.action-bar{gap:.35rem;padding:.2rem .5rem}.play-btn,.pass-btn{border-radius:6px;height:2.2rem;padding:.3rem .8rem;font-size:.78rem}.sort-btn{padding:.2rem .4rem;font-size:.65rem}.button-divider{height:16px;margin:0 .25rem}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.custom-modal{text-align:center;background:linear-gradient(135deg,#1a2e1d 0%,#0d1a10 100%);border:1px solid #34d39933;border-radius:24px;width:90%;max-width:440px;padding:2.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp;box-shadow:0 20px 50px #0009,0 0 20px #34d3991a}.modal-icon-container{color:#ef4444;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.modal-title{font-family:var(--font-fredoka),sans-serif;color:#fff;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.modal-description{color:#fff9;margin-bottom:2rem;font-size:1rem;line-height:1.5}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-notification{color:#fff;z-index:100;background:#1e1e1eeb;border-radius:8px;padding:.6rem 1.25rem;font-size:.88rem;animation:.2s fadeInUp;position:fixed;bottom:180px;left:50%;transform:translate(-50%)}.game-error-toast{color:#fff;z-index:100;background:#dc2626eb;border-radius:8px;padding:.6rem 1.25rem;font-size:.88rem;animation:.2s fadeInUp;position:fixed;bottom:180px;left:50%;transform:translate(-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.loading-screen{color:#ffffffb3;background:#0d1117;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.loading-spinner{border:3px solid #5b4cf533;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (max-width:600px){.game-header{padding:.5rem .75rem}.player-area{padding:.35rem .5rem .5rem}.card.face-up{width:52px;height:76px}.card-center-suit{font-size:1.2rem}.landing-card,.lobby-card{background:#0006;padding:1.5rem 1.25rem}.gameover-card{border-radius:12px}.landing-bg{justify-content:flex-start;gap:1.25rem;padding:2.5rem 1rem}.landing-logo-text{gap:.4rem;font-size:2rem}.landing-logo-text .logo-icon{width:28px!important;height:28px!important}.landing-tagline{font-size:.85rem}.landing-footer-group{gap:0;margin-top:.25rem}.landing-footer,.landing-footer-dev{padding:0 1rem;font-size:.75rem;line-height:1.4}.lobby-header-small{margin-bottom:.5rem}.lobby-header-small h1{gap:.4rem;font-size:1.75rem}.room-id-code{letter-spacing:.2em;font-size:1.5rem}.players-card{padding:.75rem}.lobby-action-row{gap:.5rem;margin-top:.5rem}}@media (max-height:600px) and (orientation:landscape){.floating-game-info{gap:.1rem;top:.35rem;left:.5rem}.floating-logo{font-size:.95rem}.floating-turn-info{font-size:.65rem}.game-table-container{grid-template:".top.""left center right"1fr/minmax(50px,.7fr) minmax(150px,2.5fr) minmax(50px,.7fr);padding:.1rem .4rem}.table-felt{aspect-ratio:auto;height:75%;min-height:35px;margin-top:8px}.table-felt:after{font-size:1rem}.seat-top{margin-bottom:0}.player-seat{border-radius:6px;gap:.2rem;padding:.15rem .3rem}.seat-avatar{width:22px;height:22px;font-size:.6rem}.seat-name{font-size:.65rem}.seat-status{font-size:.55rem}.seat-cards{margin-top:.1rem}.seat-facedown-card{border-radius:3px;width:18px;height:26px;margin-left:-10px}.seat-card-count{border-width:1px;min-width:18px;padding:.1rem .3rem;font-size:.6rem;top:-6px;right:-6px}.winning-crown{width:16px;height:16px;top:-6px;right:-4px}.player-area{padding:.15rem .4rem .25rem}.action-bar{gap:.3rem;margin-bottom:.15rem;padding:.1rem .4rem}.play-btn,.pass-btn{height:1.6rem;padding:.2rem .6rem;font-size:.68rem}.sort-btn{padding:.12rem .3rem;font-size:.55rem}.button-divider{height:12px;margin:0 .15rem}.player-avatar-sm{width:22px;height:22px;font-size:.6rem}.player-name-label{font-size:.65rem}.player-card-count{font-size:.55rem}.card.face-up{border-radius:6px;width:42px;height:62px;padding:1.2px}.card.face-up.small{border-radius:6px;width:38px;height:56px;padding:1.2px}.card-rank{font-size:.45rem}.card-suit-mini{font-size:.3rem}.card-corner.top-left{top:.5px;left:1.5px}.card-corner.bottom-right{bottom:.5px;right:1.5px}.pip-grid-container{padding:.1rem .05rem}.pip-grid{max-width:28px}.pip-symbol{font-size:.32rem}.ace-center-symbol{font-size:1.8rem}.royalty-illustration{margin:2px 1px;padding:1px}.royalty-svg{max-width:22px}.seat-facedown-card{--fan-angle:0deg;--stack-offset:0px;border-radius:3px;width:18px;height:26px;margin-left:-10px;transform:none}.seat-facedown-card:first-child{margin-left:0}.hand-container{align-items:flex-end;height:85px;padding:0 4px;display:flex;overflow-y:visible}.hand-container>.card{margin-left:-14px}.hand-container>.card:first-child{margin-left:0}.hand-container>.card:hover{margin-right:6px;transform:translateY(-10px)scale(1.02)}.card.face-up.selected{transform:translateY(-12px);box-shadow:0 6px 12px #22c55e66}.play-stack-wrapper{padding-top:10px;padding-left:8px}.play-stack-prev-layer .card,.play-stack-cur-layer .card{width:35px;height:50px}.last-play-empty-cards{min-height:50px}.last-play-ghost-card{width:35px;height:50px}.last-play-area{min-height:unset;gap:.1rem}.last-play-label{font-size:.55rem}.game-notification,.game-error-toast{padding:.3rem .75rem;font-size:.72rem;bottom:80px}}@media (max-height:450px) and (orientation:landscape){.floating-game-info{top:.15rem;left:.3rem}.floating-logo{font-size:.75rem}.game-table-container{grid-template:".top.""left center right"1fr/minmax(40px,.6fr) minmax(120px,2.8fr) minmax(40px,.6fr);padding:.05rem .25rem}.table-felt{aspect-ratio:auto;height:70%;min-height:25px;margin-top:4px}.table-felt:after{font-size:.8rem}.player-seat{gap:.15rem;padding:.1rem .25rem}.seat-avatar{width:18px;height:18px;font-size:.5rem}.seat-name{font-size:.55rem}.seat-status{font-size:.45rem}.seat-facedown-card{--fan-angle:0deg;--stack-offset:0px;border-radius:2px;width:14px;height:20px;margin-left:-8px;transform:none}.seat-facedown-card:first-child{margin-left:0}.seat-card-count{border-width:1px;min-width:14px;padding:.05rem .2rem;font-size:.5rem;top:-4px;right:-4px}.player-area{padding:.1rem .25rem .15rem}.action-bar{gap:.2rem;margin-bottom:.1rem;padding:.05rem .3rem}.play-btn,.pass-btn{height:1.4rem;padding:.15rem .5rem;font-size:.6rem}.sort-btn{padding:.1rem .25rem;font-size:.5rem}.player-avatar-sm{width:18px;height:18px;font-size:.55rem}.player-name-label{font-size:.6rem}.player-card-count{font-size:.5rem}.card.face-up{border-radius:5px;width:34px;height:50px;padding:.2rem .05rem}.card.face-up.small{border-radius:5px;width:30px;height:44px;padding:.2rem .05rem}.card-rank{font-size:.35rem}.card-suit-mini{font-size:.2rem}.card-corner.top-left{top:.2px;left:.5px}.card-corner.bottom-right{bottom:.2px;right:.5px}.pip-grid-container{padding:.05rem 0}.pip-grid{max-width:20px}.pip-symbol{font-size:.24rem}.ace-center-symbol{font-size:1.4rem}.royalty-illustration{margin:1px;padding:.5px}.royalty-svg{max-width:16px}.hand-container{align-items:flex-end;height:75px;padding:0 2px;display:flex;overflow-y:visible}.hand-container>.card{margin-left:-12px}.hand-container>.card:first-child{margin-left:0}.hand-container>.card:hover{margin-right:4px;transform:translateY(-8px)scale(1.02)}.card.face-up.selected{transform:translateY(-10px);box-shadow:0 4px 10px #22c55e66}.play-stack-wrapper{padding-top:8px;padding-left:6px}.play-stack-prev-layer .card,.play-stack-cur-layer .card,.last-play-ghost-card{width:28px;height:40px}.last-play-empty-cards{min-height:38px}.game-notification,.game-error-toast{font-size:.65rem;bottom:60px}}.game-over-container{background:radial-gradient(circle,#064e3b 0%,#022c22 100%);justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex;position:relative;overflow-y:auto}.game-over-card{-webkit-backdrop-filter:blur(20px);background:#0f172acc;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;gap:2rem;width:100%;max-width:500px;padding:2.5rem 2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) modalPop;display:flex;box-shadow:0 25px 50px -12px #00000080}@keyframes modalPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.game-over-header{text-align:center}.game-over-title{font-family:var(--font-fredoka);background:linear-gradient(#fff,#94a3b8);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem}.winner-announce{font-size:1.rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;font-weight:600;display:flex}.standings-list{flex-direction:column;gap:.75rem;display:flex}.standings-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.standings-item:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translate(4px)}.standings-rank{color:#94a3b8;background:#0000004d;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:800;display:flex}.rank-1 .standings-rank{color:#000;background:#fbbf24;box-shadow:0 0 20px #fbbf244d}.rank-2 .standings-rank{color:#000;background:#94a3b8}.rank-3 .standings-rank{color:#fff;background:#b45309}.rank-1{background:#fbbf2414;border-color:#fbbf2433}.standings-name{color:#f8fafc;text-align:left;flex:1;font-size:1.05rem;font-weight:600}.standings-detail{text-align:right;flex-direction:column;display:flex}.detail-main{color:var(--accent);font-size:.9rem;font-weight:700}.detail-sub{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.game-over-actions{grid-template-columns:1fr 1fr;gap:1rem;margin:2rem;display:grid}.action-btn-secondary{color:#f8fafc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:3rem;padding:0 1rem;font-weight:600;transition:all .2s;display:inline-flex}.action-btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.action-btn-primary{color:#000;white-space:nowrap;background:#fbbf24;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:3rem;padding:0 1rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 0 15px #fbbf2466}.action-btn-primary:hover{background:#f59e0b;transform:scale(1.02)}@media (max-width:640px){.game-over-card{gap:1.5rem;padding:2rem 1.5rem}.game-over-title{font-size:2.5rem}}