@import "https://fonts.googleapis.com/css2?family=Bangers&family=Fredoka:wght@500;600;700&family=Nunito:wght@800;900&display=swap";:root{--felt-950:#160022;--felt-900:#26003d;--felt-800:#4a00a8;--felt-700:#00d084;--felt-200:#c8ff00;--cream:#fff000;--paper:#fffdf3;--ink:#14001f;--muted:#ff9df2;--gold:#fff000;--six:#00e5ff;--seven:#ff2bbd;--orange:#ff7a00;--acid:#b6ff00;--shadow:0 26px 0 #00000038, 0 38px 90px #ff00c757;color:var(--paper);background:var(--felt-950);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Fredoka,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-color:#0000;background-image:radial-gradient(circle at 14% 18%,#fff000f2,#0000 8rem),radial-gradient(circle at 86% 12%,#00e5ffe6,#0000 12rem),radial-gradient(circle at 18% 88%,#b6ff00c7,#0000 11rem),conic-gradient(from 210deg at 70% 70%,#ff2bbd,#4a00a8,#00e5ff,#b6ff00,#ff7a00,#ff2bbd);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-width:320px}body:before{content:"";z-index:-1;mix-blend-mode:overlay;opacity:.72;background:linear-gradient(45deg,#ffffff21 25%,#0000 25% 50%,#ffffff21 50% 75%,#0000 75%) 0 0/54px 54px,radial-gradient(circle,#ffffff38 2px,#0000 2px) 0 0/22px 22px;position:fixed;inset:0}button,input{font:inherit}button{touch-action:manipulation;min-height:44px}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,p{margin:0}h1,h2,.card,.room-code{font-family:Bangers,Nunito,sans-serif}h1{letter-spacing:.025em;width:fit-content;color:var(--gold);text-shadow:5px 5px #ff2bbd,10px 10px #00e5ff,14px 14px #00000073;font-size:clamp(3rem,8vw,7rem);line-height:.9;transform:rotate(-1.5deg)}h2{letter-spacing:.015em;text-shadow:2px 2px #00000059;font-size:clamp(1.25rem,3vw,2rem)}input{width:100%;color:var(--ink);background:#fffdf3;border:0;border-radius:18px;padding:1rem 1.05rem;box-shadow:inset 0 -5px #ff2bbd38,0 0 0 4px #00e5ff47}label{color:#fffaf0e0;gap:.45rem;font-weight:700;display:grid}.page-shell{width:min(1120px,100%);min-height:100vh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin:0 auto}.eyebrow{width:fit-content;color:var(--ink);background:var(--acid);letter-spacing:.13em;text-transform:uppercase;border-radius:999px;padding:.22rem .58rem;font-size:.76rem;font-weight:900;box-shadow:4px 4px #ff2bbd}.lede{color:#fffdf3eb;text-shadow:2px 2px #0000004d;max-width:39rem;font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.55}.muted,.empty-note,.turn-copy,.waiting-copy{color:#fffdf3c2}.empty-note{align-self:center;padding:1rem}.home{grid-template-columns:minmax(0,1.1fr) minmax(320px,.55fr);align-items:center;gap:clamp(1rem,4vw,4rem);display:grid}.home-hero{gap:clamp(2rem,4vw,4rem);display:grid}.home-hero__copy{gap:1.15rem;display:grid}.mini-table{min-height:15rem;box-shadow:var(--shadow), inset 0 0 0 5px #fff00059;background:radial-gradient(circle at 70% 22%,#fff000e6,#0000 5rem),linear-gradient(90deg,#ffffff3d 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#fff3 1px,#0000 1px) 0 0/34px 34px,linear-gradient(135deg,#00d084,#4a00a8 58%,#ff2bbd);border:5px solid #fffdf3;border-radius:34px;position:relative;overflow:hidden}.mini-card{aspect-ratio:.68;color:#fff;text-shadow:4px 4px #0000003d;border:5px solid #fffdf3;border-radius:18px;place-items:center;width:clamp(5rem,12vw,8rem);font:900 clamp(3rem,9vw,6rem)/1 Nunito,sans-serif;display:grid;position:absolute;top:34%;box-shadow:8px 12px #00000047,0 0 34px,inset 0 0 0 5px #ffffff3d}.mini-card--six{background:linear-gradient(145deg,#00e5ff,#004dff);left:22%;transform:rotate(-10deg)}.mini-card--seven{background:linear-gradient(145deg,#ff2bbd,#ff7a00);animation:2.5s ease-in-out infinite landPulse;left:44%;transform:rotate(8deg)}.score-chip{background:linear-gradient(135deg, var(--gold), var(--orange));color:var(--ink);border:4px solid #fffdf3;border-radius:999px;padding:.7rem 1rem;font-weight:900;position:absolute;top:18%;right:12%;transform:rotate(8deg);box-shadow:6px 6px #ff2bbd}.hero-card,.rules-card,.lobby-card,.winner-banner{box-shadow:var(--shadow), inset 0 0 0 3px #fff00033;-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);background:linear-gradient(135deg,#ff2bbd61,#00e5ff42),#14001fb8;border:4px solid #fffdf3f2;border-radius:30px;padding:clamp(1rem,3vw,2rem)}.home-actions,.stacked-form{gap:1rem;display:grid}.join-form{gap:.8rem;display:grid}.rules-card{grid-column:1/-1;align-self:start}.rules-card h2{margin-bottom:.7rem}.rules-card li{color:#fffdf3e6;text-shadow:1px 1px #0000004d;margin:.45rem 0}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border:0;border-radius:999px;padding:.9rem 1.1rem;font-weight:900;transition:transform .16s,filter .16s,background .16s}.primary-button{background:linear-gradient(135deg, var(--gold), var(--orange), #ff2bbd);color:var(--ink);box-shadow:0 7px #5a006e,0 0 28px #fff00059}.secondary-button{color:var(--ink);background:linear-gradient(135deg,#00e5ff,#b6ff00);box-shadow:0 7px #004d72}.ghost-button{color:var(--paper);background:linear-gradient(135deg,#ffffff38,#ff2bbd38);box-shadow:inset 0 0 0 2px #ffffff47,0 5px #0000003d}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{filter:saturate(1.35)brightness(1.08);transform:translateY(-3px)rotate(-.5deg)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.compact-button{padding-inline:1rem}.button-row{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.divider{color:#fffdf3cc;align-items:center;gap:.8rem;font-weight:900;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg,#00e5ff,#ff2bbd,#fff000);border-radius:999px;flex:1;height:4px}.lobby{place-items:center;display:grid}.lobby-card{gap:1.4rem;width:min(640px,100%);display:grid}.share-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.room-code{width:fit-content;color:var(--ink);letter-spacing:.08em;text-shadow:3px 3px #ffffff73;background:linear-gradient(135deg,#fff000,#00e5ff 55%,#ff2bbd);border:5px solid #fffdf3;border-radius:22px;padding:.4rem .8rem;font-size:clamp(2.8rem,15vw,5rem);font-weight:900;box-shadow:9px 11px #00000047,0 0 38px #ff2bbd5c}.seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.seat{background:linear-gradient(135deg,#00e5ff2e,#ff2bbd33);border:3px solid #ffffff3d;border-radius:20px;gap:.25rem;padding:1rem;display:grid}.seat span,.seat em{color:#fffdf3c7;font-style:normal}.game-shell{height:100dvh;max-height:100dvh;padding:max(.8rem, env(safe-area-inset-top)) max(.8rem, env(safe-area-inset-right)) max(.8rem, env(safe-area-inset-bottom)) max(.8rem, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto;gap:1rem;display:grid;overflow:hidden}.game-board{grid-template-rows:auto auto minmax(0,1fr) auto;gap:.8rem;min-width:0;min-height:0;display:grid}.game-topbar,.player-strip,.player-area,.table-row,.log-panel{background:linear-gradient(135deg,#ff2bbd42,#00e5ff2e),#14001fb8;border:3px solid #fffdf3bd;border-radius:26px;box-shadow:8px 10px #0003,inset 0 0 0 2px #fff00024}.game-topbar{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.game-topbar h1{text-shadow:3px 3px #ff2bbd,6px 6px #00e5ff,9px 9px #00000059;font-size:clamp(2rem,4vw,3.4rem)}.topbar-actions{align-items:center;gap:.55rem;display:flex}.player-strip,.player-area{padding:1rem;transition:box-shadow .18s,background .18s}.player-strip{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;display:grid}.is-active{box-shadow:0 0 0 4px var(--gold), 0 0 0 8px #ff2bbd, 0 0 48px #00e5ff8c, inset 0 0 0 2px #ffffff2e}.status{margin-top:.25rem;font-size:.86rem;font-weight:900}.status--on{color:var(--acid);text-shadow:0 0 12px #b6ff00b3}.status--off{color:#ffb199;text-shadow:0 0 12px #ff7a00b3}.opponent-hand{justify-content:flex-end;min-width:7rem;padding-right:1.2rem;display:flex}.opponent-hand .card{margin-right:-1.2rem;box-shadow:5px 7px #0000003d,0 0 20px #fff00040}.table-zone{grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:.8rem;min-width:0;display:grid}.table-row{background:linear-gradient(135deg,#00d084e0,#4a00a8d1 52%,#ff2bbdd1);grid-template-rows:auto 1fr;gap:.8rem;min-width:0;padding:1rem;display:grid;position:relative;overflow:hidden}.table-row:before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#ffffff1f 0 12px,#0000 12px 24px);position:absolute;inset:0}.table-row--capture:after{content:attr(data-capture-text);color:var(--ink);overflow-wrap:anywhere;text-align:center;letter-spacing:.04em;text-shadow:4px 4px #fffdf3,8px 8px #00e5ff;will-change:opacity, transform;pointer-events:none;background:radial-gradient(circle,#fff000eb,#ff2bbd7a 42%,#0000 70%);place-items:center;max-width:92%;font:900 clamp(2.25rem,12vw,7.5rem)/.9 Bangers,sans-serif;animation:.7s ease-out forwards captureFlash;display:grid;position:absolute;inset:0}.table-row__header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.armed-badge{color:#fffdf3d1;white-space:nowrap;background:#14001f73;border:2px solid #ffffff75;border-radius:999px;padding:.45rem .65rem;font-size:.8rem;font-weight:900}.armed-badge--on{background:linear-gradient(135deg, var(--gold), var(--orange));color:var(--ink);box-shadow:4px 4px #ff2bbd}.table-cards{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;min-width:0;min-height:0;padding:.4rem .2rem .8rem;display:flex;overflow:hidden}.table-card-group{flex:0 auto;place-items:center;display:grid;position:relative}.table-count-badge{z-index:2;background:linear-gradient(135deg, var(--gold), var(--orange));min-width:2.15rem;height:2.15rem;color:var(--ink);border:3px solid #fffdf3;border-radius:999px;place-items:center;font-weight:900;display:grid;position:absolute;top:-.55rem;right:-.65rem;box-shadow:4px 4px #ff2bbd}.pile{background:linear-gradient(145deg,#fff00038,#00e5ff33);border:3px solid #fffdf3b8;border-radius:22px;align-content:center;justify-items:center;gap:.35rem;min-width:5.2rem;padding:.65rem;display:grid;position:relative;box-shadow:6px 8px #00000038}.pile span{background:var(--gold);min-width:1.65rem;height:1.65rem;color:var(--ink);border-radius:999px;place-items:center;font-weight:900;display:grid;position:absolute;top:.55rem;right:.55rem;box-shadow:3px 3px #ff2bbd}.pile strong{color:#fffdf3d1;font-size:.8rem;font-weight:900}.discard-stack{aspect-ratio:.68;background:linear-gradient(135deg,#ff7a00,#ff2bbd);border:3px solid #fffdf3;border-radius:10px;width:3.3rem;transform:rotate(-5deg);box-shadow:6px 5px #00e5ff,12px 10px #fff000b3}.player-area__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hand{-webkit-overflow-scrolling:touch;gap:.75rem;min-width:0;padding:.9rem .15rem .2rem;display:flex;overflow-x:auto}.hand--active .card{animation:1.7s ease-in-out infinite breathe}.card{aspect-ratio:.68;color:#fff;text-shadow:4px 4px #00000040,0 0 18px #ffffff52;-webkit-user-select:none;user-select:none;border:5px solid #fffdf3;border-radius:clamp(13px,2vw,18px);flex:none;place-items:center;width:clamp(4.5rem,10vw,6.6rem);font-size:clamp(3.15rem,8vw,5.35rem);font-weight:900;display:grid;box-shadow:7px 10px #00000047,0 0 28px,inset 0 0 0 5px #ffffff2e}.card--compact{border-width:3px;border-radius:10px;width:3.1rem;font-size:2rem}.card--6{color:#dffbff;background:linear-gradient(145deg,#00e5ff,#004dff 62%,#b6ff00)}.card--7{color:#fff4fb;background:linear-gradient(145deg,#ff2bbd,#ff0040 58%,#ff7a00)}.card--back{background:repeating-conic-gradient(from 45deg, #fff000 0 25%, #ff2bbd 0 50%, #00e5ff 0 75%, #4a00a8 0 100%);background-size:26px 26px;box-shadow:7px 10px #00000042,inset 0 0 0 4px #ffffffb8}.card--playable{cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s;transform:translateY(0)}.card--playable:hover{filter:saturate(1.4);transform:translateY(-10px)rotate(-3deg)scale(1.04);box-shadow:10px 16px #00000052,0 0 42px,inset 0 0 0 5px #ffffff47}.score{text-align:center;background:linear-gradient(135deg,#fff000f2,#ff2bbde6);border:3px solid #fffdf3;border-radius:18px;min-width:5rem;padding:.55rem .7rem;box-shadow:5px 6px #0000003d}.score span{color:var(--ink);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:900;display:block}.score strong{color:var(--ink);text-shadow:2px 2px #fffdf3;font:900 2rem/1 Bangers,sans-serif;display:block}.score--bump{animation:.42s ease-out scoreBump}.log-panel{grid-template-rows:auto 1fr;gap:.7rem;min-height:0;padding:1rem;display:grid}.log-panel ol{flex-direction:column;gap:.55rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.log-entry{color:#fffdf3db;background:#00000038;border:2px solid #fffdf32e;border-radius:16px;justify-content:space-between;gap:.8rem;padding:.75rem;display:flex}.log-entry--capture{color:var(--paper);background:linear-gradient(135deg,#fff0004d,#ff2bbd42)}.log-entry strong{color:var(--gold);text-shadow:2px 2px #ff2bbd}.winner-banner{background:linear-gradient(135deg,#fff00057,#ff2bbd4d,#00e5ff3d);gap:.6rem;display:grid}.toast{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:20;color:#fffdf3;width:min(92vw,520px);box-shadow:var(--shadow);text-align:center;background:linear-gradient(135deg,#ff0040,#4a00a8);border:3px solid #fffdf3;border-radius:999px;padding:.9rem 1.2rem;font-weight:900;position:fixed;transform:translate(-50%)}@keyframes landPulse{0%,to{transform:rotate(8deg)translateY(0)}50%{transform:rotate(5deg)translateY(-10px)}}@keyframes captureFlash{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.45)}}@keyframes scoreBump{0%{transform:scale(1)}45%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes breathe{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@media (width<=860px){.home{grid-template-columns:1fr;align-content:start;padding-top:2rem}.mini-table{min-height:11rem}.rules-card{grid-column:auto}.game-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}.game-shell:has(.log-panel){grid-template-rows:minmax(0,1fr) minmax(5.75rem,18vh)}.log-panel{max-height:none;overflow:hidden}.table-zone{grid-template-columns:1fr 1fr;min-height:0}.table-row{order:-1;grid-column:1/-1;min-height:0}.pile{min-height:7rem}}@media (width<=560px){.page-shell{padding:.9rem}.home-hero{gap:1rem}.hero-card,.rules-card,.lobby-card,.winner-banner{border-radius:24px;padding:1rem}.seats,.share-actions{grid-template-columns:1fr}.player-strip{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.opponent-hand{justify-content:flex-end;min-width:5.5rem}.game-shell{gap:.45rem;padding:.45rem}.game-board{gap:.45rem}.game-topbar,.player-strip,.player-area,.table-row,.log-panel{border-radius:18px;padding:.55rem}.game-topbar h1{font-size:1.45rem}.topbar-actions{flex-direction:column;gap:.35rem}.topbar-actions .ghost-button{width:5.5rem;min-height:2.25rem;padding:.35rem .65rem}.table-zone{grid-template-rows:minmax(0,1fr) auto}.table-row__header,.player-area__header{align-items:stretch}.table-row__header{flex-direction:row;align-items:start}.table-row h2{font-size:1.05rem}.armed-badge{width:fit-content;padding:.35rem .5rem;font-size:.68rem}.card{width:4.05rem;font-size:2.7rem}.table-cards{padding:.15rem}.table-card-group .card{border-width:4px;width:clamp(2.85rem,15vw,3.45rem);font-size:2.2rem}.table-count-badge{min-width:1.85rem;height:1.85rem;font-size:.9rem;top:-.45rem;right:-.5rem}.card--compact{width:2.15rem}.pile{min-height:4.8rem;padding:.45rem}.pile span{min-width:1.35rem;height:1.35rem;font-size:.82rem;top:.35rem;right:.35rem}.pile strong{font-size:.7rem}.discard-stack{width:2.45rem}.hand{padding-bottom:.35rem}.primary-button,.secondary-button,.ghost-button,.button-row{width:100%}.score{min-width:4.4rem}.score strong{font-size:1.6rem}.log-panel ol{overflow:hidden}.log-entry:nth-child(n+3){display:none}}