:root{color:#edf8f5;font-synthesis:none;text-rendering:optimizelegibility;--bg:#06131f;--panel:#0c2436b8;--panel-strong:#0b1f30f0;--line:#bcece029;--muted:#95b5b1;--text:#edf8f5;--mint:#37e1b3;--mint-strong:#1bbf94;--blue:#6b78ff;--danger:#ff6f7b;--shadow:0 24px 80px #00000059;background:#06131f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{overscroll-behavior:none;background:radial-gradient(circle at 12% 10%,#37e1b31c,#0000 28rem),radial-gradient(circle at 88% 18%,#6b78ff24,#0000 32rem),linear-gradient(145deg,#071926 0%,#06131f 52%,#081a27 100%);min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #37e1b373}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin-top:0}.glass-panel{border:1px solid var(--line);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0d;-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#123448c7,#071927c7)}.eyebrow{color:var(--mint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.35rem;font-size:.75rem;font-weight:800}.brand-row{align-items:center;gap:.85rem;display:flex}.brand-row h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.4rem,3vw,2rem)}.brand-logo{filter:drop-shadow(0 10px 25px #37e1b333);width:58px;height:58px}.brand-row--small .eyebrow{margin-bottom:.1rem}.brand-row--small h1{font-size:1.15rem}.brand-logo--small{width:42px;height:42px}.primary-button,.secondary-button,.text-button,.icon-button{cursor:pointer;border:0;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.primary-button,.secondary-button{border-radius:16px;justify-content:center;align-items:center;gap:.6rem;min-height:52px;padding:.85rem 1.1rem;font-weight:800;display:inline-flex}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px #1dc69952}.secondary-button{color:var(--text);background:#ffffff0f;border:1px solid #cff2ea33}.secondary-button:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px)}.text-button{color:var(--muted);background:0 0;padding:.4rem}.icon-button{width:44px;height:44px;color:var(--text);border:1px solid var(--line);background:#ffffff0d;border-radius:14px;place-items:center;display:grid}.home-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:clamp(1rem,4vw,3rem) 0 3rem;position:relative}.ambient{z-index:-1;filter:blur(90px);opacity:.2;border-radius:999px;width:28rem;height:28rem;position:fixed}.ambient--one{background:#31d8ac;top:18%;left:-12rem}.ambient--two{background:#6b78ff;top:5%;right:-10rem}.hero-panel{border-radius:32px;min-height:520px;padding:clamp(1.15rem,4vw,3rem);position:relative;overflow:hidden}.hero-panel:after{content:"";pointer-events:none;border:60px solid #37e1b30f;border-radius:50%;width:340px;height:340px;position:absolute;bottom:-170px;right:-90px}.connection-pill,.capacity-pill{color:#ffb6bd;background:#ff6f7b1f;border:1px solid #ff6f7b2e;border-radius:999px;align-items:center;gap:.4rem;margin-left:auto;padding:.48rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.connection-pill:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px}.hero-copy h2{letter-spacing:-.06em;margin-bottom:1rem;font-size:clamp(2.1rem,6vw,4.6rem);line-height:.98}.hero-copy>p:last-child{max-width:650px;color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);line-height:1.7}.home-actions{flex-wrap:wrap;gap:.8rem;display:flex}.setup-card{border:1px solid var(--line);background:#0310198c;border-radius:22px;width:min(650px,100%);margin-top:2.2rem;padding:1.25rem}.setup-card__header,.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.setup-card h3,.section-heading h2{margin-bottom:0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.field{gap:.45rem;margin:1rem 0;display:grid}.field>span{color:#b5d0cc;font-size:.85rem;font-weight:700}.field input,.field select{width:100%;min-height:52px;color:var(--text);background:#fff1;border:1px solid #ffffff1a;border-radius:14px;padding:0 .9rem}.code-input{letter-spacing:.35em;font-variant-numeric:tabular-nums;font-size:1.45rem!important}.form-error{color:#ff9ea7;margin:.5rem 0 1rem}.setup-card>.primary-button{width:100%;margin-top:.5rem}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:.9rem;display:grid}.feature-card{border-radius:22px;padding:1.25rem}.feature-card svg{color:var(--mint)}.feature-card h3{margin:.9rem 0 .45rem}.feature-card p{color:var(--muted);margin-bottom:0;font-size:.9rem;line-height:1.55}.home-shell{width:min(1280px,100% - 2rem)}.hero-panel{background:radial-gradient(circle at 72% 46%,#19ffb21f,#0000 24rem),linear-gradient(135deg,#082f32fa,#05141ffa 58%,#0f1936fa);border-color:#56e8bc38;border-radius:36px;min-height:690px;padding:clamp(1rem,2.4vw,2rem);box-shadow:0 28px 90px #0000006b,inset 0 1px #ffffff14}.hero-panel:after{display:none}.hero-stage{grid-template-columns:minmax(420px,.9fr) minmax(430px,1.1fr);align-items:center;gap:1rem;min-height:560px;display:grid}.hero-stage.is-setup{min-height:auto;display:block}.hero-content{z-index:3;padding:clamp(1rem,3vw,2.7rem);position:relative}.hero-copy{width:100%;margin:0 0 2rem}.hero-copy h2{letter-spacing:-.065em;margin:0 0 1.2rem;font-size:clamp(3rem,5.4vw,5.7rem);line-height:.88}.hero-copy h2 em{color:#56edbd;text-shadow:0 0 35px #3fe9b438;font-style:normal}.hero-copy>p:last-child{color:#bad1ca;max-width:36rem;font-size:1.05rem;line-height:1.6}.home-actions>button{min-width:210px}.hero-game-art{isolation:isolate;align-self:stretch;min-height:520px;position:relative}.hero-game-art:before{content:"";background:radial-gradient(#176256 0%,#0c3b3d 56%,#08272f 100%);border:1px solid #70f1c833;border-radius:48% 52% 44% 56%;position:absolute;inset:13% 1% 4% 7%;transform:rotate(-3deg);box-shadow:inset 0 0 70px #020a0f80,0 35px 60px #00000059}.art-burst{z-index:-1;background:repeating-conic-gradient(from 12deg, #54eebe14 0 7deg, transparent 7deg 18deg);border-radius:50%;position:absolute;inset:15% 4% 8% 5%}.art-card{z-index:2;aspect-ratio:.68;color:#fff;border:4px solid #ffffffdb;border-radius:22px;place-items:center;width:clamp(112px,11vw,155px);display:grid;position:absolute;box-shadow:inset 0 0 0 5px #0000001f,0 24px 35px #00000061}.art-card:after{content:"";border:2px solid #ffffff47;border-radius:13px;position:absolute;inset:10px}.art-card small{font-size:1.25rem;font-weight:950;position:absolute;top:10px;left:15px}.art-card strong{text-shadow:0 5px #00000029;font-size:clamp(4rem,7vw,6.4rem);line-height:1}.art-card--one{background:linear-gradient(150deg,#47e49b,#078653);top:30%;left:8%;transform:rotate(-18deg)}.art-card--two{background:linear-gradient(150deg,#4bb6ff,#2654d5);top:23%;left:27%;transform:rotate(-6deg)}.art-card--three{background:linear-gradient(150deg,#ffc94d,#e06612);top:22%;left:48%;transform:rotate(7deg)}.art-card--wild{background:linear-gradient(150deg,#e169ff,#7624ce 55%,#314fd1);top:30%;left:66%;transform:rotate(18deg)}.art-card--wild strong{font-size:clamp(3.5rem,6vw,5.6rem)}.art-target{z-index:4;aspect-ratio:1.2;color:#16130a;background:linear-gradient(150deg,#fff17b,#f6a91d);border:4px solid #fff8cf;border-radius:18px;place-items:center;width:150px;padding:.7rem;display:grid;position:absolute;bottom:5%;left:37%;transform:rotate(-4deg);box-shadow:0 18px 35px #00000061}.art-target span,.art-target small{letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:950}.art-target strong{font-size:3.4rem;line-height:.9}.art-arrow{z-index:5;color:#78f4cc;letter-spacing:.12em;font-size:.82rem;font-weight:900;position:absolute;bottom:12%;right:3%;transform:rotate(-8deg)}.game-facts{color:#a9c5bf;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;align-items:center;gap:clamp(1rem,3vw,2.5rem);min-height:68px;margin-top:.75rem;padding:0 1.25rem;display:flex}.game-facts span{white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;font-size:.82rem;font-weight:800;display:inline-flex}.game-facts strong{color:#f5c951;margin-left:auto;font-size:.9rem}.lobby-shell{width:min(1120px,100% - 2rem);margin:0 auto;padding:1rem 0 3rem}.topbar,.game-topbar{border-radius:22px;align-items:center;gap:1rem;min-height:72px;padding:.75rem 1rem;display:flex}.lobby-layout{grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:1rem;margin-top:1rem;display:grid}.invite-panel,.players-panel{border-radius:26px;padding:clamp(1rem,3vw,1.6rem)}.status-icon{color:var(--mint)}.room-code{grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;margin:1.5rem 0;display:grid}.room-code span{aspect-ratio:.85;color:#eafff9;font-variant-numeric:tabular-nums;background:#fff1;border:1px solid #ffffff1f;border-radius:14px;place-items:center;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:900;display:grid}.qr-frame{border:1px solid var(--line);background:#ffffff0f;border-radius:22px;width:fit-content;margin:0 auto 1rem;padding:1rem}.invite-panel .secondary-button{width:100%}.helper-text{color:var(--muted);justify-content:center;align-items:center;gap:.4rem;margin:.8rem 0 0;font-size:.8rem;display:flex}.capacity-pill{color:#a9c8ff;background:#6b78ff1a;border-color:#6b78ff33;margin-left:0}.player-list{gap:.65rem;margin:1.4rem 0;display:grid}.player-row{background:#ffffff0b;border:1px solid #ffffff12;border-radius:17px;align-items:center;gap:.75rem;min-height:68px;padding:.75rem;display:flex}.player-row--empty{opacity:.5;border-style:dashed}.avatar{color:#072019;background:linear-gradient(145deg,#75f4d0,#25c99e);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.avatar--small{border-radius:11px;width:34px;height:34px}.player-row__copy{gap:.12rem;min-width:0;display:grid}.player-row__copy strong{text-overflow:ellipsis;overflow:hidden}.player-row__copy span{color:var(--muted);font-size:.78rem}.host-icon{color:#ffd873}.ready-pill{color:var(--muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:.25rem;margin-left:auto;padding:.4rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.lobby-settings{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:1rem;margin-bottom:.8rem;padding:1rem 0;display:flex}.players-panel>.primary-button,.players-panel>.secondary-button{width:100%}.game-shell{width:min(1500px,100% - 1rem);padding:.5rem 0 calc(1rem + env(safe-area-inset-bottom));margin:0 auto}.portrait-rotate,.global-portrait-rotate,.fullscreen-button{display:none}.game-topbar{z-index:20;position:sticky;top:.5rem}.turn-banner{text-align:center;min-width:0;color:var(--muted);flex:1;gap:.08rem;display:grid}.turn-banner span{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.turn-banner strong{color:#d9e9e5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.opponents-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.65rem 0;display:grid}.opponent{border:1px solid var(--line);background:#0b1f30b3;border-radius:18px;min-width:0;padding:.7rem;transition:border-color .16s,box-shadow .16s}.opponent__header{align-items:center;gap:.55rem;display:flex}.opponent__header>div:nth-child(2){min-width:0;display:grid}.opponent__header strong{text-overflow:ellipsis;overflow:hidden}.opponent__header span{color:var(--muted);font-size:.7rem}.opponent__piles{gap:.35rem;margin-top:.6rem;display:flex;overflow:hidden}.table-zone{place-items:center;min-height:285px;padding:.5rem 0;display:grid}.build-zone{border-radius:28px;width:min(760px,100%);padding:1rem}.build-zone__title{color:var(--muted);justify-content:space-between;align-items:baseline;margin-bottom:.8rem;display:flex}.build-zone__title span{color:var(--text);font-weight:850}.build-piles,.discard-piles{justify-content:center;gap:clamp(.4rem,2vw,1rem);display:flex}.pile-with-label{justify-items:center;gap:.35rem;min-width:0;display:grid}.pile-with-label>span{color:var(--muted);white-space:nowrap;font-size:.68rem}.self-zone{border-color:#ffffff1f;border-radius:26px;padding:.8rem}.self-zone.is-active{box-shadow:0 -8px 60px #37e1b314, var(--shadow);border-color:#37e1b361}.self-zone__status{align-items:center;gap:.65rem;padding:0 .2rem .7rem;display:flex}.self-zone__status>div:last-child{display:grid}.self-zone__status span{color:var(--muted);font-size:.78rem}.self-zone__layout{grid-template-columns:auto minmax(350px,1fr) minmax(260px,.6fr);align-items:end;gap:.8rem;display:grid}.stock-area,.hand-area,.discard-area{background:#020f186b;border-radius:18px;min-width:0;padding:.65rem}.pile-label{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.55rem;font-size:.72rem;font-weight:800}.hand-cards{scrollbar-width:thin;justify-content:center;gap:clamp(.3rem,1vw,.65rem);padding:.2rem .15rem .45rem;display:flex;overflow-x:auto}.discard-piles{gap:.35rem}.game-card{aspect-ratio:.68;color:#fff;background:#ffffff0f;border:2px solid #ffffff47;border-radius:clamp(11px,1.4vw,16px);flex:none;width:clamp(66px,7vw,92px);transition:transform .14s,box-shadow .14s,border-color .14s,filter .14s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 1px #ffffff47,0 10px 24px #00000038}.game-card:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-5px)}.game-card.is-selected{border-color:#8affdf;transform:translateY(-9px)scale(1.03);box-shadow:0 0 0 4px #37e1b32e,0 18px 36px #00000052}.game-card:before{content:"";background:linear-gradient(145deg,#fff3,#0000 40%,#0000001f);position:absolute;inset:0}.game-card:after{content:"";aspect-ratio:1;border:2px solid #ffffff38;border-radius:50%;width:70%;position:absolute;bottom:-28%;right:-34%;box-shadow:0 0 0 10px #ffffff0b,0 0 0 22px #ffffff06}.game-card__corner{font-size:.82rem;font-weight:900;position:absolute;top:6%;left:10%}.game-card__value{z-index:1;text-shadow:0 3px 8px #00000038;font-size:clamp(1.75rem,4vw,3rem);font-weight:950;position:relative}.game-card__count{z-index:2;color:#071923;background:#ebfff9;border:2px solid #07192326;border-radius:999px;place-items:center;min-width:1.65rem;height:1.65rem;font-size:.72rem;font-weight:950;display:grid;position:absolute;bottom:5%;right:7%}.game-card--green{background:linear-gradient(145deg,#31d98b,#087849 72%)}.game-card--blue{background:linear-gradient(145deg,#48a8ff,#2455c8 72%)}.game-card--amber{background:linear-gradient(145deg,#ffc84c,#e26a13 72%)}.game-card--red{background:linear-gradient(145deg,#ff6674,#b71943 72%)}.game-card--wild{background:linear-gradient(145deg,#db62ff,#6d20c9 58%,#294bcc)}.game-card--empty{color:#ffffff80;background:#ffffff09;border-style:dashed;box-shadow:inset 0 0 0 1px #ffffff05}.game-card--empty .game-card__corner{display:none}.game-card.is-compact{border-radius:10px;width:clamp(42px,4.4vw,58px)}.game-card.is-compact .game-card__value{font-size:clamp(1.05rem,2.4vw,1.6rem)}.game-card.is-compact .game-card__corner{font-size:.55rem}.game-card.is-compact .game-card__count{min-width:1.25rem;height:1.25rem;font-size:.58rem}.game-card:disabled{opacity:1;cursor:default}.winner-overlay{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#01080dbd;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.winner-card{text-align:center;border-radius:28px;width:min(450px,100%);padding:2rem}.winner-icon{filter:drop-shadow(0 12px 24px #ffd25a4d);font-size:4rem}.winner-card h2{margin-bottom:.5rem;font-size:2rem}.winner-card p:not(.eyebrow){color:var(--muted)}.winner-card .primary-button{width:100%;margin-top:1rem}.toast{z-index:100;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));color:#fff;background:#173a4d;border:1px solid #ffffff24;border-radius:14px;max-width:min(90vw,520px);padding:.85rem 1rem;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 16px 50px #0006}.toast--error{background:#702d39}.toast--success{background:#14634f}@media (width<=900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-layout{grid-template-columns:1fr}.self-zone__layout{grid-template-columns:auto minmax(0,1fr)}.discard-area{grid-column:1/-1}.opponents-row{grid-template-columns:repeat(2,minmax(0,1fr))}.opponents-row .opponent:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=640px){.home-shell,.lobby-shell{width:min(100% - 1rem,1180px)}.hero-panel{border-radius:24px}.hero-copy{margin-top:3.5rem}.hero-copy h2{font-size:2.45rem}.home-actions{display:grid}.home-actions>button{width:100%;min-width:0}.field-grid{grid-template-columns:1fr;gap:0}.feature-grid{grid-template-columns:1fr}.feature-card{grid-template-columns:auto 1fr;align-items:center;column-gap:.8rem;display:grid}.feature-card h3{margin:0}.feature-card p{grid-column:2}.connection-pill{padding:.55rem;font-size:0}.room-code span{border-radius:10px}.game-topbar .brand-row{display:none}.game-topbar{min-height:58px}.opponents-row{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.opponent{scroll-snap-align:start;min-width:82vw}.table-zone{min-height:230px}.build-zone{border-radius:22px}.build-piles{gap:.28rem}.build-piles .game-card{width:clamp(60px,20vw,78px)}.pile-with-label>span{font-size:.58rem}.self-zone__layout{grid-template-columns:1fr}.stock-area{grid-template-columns:1fr auto;align-items:center;display:grid}.stock-area .pile-label{margin:0}.discard-area{grid-column:auto}.hand-cards{justify-content:flex-start}.hand-cards .game-card{width:72px}.discard-piles{justify-content:space-between}.discard-piles .game-card{width:52px}}@media (width<=800px) and (orientation:portrait){#root>:not(.global-portrait-rotate){visibility:hidden}.global-portrait-rotate{z-index:200;padding:2rem;padding-top:calc(2rem + env(safe-area-inset-top));text-align:center;background:radial-gradient(circle at 50% 38%,#3ee1a438,#0000 14rem),linear-gradient(155deg,#092b32,#06151f 62%);flex-direction:column;justify-content:center;align-items:center;gap:.85rem;display:flex;position:fixed;inset:0}.portrait-rotate__phones{color:#70f2c3;align-items:center;gap:1rem;display:flex}.global-portrait-rotate strong{font-size:clamp(1.6rem,7vw,2.3rem)}.global-portrait-rotate span{color:#a9c8c1;max-width:25rem;line-height:1.55}}@media (height<=620px) and (orientation:landscape){body{background:radial-gradient(at 50% 42%,#124d51 0%,#082a34 42%,#041620 100%)}.game-shell{width:100%;height:100dvh;padding:max(.28rem, env(safe-area-inset-top)) max(.4rem, env(safe-area-inset-right)) max(.35rem, env(safe-area-inset-bottom)) max(.4rem, env(safe-area-inset-left));grid-template-rows:auto auto minmax(0,1fr) auto;gap:.28rem;display:grid;overflow:hidden}.glass-panel{-webkit-backdrop-filter:none}.game-topbar{background:#031219e0;border:0;border-radius:12px;min-height:44px;padding:.28rem .55rem;position:static;box-shadow:0 4px 18px #0000003d}.game-topbar .brand-row{display:none}.game-topbar .icon-button{border-radius:10px;width:36px;height:36px}.turn-banner{text-align:left;padding-left:.35rem}.turn-banner span{font-size:.58rem}.turn-banner strong{font-size:.82rem}.opponents-row{gap:.35rem;margin:0;display:flex;overflow:hidden}.opponent{background:#03181fcc;border-radius:11px;flex:1 1 0;min-width:0;padding:.32rem .45rem}.opponent__piles{display:none}.opponent__header{gap:.35rem}.opponent__header .avatar{border-radius:8px;width:26px;height:26px}.opponent__header strong{font-size:.72rem}.opponent__header span{font-size:.56rem}.table-zone{place-items:center;min-height:0;padding:0}.build-zone{background:#031e23ad;border-color:#74efcc38;border-radius:18px;width:auto;min-width:min(64vw,520px);padding:.45rem .75rem;box-shadow:inset 0 0 40px #36d1a30b,0 12px 28px #0003}.build-zone__title{margin-bottom:.25rem;font-size:.68rem}.build-piles{gap:clamp(.35rem,1.4vw,.75rem)}.game-card{border-radius:10px;width:clamp(50px,8.8vh,68px)}.game-card__value{font-size:clamp(1.5rem,5.2vh,2.2rem)}.game-card__corner{font-size:.62rem}.game-card__count{min-width:1.25rem;height:1.25rem;font-size:.56rem}.pile-with-label{gap:.12rem}.pile-with-label>span{font-size:.5rem}.self-zone{background:#03121af0;border:1px solid #ffffff21;border-radius:16px;padding:.38rem;box-shadow:0 -6px 24px #00000038}.self-zone__status{display:none}.self-zone__layout{grid-template-columns:auto minmax(260px,1fr) minmax(180px,.55fr);align-items:stretch;gap:.3rem}.stock-area,.hand-area,.discard-area{background:#ffffff09;border-radius:11px;padding:.3rem .4rem}.pile-label{letter-spacing:.06em;margin-bottom:.16rem;font-size:.53rem}.hand-cards{gap:clamp(.2rem,.7vw,.4rem);padding:0;overflow:hidden}.hand-cards .game-card{width:clamp(48px,8.2vh,64px)}.discard-piles{align-items:center;gap:.2rem;height:calc(100% - .7rem)}.game-card.is-compact{width:clamp(36px,6.5vh,48px)}}@media (height<=420px) and (orientation:landscape){.game-shell{gap:.2rem}.game-topbar{min-height:38px}.game-topbar .icon-button{width:32px;height:32px}.opponents-row{max-height:34px}.opponent{padding-block:.22rem}.opponent__header .avatar{width:22px;height:22px}.build-zone{padding-block:.3rem}.game-card{width:clamp(46px,16vh,58px)}.hand-cards .game-card{width:clamp(44px,15vh,56px)}.game-card.is-compact{width:clamp(32px,11vh,42px)}}@media (width<=1000px){.hero-stage{grid-template-columns:minmax(330px,.85fr) minmax(380px,1.15fr)}.hero-content{padding-inline:.75rem}.hero-copy h2{font-size:clamp(2.8rem,7vw,4.8rem)}.art-card{border-width:3px;width:clamp(92px,13vw,125px)}.art-card--one{left:5%}.art-card--two{left:25%}.art-card--three{left:46%}.art-card--wild{left:66%}.art-target{width:125px}}@media (width<=700px){.home-shell{width:calc(100% - .75rem);padding-top:.4rem}.hero-panel{border-radius:22px;min-height:0;padding:.75rem}.hero-stage{flex-direction:column;min-height:0;display:flex}.hero-content{width:100%;padding:1.2rem .4rem 0}.hero-copy{margin-bottom:1.2rem}.hero-copy h2{font-size:clamp(2.8rem,15vw,4.2rem)}.hero-copy>p:last-child{font-size:.92rem}.hero-game-art{order:-1;width:100%;min-height:330px;margin-top:.5rem}.hero-game-art:before{inset:7% 1% 4%}.art-card{border-width:3px;border-radius:15px;width:clamp(78px,25vw,105px)}.art-card:after{border-radius:9px;inset:7px}.art-card small{font-size:.85rem;top:7px;left:10px}.art-card strong{font-size:3.6rem}.art-card--one{top:24%;left:5%}.art-card--two{top:17%;left:25%}.art-card--three{top:17%;left:47%}.art-card--wild{top:24%;left:68%}.art-target{width:105px;bottom:2%;left:35%}.art-target strong{font-size:2.4rem}.art-arrow{display:none}.game-facts{flex-wrap:wrap;justify-content:center;gap:.7rem 1.2rem;padding:.8rem .4rem}.game-facts strong{text-align:center;width:100%;margin:0}}@media (height<=500px) and (orientation:landscape){.home-shell{width:calc(100% - .6rem);padding:.3rem 0}.hero-panel{border-radius:18px;min-height:calc(100dvh - 3rem);padding:.55rem .8rem}.hero-panel>.brand-row{z-index:10;position:relative}.brand-logo{width:38px;height:38px}.brand-row h1{font-size:1.05rem}.brand-row .eyebrow{font-size:.55rem}.hero-stage{grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);min-height:calc(100dvh - 5rem)}.hero-content{padding:.5rem .75rem}.hero-copy{margin-bottom:.8rem}.hero-copy .eyebrow{font-size:.58rem}.hero-copy h2{margin-bottom:.6rem;font-size:clamp(2.4rem,8.2vh,3.5rem);line-height:.88}.hero-copy>p:last-child{max-width:31rem;font-size:.74rem;line-height:1.35}.home-actions{flex-wrap:nowrap}.home-actions>button{border-radius:12px;min-width:0;min-height:42px;padding:.55rem .75rem;font-size:.75rem}.hero-game-art{min-height:250px}.art-card{border-width:3px;border-radius:13px;width:clamp(72px,18vh,92px)}.art-card strong{font-size:clamp(2.7rem,12vh,4rem)}.art-card--one{top:29%;left:8%}.art-card--two{top:21%;left:28%}.art-card--three{top:21%;left:49%}.art-card--wild{top:29%;left:69%}.art-target{width:88px;left:39%}.art-target strong{font-size:2.2rem}.game-facts{min-height:36px;margin-top:.3rem;padding:0 .5rem}.game-facts span{font-size:.62rem}.game-facts strong{font-size:.68rem}.hero-panel--setup{min-height:0}.hero-panel--setup .hero-stage{display:none}.hero-panel--setup .setup-card{border-radius:16px;width:min(620px,100% - 1rem);margin:.45rem auto 0;padding:.7rem 1rem}.hero-panel--setup .setup-card__header .eyebrow{display:none}.hero-panel--setup .setup-card__header h3{font-size:1rem}.hero-panel--setup .field{gap:.2rem;margin:.45rem 0}.hero-panel--setup .field>span{font-size:.67rem}.hero-panel--setup .field input,.hero-panel--setup .field select{border-radius:10px;min-height:40px;font-size:.82rem}.hero-panel--setup .code-input{font-size:1rem!important}.hero-panel--setup .primary-button{min-height:40px;margin-top:.25rem;padding-block:.45rem}.hero-panel--setup+.game-facts{display:none}}:root{color:#183044;--bg:#fff7e8;--panel:#fffdf7;--panel-strong:#fff;--line:#264b5a29;--muted:#607782;--text:#183044;--mint:#087f72;--mint-strong:#05685f;--blue:#286bd1;--danger:#c9344d;--shadow:0 18px 45px #3d4a4821;background:#fff7e8}html{background:#fff7e8}body{color:var(--text);background:radial-gradient(circle at 8% 15%,#ffbe4838,#0000 23rem),radial-gradient(circle at 90% 18%,#34beaa2e,#0000 25rem),linear-gradient(145deg,#fff9ec 0%,#f5f0df 55%,#e9f5eb 100%)}.glass-panel{border-color:var(--line);box-shadow:var(--shadow), inset 0 1px #fffc;-webkit-backdrop-filter:none;background:#fffdf8}.eyebrow{color:#087f72}.brand-logo{filter:drop-shadow(0 8px 14px #145a5029)}.secondary-button{color:#183044;background:#f2f7f3;border-color:#1f46532e}.secondary-button:hover:not(:disabled){background:#e5f1eb}.text-button{color:#607782}.text-button:hover{color:#183044}.icon-button{color:#183044;background:#f1f6f2;border-color:#1f465326}.icon-button:hover{background:#e4efe8}.primary-button{color:#fff;background:linear-gradient(135deg,#08a990,#08786f);box-shadow:0 10px 22px #087f7238,inset 0 1px #ffffff4d}.ambient{opacity:.12}.hero-panel{background:radial-gradient(circle at 77% 45%,#ffffff80,#0000 24rem),linear-gradient(130deg,#fff8da 0%,#f2efd2 45%,#cfeee0 100%);border-color:#1d695b2b;box-shadow:0 26px 65px #42544929,inset 0 1px #fff}.hero-copy h2{color:#17364a}.hero-copy h2 em{color:#078174;text-shadow:none}.hero-copy>p:last-child{color:#536f76}.connection-pill{color:#a44150;background:#fff0ee;border-color:#f1c6c7}.connection-pill.is-online{color:#087764;background:#dcf6e9;border-color:#b9e7d4}.hero-game-art:before{background:radial-gradient(at 50% 43%,#ffffff40,#0000 40%),linear-gradient(145deg,#55bca2,#218d85 62%,#19706f);border-color:#14685e38;box-shadow:inset 0 0 55px #044b4438,0 28px 46px #375c4e33}.art-burst{background:repeating-conic-gradient(from 12deg, #ffffff29 0 7deg, transparent 7deg 18deg)}.game-facts{color:#5e7779;border-color:#1a534c24}.game-facts svg{color:#078174}.game-facts strong{color:#b55b16}.setup-card{background:#ffffffb8;border-color:#1c534c29}.field>span{color:#4d6870}.field input,.field select{color:#183044;background:#fff;border-color:#1e4c5633}.field select option{color:#183044}.form-error{color:#b62642}.topbar,.game-topbar,.invite-panel,.players-panel{background:#fffdf8}.room-code span{color:#174052;background:#edf5ef;border-color:#1b5c5124}.qr-frame{background:#147c70;border-color:#0b695f}.helper-text,.player-row__copy span,.lobby-settings{color:#627982}.player-row{background:#f3f6ef;border-color:#204b4c1a}.ready-pill{color:#667b81;background:#e9eee9}.ready-pill.is-ready{color:#08735f;background:#d8f3e4}.capacity-pill{color:#255ea9;background:#e6f0ff;border-color:#c6dafa}.game-shell{color:#17384a}.game-topbar{border-color:#155a5029;box-shadow:0 8px 24px #23463f1f}.turn-banner{color:#637a80}.turn-banner strong{color:#244956}.turn-banner.is-mine strong{color:#08796b}.opponent{background:#fffdf7;border-color:#1e534d24;box-shadow:0 8px 20px #2a494214}.opponent.is-active{border-color:#19a98d;box-shadow:0 0 0 3px #19a98d1f}.opponent__header span{color:#677d83}.build-zone{background:radial-gradient(circle at 50% 45%,#ffffff38,#0000 16rem),linear-gradient(145deg,#75cbb0,#3baa91);border-color:#106f5c3d;box-shadow:inset 0 0 45px #005c471f,0 14px 30px #2d574b21}.build-zone__title,.build-zone__title span,.build-zone__title small{color:#123e42}.pile-with-label>span{color:#355d60;font-weight:800}.self-zone{background:#fffdf8;border-color:#1b574e26}.self-zone.is-active{border-color:#24af91;box-shadow:0 0 0 3px #24af911c,0 14px 35px #314e461f}.self-zone__status span,.pile-label{color:#61787d}.stock-area,.hand-area,.discard-area{background:#f3f3e8}.game-card{border-color:#ffffffeb;box-shadow:inset 0 1px #ffffff59,0 8px 16px #36413b33}.game-card--empty{color:#78918e;background:#ffffff7a;border-color:#1a5d5340}.game-card__count{color:#173344;background:#fffdf0}.toast{color:#fff}.global-portrait-rotate{color:#17384a;background:radial-gradient(circle at 50% 38%,#ffc4484d,#0000 14rem),linear-gradient(155deg,#fff8dd,#e1f3e8 62%)}.portrait-rotate__phones{color:#078174}.global-portrait-rotate span{color:#587278}@media (width<=1000px) and (orientation:landscape){.fullscreen-button{z-index:190;right:max(.6rem, env(safe-area-inset-right));top:max(.6rem, env(safe-area-inset-top));color:#17384a;background:#fffdf7f0;border:1px solid #174c482e;border-radius:10px;align-items:center;gap:.35rem;min-height:36px;padding:0 .7rem;font-size:.7rem;font-weight:900;display:inline-flex;position:fixed;box-shadow:0 6px 18px #2c484129}:fullscreen .fullscreen-button{display:none}}@media (display-mode:standalone){.fullscreen-button{display:none}}@media (height<=620px) and (orientation:landscape){body{background:linear-gradient(145deg,#fff6dd,#dcefe3)}.game-topbar{background:#fffdf7;border:1px solid #1e534d1f}.opponent{background:#fffdf7}.build-zone{background:linear-gradient(145deg,#72c8ac,#37a58d)}.self-zone{background:#fffdf8}.stock-area,.hand-area,.discard-area{background:#f1f2e5}}