: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}.eins-game{background:radial-gradient(circle at 50% 38%,#25345a 0,#11182d 42%,#080b15 100%)}.eins-table{justify-content:center;align-items:center;gap:clamp(24px,7vw,100px);min-height:38vh;display:flex;position:relative}.eins-card{aspect-ratio:2/3;color:#fff;border:5px solid #f7f3e8;border-radius:14px;flex-direction:column;justify-content:space-between;width:clamp(74px,8vw,112px);padding:8px;font-weight:900;transition:transform .16s,filter .16s;display:flex;position:relative;box-shadow:0 10px 25px #0008}.eins-card:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-12px)rotate(-2deg)}.eins-card strong{text-shadow:0 3px #0004;align-self:center;font-size:clamp(28px,4vw,54px)}.eins-card small:last-child{align-self:flex-end;transform:rotate(180deg)}.color-red{background:#ef3e3e}.color-blue{background:#3186ed}.color-green{background:#20ad68}.color-yellow{color:#161616;background:#f1ba24}.color-wild{background:conic-gradient(#ef3e3e 0 25%,#3186ed 0 50%,#20ad68 0 75%,#f1ba24 0)}.card-back{background:repeating-linear-gradient(45deg,#171b2f,#171b2f 10px,#ff455d 10px 20px);justify-content:center;align-items:center;transform:rotate(-4deg)}.card-back span{color:#151728;background:#fff;border-radius:8px;padding:7px;font-weight:1000;transform:rotate(-12deg)}button.draw-pile{color:#fff;background:0 0;border:0;position:relative}.draw-pile b{color:#111;background:#fff;border-radius:99px;padding:5px 9px;position:absolute;top:-6px;right:-3px}.draw-pile>span{justify-content:center;gap:5px;margin-top:8px;display:flex}.discard-main{flex-direction:column;align-items:center;gap:9px;display:flex}.discard-main .eins-card{transform:rotate(5deg)}.dot{border-radius:50%;width:15px;height:15px;display:inline-block}.direction{color:#fff8;font-size:48px;position:absolute;bottom:8px}.color-orbit{border:2px dashed #ffffff24;border-radius:50%;width:360px;height:230px;position:absolute}.orbit-red{box-shadow:0 0 80px #ef3e3e33}.orbit-blue{box-shadow:0 0 80px #3186ed44}.orbit-green{box-shadow:0 0 80px #20ad6844}.orbit-yellow{box-shadow:0 0 80px #f1ba2444}.eins-hand{justify-content:center;align-items:flex-end;min-height:150px;padding:12px 20px;display:flex}.eins-hand .eins-card{margin-left:-20px}.eins-hand .eins-card:first-child{margin-left:0}.mini-hand{margin-left:auto;display:flex}.mini-hand span{background:#ff455d;border:1px solid #fff;border-radius:3px;width:12px;height:30px;margin-left:-7px}.color-picker{gap:12px;margin:22px;display:flex}.color-picker button{text-indent:-999px;cursor:pointer;border:5px solid #fff;border-radius:50%;width:80px;height:80px}*{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}.resume-button{color:#fff;min-height:3rem;font:inherit;cursor:pointer;background:linear-gradient(135deg,#ec7f2c,#d95848);border:0;border-radius:15px;flex:1 0 100%;justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1rem;font-weight:900;display:flex;box-shadow:0 10px 24px #be4e2d38}.resume-button small{opacity:.82;margin-left:auto;font-size:.68rem}.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--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{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}.discard-area{border-left:2px solid #127e6c38;position:relative;box-shadow:-8px 0 18px -16px #0d5248b8}.opponent__piles>.discard-stack:first-of-type{border-left:0;margin-left:.55rem;padding-left:0;position:relative}.opponent__piles>.discard-stack:first-of-type:before{content:"";background:#127e6c40;border-radius:999px;width:2px;position:absolute;top:4%;bottom:4%;left:-.38rem}.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}.empty-hand-note{color:var(--muted);text-align:center;align-self:center;margin:auto;font-size:.75rem;font-weight:750}.discard-piles{gap:.35rem}.discard-stack{align-content:end;justify-items:center;min-width:0;display:grid;position:relative}.discard-stack__history{scrollbar-width:none;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:center;gap:2px;width:100%;min-height:0;padding:0 1px .2rem;display:grid;position:absolute;bottom:calc(100% + .12rem);left:0;right:0;overflow:visible}.discard-stack__history:empty{display:none}.discard-stack__history::-webkit-scrollbar{display:none}.discard-stack__history span{color:#fff;border:1px solid #ffffffe6;border-radius:5px;place-items:center;min-width:0;height:1.15rem;font-size:.58rem;font-weight:950;display:grid;box-shadow:0 2px 5px #22363233}.discard-stack__history .discard-stack__more{color:#425e63;background:#e8ece7;border-color:#28504e2e}.discard-stack.is-compact{width:clamp(42px,4.4vw,58px)}.discard-stack.is-compact .discard-stack__history span{min-width:.9rem;height:.9rem;font-size:.48rem}.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:-3px;right:-3px}.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}.rematch-settings{text-align:left;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.rematch-settings .field{gap:.3rem}.rematch-settings .field span{font-size:.72rem}.rematch-settings select{min-height:44px}.rematch-waiting{background:#ffffff14;border-radius:14px;margin-top:1rem;padding:.8rem}.winner-card .winner-leave-button{width:100%;margin-top:.65rem}.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:clamp(28px,6dvh,36px) clamp(68px,18dvh,104px) minmax(0,1fr) clamp(116px,30dvh,176px);gap:clamp(2px,.7dvh,5px);display:grid;overflow:hidden}.glass-panel{-webkit-backdrop-filter:none}.game-topbar{background:#031219e0;border:0;border-radius:12px;height:100%;min-height:0;padding:.14rem .45rem;position:static;box-shadow:0 4px 18px #0000003d}.game-topbar .brand-row{display:none}.game-topbar .icon-button{border-radius:8px;width:26px;height:26px}.turn-banner{text-align:left;align-items:center;gap:.45rem;padding-left:.35rem;display:flex}.turn-banner span{border-right:1px solid #17384a2e;flex:none;padding-right:.45rem;font-size:.52rem;line-height:1}.turn-banner strong{min-width:0;font-size:.76rem;line-height:1}.opponents-row{gap:.35rem;height:100%;min-height:0;margin:0;display:flex;overflow:hidden}.opponent{background:#03181fcc;border-radius:11px;flex:1 1 0;grid-template:"piles header"minmax(0,1fr)/auto minmax(0,1fr);align-items:center;min-width:0;height:100%;padding:clamp(.18rem,.8dvh,.32rem) .45rem;display:grid}.opponent__piles{grid-area:piles;align-items:end;gap:.2rem;min-height:0;margin-top:0;display:flex;overflow:visible}.opponent__header{grid-area:header;justify-self:end;gap:.35rem;min-width:0;padding-left:clamp(.4rem,2vw,1.2rem)}.opponent__header>div:nth-child(2){text-align:right}.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;height:100%;min-height:0;padding:0;overflow:hidden}.build-zone{background:#031e23ad;border-color:#74efcc38;border-radius:18px;align-items:center;width:auto;min-width:min(64vw,520px);max-height:100%;padding:.45rem .75rem;display:grid;position:relative;box-shadow:inset 0 0 40px #36d1a30b,0 12px 28px #0003}.build-zone__title{margin-bottom:0;font-size:.68rem;position:absolute;top:.42rem;left:.75rem;right:.75rem}.build-piles{align-self:center;gap:clamp(.35rem,1.4vw,.75rem)}.build-piles .game-card{width:clamp(40px,min(8dvh,6.2vw),56px)}.game-card{border-radius:10px;width:clamp(42px,min(9dvh,7vw),64px)}.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;height:100%;min-height:0;padding:.38rem;overflow:hidden;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-self:stretch;align-items:stretch;gap:.3rem;height:auto;min-height:0}.discard-area{grid-column:auto}.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(40px,min(8.2dvh,6.5vw),60px)}.discard-area>.pile-label{z-index:2;margin:0;position:absolute;top:.3rem;left:.4rem}.discard-piles{align-self:center;align-items:center;gap:.2rem;width:100%;height:100%}.game-card.is-compact{width:clamp(30px,min(6.5dvh,4.5vw),44px)}.opponent__piles .game-card.is-compact,.opponent__piles .discard-stack.is-compact{width:clamp(24px,min(8dvh,3.5vw),36px)}.opponent__piles .discard-stack__history{gap:1px;min-height:.72rem;padding-bottom:.08rem}.opponent__piles .discard-stack.is-compact .discard-stack__history span{border-radius:3px;min-width:0;height:.68rem;font-size:.38rem}}@media (height<=420px) and (orientation:landscape){.game-shell{gap:.2rem}.game-topbar{height:100%;min-height:0}.game-topbar .icon-button{width:26px;height:26px}.opponents-row{height:100%;min-height:0;max-height:none}.opponent{height:100%;padding:.22rem .4rem}.opponent__header .avatar{width:22px;height:22px}.opponent__piles{align-items:end;min-height:0;overflow:visible}.opponent__piles .game-card.is-compact,.opponent__piles .discard-stack.is-compact{width:clamp(24px,9vh,32px)}.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)}.empty-hand-note{font-size:.62rem}}@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}.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__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 (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}html[data-runtime=android-app] .self-zone{align-items:center;padding-block:.42rem;display:grid}html[data-runtime=android-app] .self-zone__layout{align-self:center;width:100%;height:calc(100% - .18rem);max-height:100%;transform:translateY(-.36rem)}html[data-runtime=android-app] .stock-area,html[data-runtime=android-app] .hand-area,html[data-runtime=android-app] .discard-area{align-self:center;height:100%}html[data-runtime=android-app] .opponent__piles{align-items:center}}@media (height<=600px) and (orientation:landscape){html,body,#root{height:100%;overflow:hidden}.home-shell{width:calc(100% - .6rem);height:100dvh;padding:max(.3rem, env(safe-area-inset-top)) 0 max(.25rem, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;gap:.25rem;display:grid;overflow:hidden}.home-shell .hero-panel{height:100%;min-height:0;overflow:hidden}.home-shell .hero-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);height:calc(100% - clamp(34px,11vh,44px));min-height:0}.home-shell .game-facts{height:34px;min-height:34px;margin:0;overflow:hidden}.lobby-shell{width:calc(100% - .7rem);height:100dvh;padding:max(.3rem, env(safe-area-inset-top)) 0 max(.3rem, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);gap:.35rem;margin:0 auto;display:grid;overflow:hidden}.lobby-shell .topbar{border-radius:13px;height:44px;min-height:44px;padding:.25rem .6rem}.lobby-shell .brand-logo--small{width:32px;height:32px}.lobby-shell .brand-row--small .eyebrow{display:none}.lobby-shell .brand-row--small h1{font-size:.95rem}.lobby-shell .topbar .icon-button{border-radius:9px;width:34px;height:34px;margin-left:auto}.lobby-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(.25rem,.8vw,.5rem);height:100%;min-height:0;margin:0;display:grid}.invite-panel,.players-panel{border-radius:clamp(11px,2.2vh,16px);height:100%;min-height:0;padding:clamp(.35rem,1.7vh,.65rem) clamp(.4rem,1.2vw,.75rem);overflow:hidden}.invite-panel{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(.2rem,1vh,.4rem) clamp(.3rem,1vw,.7rem);display:grid}.invite-panel .section-heading{grid-area:1/1}.invite-panel .section-heading .eyebrow{display:none}.invite-panel .section-heading h2{font-size:clamp(.7rem,3.1vh,1rem)}.invite-panel .status-icon{width:18px}.room-code{grid-area:2/1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;gap:clamp(.15rem,.7vh,.3rem);margin:0;display:grid}.room-code span{aspect-ratio:auto;border-radius:clamp(6px,1.5vh,10px);min-height:0;font-size:clamp(.85rem,5.2vh,1.65rem)}.qr-frame{border-radius:13px;grid-area:1/2/3;margin:0;padding:clamp(.25rem,1vh,.45rem)}.qr-frame svg{width:clamp(76px,27vh,145px);height:auto;display:block}.invite-panel .secondary-button{border-radius:10px;grid-area:3/1/auto/3;min-height:clamp(32px,10vh,40px);padding:.4rem .65rem;font-size:.72rem}.invite-panel .helper-text{display:none}.players-panel{flex-direction:column;display:flex}.players-panel .section-heading .eyebrow{display:none}.players-panel .section-heading h2{font-size:clamp(.72rem,3.1vh,1rem)}.capacity-pill{padding:.3rem .5rem;font-size:.62rem}.player-list{gap:clamp(.15rem,.7vh,.3rem);min-height:0;margin:clamp(.2rem,1vh,.45rem) 0;display:grid;overflow:hidden}.player-row{border-radius:clamp(7px,1.5vh,11px);min-height:0;padding:clamp(.2rem,.8vh,.35rem) clamp(.3rem,.8vw,.5rem)}.player-row .avatar{border-radius:8px;width:clamp(24px,7.5vh,32px);height:clamp(24px,7.5vh,32px)}.player-row__copy strong{font-size:clamp(.6rem,2.2vh,.74rem)}.player-row__copy span{font-size:clamp(.5rem,1.7vh,.6rem)}.ready-pill{padding:.25rem .4rem;font-size:.58rem}.lobby-settings{margin:auto 0 clamp(.18rem,.7vh,.3rem);padding:clamp(.2rem,.8vh,.4rem) 0;font-size:clamp(.55rem,1.9vh,.68rem)}.players-panel>.primary-button,.players-panel>.secondary-button{border-radius:10px;min-height:38px;padding:.4rem;font-size:.72rem}}@media (width<=680px) and (height<=440px) and (orientation:landscape){.lobby-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.invite-panel .section-heading{display:none}.invite-panel{grid-template-rows:minmax(0,1fr) auto}.room-code,.qr-frame{grid-row:1}.invite-panel .secondary-button{grid-row:2}.ready-pill{font-size:0}.ready-pill svg{width:14px}.lobby-settings span:last-child{display:none}}@media (aspect-ratio>=20/9) and (height<=600px) and (orientation:landscape){.lobby-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.invite-panel{grid-template-columns:minmax(0,1fr) auto}.hero-game-art:before{left:12%;right:7%}.home-shell .hero-stage{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}}@media (height<=380px) and (orientation:landscape){.lobby-shell .topbar{height:38px;min-height:38px}.lobby-shell .brand-logo--small{width:28px;height:28px}.invite-panel,.players-panel{padding-block:.4rem}.qr-frame svg{width:clamp(90px,27vh,112px)}.player-list{margin-block:.25rem}.lobby-settings{padding-block:.25rem}}:root{--prism-ink:#090b12;--prism-panel:#111522;--prism-line:#2b3142;--prism-white:#f4f5f7;--prism-muted:#8b93a7;--prism-cyan:#3ae0ff}body{background:var(--prism-ink);color:var(--prism-white)}.glass-panel{border:1px solid var(--prism-line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#10131df2}.home-shell{background:#090b12;grid-template-columns:minmax(0,1fr);min-height:100svh;padding:0;display:grid;overflow:hidden auto}.home-shell .ambient{display:none}.hero-panel{grid-template-rows:82px 1fr;min-height:calc(100svh - 62px);padding:0;display:grid;position:relative;background:#090b12!important;border:0!important;border-radius:0!important}.hero-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.9%,#202431 50%,#0000 50.1%);position:absolute;inset:0}.brand-row{border-bottom:1px solid var(--prism-line);gap:16px;height:82px;padding:0 5vw}.brand-logo{border-radius:10px;width:48px;height:48px}.brand-row h1{letter-spacing:.18em;color:var(--prism-white);font-size:25px;font-weight:900}.brand-row .eyebrow{letter-spacing:.24em;color:var(--prism-muted);font-size:9px}.connection-pill{border:1px solid var(--prism-line);color:var(--prism-muted);text-transform:uppercase;letter-spacing:.12em;background:0 0;border-radius:2px;padding:10px 14px;font-size:10px}.connection-pill.is-online{color:#72f0b2;background:0 0;border-color:#2c6d50}.hero-stage{grid-template-columns:minmax(370px,.78fr) minmax(500px,1.22fr);min-height:0;display:grid}.hero-content{border-right:1px solid var(--prism-line);z-index:2;flex-direction:column;justify-content:center;padding:5vh 5vw;display:flex}.hero-copy{max-width:590px}.hero-copy>.eyebrow{color:var(--prism-cyan);letter-spacing:.22em;margin-bottom:18px;font-size:10px}.hero-copy h2{letter-spacing:-.065em;text-transform:uppercase;color:var(--prism-white);margin:0 0 30px;font-size:clamp(54px,6.3vw,106px);font-weight:950;line-height:.78}.hero-copy h2 em{color:var(--prism-cyan);-webkit-text-stroke:0;font-style:normal}.hero-copy>p:last-child{color:#b1b8c8;border-left:2px solid var(--prism-cyan);max-width:470px;padding-left:18px;font-size:15px;line-height:1.65}.home-actions{align-items:stretch;gap:10px;margin-top:34px;display:flex}.home-actions button,.setup-card .primary-button{text-transform:uppercase;letter-spacing:.08em;border-radius:2px;min-height:54px;font-size:11px}.primary-button{background:var(--prism-white);color:#090b12;border:1px solid var(--prism-white);box-shadow:none}.primary-button:hover{background:var(--prism-cyan);border-color:var(--prism-cyan);transform:none}.secondary-button{color:var(--prism-white);background:0 0;border:1px solid #42495c;border-radius:2px}.hero-game-art{background:radial-gradient(circle at 54%,#1b2237 0,#0c0f18 55%,#090b12 100%);display:block;position:relative;overflow:hidden}.hero-game-art:after{content:"PRISM";letter-spacing:-.08em;color:#ffffff05;font-size:clamp(100px,16vw,240px);font-weight:950;position:absolute;bottom:-38px;right:-20px}.prism-rays{position:absolute;inset:0;transform:rotate(-17deg)translate(5%,4%)}.prism-rays i{transform-origin:0;clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);opacity:.34;width:105%;height:9%;position:absolute;top:48%;left:10%}.prism-rays i:first-child{background:#ef4250;transform:rotate(-17deg)}.prism-rays i:nth-child(2){background:#f2bd29;transform:rotate(-6deg)}.prism-rays i:nth-child(3){background:#22ad68;transform:rotate(6deg)}.prism-rays i:nth-child(4){background:#2d83ed;transform:rotate(18deg)}.art-burst{display:none}.art-card{aspect-ratio:.67;z-index:2;border:2px solid #ffffffc7;border-radius:10px;flex-direction:column;justify-content:space-between;width:clamp(88px,9vw,142px);height:auto;padding:12px;display:flex;position:absolute;box-shadow:0 28px 60px #000b}.art-card small{letter-spacing:.08em;font-family:monospace}.art-card strong{align-self:center;font-size:clamp(42px,5vw,78px)}.art-card--one{background:#19a86d;top:27%;left:13%;transform:rotate(-13deg)}.art-card--two{background:#287de0;top:18%;left:34%;transform:rotate(-4deg)}.art-card--three{background:#e8a71f;top:25%;left:55%;transform:rotate(7deg)}.art-card--wild{background:#b63bd6;top:34%;left:74%;transform:rotate(16deg)}.art-target{color:#fff;z-index:3;background:0 0;border:1px solid #4a5368;border-radius:2px;align-items:center;gap:10px;padding:9px 13px;display:flex;inset:auto auto 7% 6%}.art-target span,.art-target small{color:#8b93a7;text-transform:uppercase;letter-spacing:.12em;font-size:8px}.art-target strong{font-family:monospace;font-size:16px}.art-arrow{color:#697188;letter-spacing:.12em;font:10px monospace;top:auto;bottom:8%;right:5%;transform:none}.game-facts{border:0;border-top:1px solid var(--prism-line);background:#0c0f18;border-radius:0;justify-content:flex-start;gap:4vw;height:62px;margin:0;padding:0 5vw}.game-facts span{text-transform:uppercase;letter-spacing:.1em;color:#9aa2b5;font-size:10px}.game-facts strong{color:#555e72;margin-left:auto;font-size:10px;font-weight:500}.setup-card{border:1px solid var(--prism-line);background:#0d1019;border-radius:2px;max-width:600px;padding:28px}.field input,.field select{color:#fff;background:#151a27;border:1px solid #343b4c;border-radius:2px}.lobby-shell{background:#090b12;min-height:100svh;padding:0}.topbar{border-width:0 0 1px;border-radius:0;height:82px;padding:0 5vw}.lobby-layout{grid-template-columns:.8fr 1.2fr;gap:0;min-height:calc(100svh - 82px);padding:0;display:grid}.invite-panel,.players-panel{background:#0c0f18;border:0;border-radius:0;padding:5vh 6vw}.invite-panel{border-right:1px solid var(--prism-line);flex-direction:column;align-items:flex-start;display:flex}.players-panel{background:#111522}.section-heading{border-bottom:1px solid var(--prism-line);width:100%;margin-bottom:25px;padding-bottom:18px}.section-heading h2{text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(30px,4vw,58px)}.room-code{gap:8px;margin:2vh 0}.room-code span{color:#fff;background:0 0;border:1px solid #465067;border-radius:2px;padding:7px 13px;font:700 clamp(24px,4vw,54px) monospace}.qr-frame{background:#fff;border-radius:2px;padding:15px}.player-list{background:var(--prism-line);border:1px solid var(--prism-line);gap:1px}.player-row{background:#111522;border:0;border-radius:0;padding:16px 18px}.player-row--empty{background:#0d1019}.ready-pill,.capacity-pill{text-transform:uppercase;letter-spacing:.1em;border-radius:2px;font-size:9px}.game-shell.eins-game{background:#080a10;min-height:100svh}.game-topbar{background:#0d1019;border-width:0 0 1px;border-radius:0;height:74px;padding:0 4vw}.game-topbar h1{letter-spacing:.18em;font-size:22px}.turn-banner{background:#151a27;border:1px solid #343b4c;border-radius:2px}.turn-banner.is-mine{color:#090b12;background:#f4f5f7;border-color:#fff}.opponents-row{border-bottom:1px solid var(--prism-line);background:#0a0d14;gap:1px;padding:12px 4vw}.opponent{box-shadow:none;background:#10141f;border:1px solid #252b39;border-radius:0}.opponent.is-active{border-color:var(--prism-cyan);box-shadow:inset 0 -2px var(--prism-cyan)}.eins-table{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;min-height:42vh}.color-orbit{border-style:solid;border-color:#ffffff10}.eins-card{border-width:3px;border-radius:9px;box-shadow:0 16px 30px #000a}.self-zone{background:#0e121c;border-radius:0;margin:0 4vw 3vh}.avatar{background:#242a39;border-radius:2px}.winner-card{background:#0e121c;border-radius:2px}@media (width<=800px){.hero-stage{grid-template-columns:1fr 1.12fr}.hero-content{padding:3vh 4vw}.hero-copy h2{font-size:clamp(42px,7.5vw,64px)}.hero-copy>p:last-child{font-size:12px}.home-actions{margin-top:18px}.home-actions button{min-height:44px}.brand-row{height:68px;padding:0 3vw}.hero-panel{grid-template-rows:68px 1fr;min-height:calc(100svh - 50px)}.game-facts{height:50px;padding:0 3vw}.art-card{width:clamp(70px,10vw,100px)}.lobby-layout{grid-template-columns:.85fr 1.15fr}.invite-panel,.players-panel{padding:3vh 4vw}}.hero-panel--setup{position:relative}.hero-panel--setup .hero-stage{grid-template-columns:minmax(330px,.78fr) minmax(500px,1.22fr)}.hero-panel--setup .hero-content{grid-column:1}.hero-panel--setup .setup-card{z-index:8;background:#101522;border:1px solid #343c50;border-radius:2px;width:min(560px,43vw);max-width:none;margin:0;padding:34px;position:absolute;top:118px;right:5vw;box-shadow:18px 24px #05060a}.setup-card__header{border-bottom:1px solid var(--prism-line);margin-bottom:20px;padding-bottom:18px}.setup-card__header h3{color:#fff;text-transform:uppercase;letter-spacing:-.02em;font-size:24px}.setup-card .field>span{color:#8f98ab;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.setup-card .field input,.setup-card .field select{color:#fff;background:#090c14;border:1px solid #394156;border-radius:2px;min-height:50px}.setup-card .text-button{color:#9da6b9;text-transform:uppercase;letter-spacing:.1em;font-size:10px}@media (width<=800px){.hero-panel--setup .setup-card{width:51vw;padding:22px;top:86px;right:3vw}.setup-card__header{margin-bottom:12px;padding-bottom:10px}.setup-card__header h3{font-size:18px}.setup-card .field input,.setup-card .field select{min-height:42px}}@media (orientation:landscape) and (height<=650px){.hero-panel{grid-template-rows:64px 1fr;height:auto;min-height:calc(100svh - 48px)}.brand-row{height:64px;padding:0 3.5vw}.brand-logo{width:42px;height:42px}.brand-row h1{font-size:22px}.hero-stage{height:auto;min-height:0}.hero-content{justify-content:center;padding:18px 4vw}.hero-copy>.eyebrow{margin-bottom:10px;font-size:9px}.hero-copy h2{letter-spacing:-.055em;margin:0 0 14px;font-size:clamp(38px,7.2vh,54px);line-height:.82}.hero-copy>p:last-child{max-width:420px;margin:0;padding-left:12px;font-size:11px;line-height:1.4}.home-actions{gap:8px;margin-top:16px}.home-actions button{min-height:42px;padding:0 17px;font-size:9px}.game-facts{gap:3vw;height:48px;padding:0 3.5vw}.game-facts span,.game-facts strong{font-size:8px}.art-card{border-width:2px;width:clamp(66px,10.5vw,96px);padding:8px}.art-card small{display:none}.art-card strong{margin:auto;font-size:clamp(32px,8vh,56px)}.art-card--one{top:25%;left:12%}.art-card--two{top:15%;left:34%}.art-card--three{top:24%;left:56%}.art-card--wild{top:34%;left:76%}.art-target{padding:6px 10px;bottom:5%}.art-arrow{bottom:6%}.hero-panel--setup .setup-card{width:47vw;padding:18px 22px;top:76px;right:3.5vw}.hero-panel--setup .hero-copy>p:last-child{display:none}}@media (orientation:landscape) and (height<=450px){.hero-panel{grid-template-rows:54px minmax(300px,1fr);min-height:100svh}.brand-row{height:54px}.brand-logo{width:36px;height:36px}.brand-row h1{font-size:19px}.brand-row .eyebrow{font-size:7px}.connection-pill{padding:7px 10px;font-size:8px}.hero-stage{min-height:300px}.hero-content{padding:10px 4vw}.hero-copy>.eyebrow{margin:0 0 6px;font-size:7px}.hero-copy h2{margin-bottom:8px;font-size:clamp(29px,9.2vh,40px);line-height:.82}.hero-copy>p:last-child{display:none}.home-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.home-actions button{min-height:38px;padding:0 8px}.game-facts{display:none}.art-card{width:clamp(54px,9vw,76px)}.art-card strong{font-size:clamp(26px,9vh,42px)}.art-target{display:none}.art-arrow{font-size:7px;bottom:3%}.hero-panel--setup{min-height:100svh}.hero-panel--setup .hero-copy,.hero-panel--setup .hero-stage{display:none}.hero-panel--setup .setup-card{width:calc(100% - 7vw);max-width:none;box-shadow:none;margin:14px 3.5vw 24px;padding:16px 20px;position:relative;inset:auto}.hero-panel--setup{padding-top:54px;display:block}.hero-panel--setup>.brand-row{position:absolute;top:0;left:0;right:0}}@media (orientation:landscape) and (height<=650px){html[data-runtime=web],html[data-runtime=web] body,html[data-runtime=web] #root{height:auto!important;min-height:100%!important;overflow:hidden auto!important}html[data-runtime=web] .home-shell{width:100%;min-height:100svh;height:auto!important;overflow:visible!important}html[data-runtime=web] .hero-panel{min-height:460px;overflow:visible;height:auto!important}html[data-runtime=web] .hero-stage{min-height:396px}html[data-runtime=web] .game-facts{min-height:48px}html[data-runtime=web] .hero-panel--setup{min-height:430px;padding-bottom:24px}html[data-runtime=web] .hero-panel--setup .setup-card{max-height:none}}@media (orientation:landscape) and (height<=450px){html[data-runtime=web] .hero-panel{min-height:390px}html[data-runtime=web] .hero-stage{min-height:336px}html[data-runtime=web] .hero-panel--setup{min-height:390px}html[data-runtime=web] .hero-panel--setup .setup-card{margin-bottom:32px}}