:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f5f0e7;background:#10201f;--ink:#17302e;--paper:#fffaf1;--mint:#45b6a7;--gold:#e4a65e;--app-height:100dvh}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 10%,#2c5a55,#10201f 55%);color:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffd38c;outline-offset:3px}.app{min-height:var(--app-height);padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:flex;flex-direction:column}.app--game{height:var(--app-height);overflow:hidden}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px}.brand{border:0;background:transparent;color:#f7f2e8;letter-spacing:.08em;font-weight:900;font-size:1.1rem}.brand span{color:var(--gold)}.top__right,.actions,.bot-row{display:flex;align-items:center;gap:10px}.room-code{letter-spacing:.12em;color:#fed498}.ghost,.secondary,.icon{border:1px solid #6f8f8a;background:transparent;color:inherit;border-radius:12px;padding:.62rem .85rem}.primary{border:0;border-radius:12px;padding:.76rem 1rem;background:var(--gold);color:#272019;font-weight:800;box-shadow:0 8px 20px #0003}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#fff1df;color:#263b38;border:0;font-weight:750}.alert{background:#ffdedf;color:#7a1d25;padding:.75rem 1rem;border-radius:10px}.connection{align-self:flex-end;display:flex;align-items:center;gap:7px;min-height:24px;padding:3px 9px;border-radius:999px;color:#d7e8e4;font-size:.75rem}.connection i{width:8px;height:8px;border-radius:50%;background:#75ccb8}.connection--lost,.connection--failed,.connection--replaced{background:#6f2930;color:#fff}.connection--lost i,.connection--failed i,.connection--replaced i{background:#ffadad}.connection--reconnecting,.connection--connecting{background:#67552d;color:#fff}.connection--restored{background:#275f53;color:#fff}.panel{background:linear-gradient(145deg,#fffdf7,#f0e8da);color:#203835;border-radius:22px;box-shadow:0 18px 48px #06131245;padding:clamp(18px,3vw,32px)}.host-notice{padding:.65rem .8rem;border-radius:10px;background:#fff0ce;color:#654916!important}.eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:800;color:#5d7a74;margin:0 0:.45rem}.home{flex:1;display:grid;grid-template-columns:1fr minmax(280px,.7fr);align-items:center;gap:clamp(30px,8vw,130px);max-width:1200px;width:100%;margin:auto;padding:40px 0}.home-copy{max-width:590px}.home h1{font-size:clamp(3rem,8vw,6.8rem);line-height:.9;letter-spacing:-.07em;margin:.1em 0 .25em}.home h1 em{font-style:normal;color:var(--gold)}.home p{font-size:1.1rem;line-height:1.55;max-width:48ch}.home label,.join label{display:grid;gap:7px;font-weight:700;max-width:420px;margin:18px 0}.home input,.join input{padding:.9rem 1rem;border-radius:12px;border:1px solid #b8c4b8;background:#fffdf8;color:#17302e}.actions{flex-wrap:wrap;margin:20px 0}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;transform:rotate(7deg);padding:14px;background:#d29a58;border-radius:28px;box-shadow:25px 28px #061b1935}.hero-grid i{font-style:normal;aspect-ratio:.7;background:linear-gradient(145deg,#fffdf7,#e6efe8);border-radius:12px;display:grid;place-items:center;font-size:1.5rem;color:#3a8980;box-shadow:inset 0 0 0 1px #315f5830}.join{width:min(100%,480px);margin:auto}.join h1{margin-top:0}.lobby{flex:1;display:grid;grid-template-columns:minmax(360px,1fr) minmax(220px,.48fr);gap:18px;align-items:center;max-width:1100px;width:100%;margin:auto}.player-list{display:grid;gap:9px;margin:20px 0}.player{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:#e8f0ea}.player>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff}.player span{display:grid;flex:1}.player small{color:#58716c}.player .icon{padding:.15rem .5rem;border-color:#c98585;color:#8d3030}.invite{text-align:center;display:grid;justify-items:center;gap:12px}.invite h2{font-size:2.2rem;letter-spacing:.12em;margin:0}.invite img{border-radius:12px;width:180px;height:180px}.invite small{color:#5e716c}.game{flex:1;min-height:0;display:grid;grid-template-columns:minmax(170px,.7fr) minmax(300px,1.4fr) minmax(190px,.75fr);grid-template-rows:auto 1fr;gap:14px;padding-top:12px}.opponents{grid-column:1/-1;grid-row:1;display:flex;gap:10px;overflow:auto;padding-bottom:4px}.mini{min-width:160px;border:1px solid #6b8b86;border-radius:13px;padding:9px;background:#173934}.mini--active{border-color:var(--gold);box-shadow:0 0 0 2px #e4a65e55}.mini strong,.mini span{display:block}.mini span{font-size:.8rem;color:#b8d2cd}.mini div{display:grid;grid-template-columns:repeat(4,18px);gap:2px;margin-top:7px}.mini i{height:20px;border-radius:3px;background:#dfe9dd;color:#234640;font-size:.67rem;display:grid;place-items:center;font-style:normal}.status,.events{align-self:stretch}.status{grid-column:1;grid-row:2}.status h2{font-size:1.2rem;line-height:1.25;margin:.3rem 0}.status p:not(.eyebrow){color:#5f746e}.stacks{display:flex;gap:12px;margin:22px 0}.pile{border:0;border-radius:14px;min-width:96px;aspect-ratio:.72;background:#2a5d57;color:#fff;display:grid;place-items:center;box-shadow:7px 7px #16413c}.pile span{font-size:2.2rem;font-weight:900}.pile small{font-size:.7rem}.pile--discard{background:#f2e5ce;color:#25443f}.own{grid-column:2;grid-row:2;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.own__head{width:min(100%,520px);display:flex;justify-content:space-between;align-items:center}.own__head strong{color:#ffe0a7}.grid{width:min(100%,520px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,1vw,12px)}.card{aspect-ratio:.68;border:0;border-radius:14px;background:linear-gradient(135deg,#396b64,#244b47);color:#d6f1e8;font-size:clamp(1.35rem,4vw,3.4rem);font-weight:900;box-shadow:inset 0 0 0 2px #84b9af44,0 8px 18px #041b193d;transition:transform .16s,background .16s}.card--revealed{background:linear-gradient(145deg,#fffdf5,#dce9df);color:#1e544d}.card--removed{opacity:0;pointer-events:none;transform:scale(.7)}.card--legal:hover{transform:translateY(-5px);box-shadow:0 0 0 3px #f7bd7088,0 12px 20px #041b1950}.events{grid-column:3;grid-row:2;font-size:.87rem;overflow:auto}.events p{padding:.5rem 0;border-bottom:1px solid #cad8ce;margin:0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#07131299;display:grid;place-items:center;padding:18px;overflow:auto}.score,.rules{width:min(100%,760px);position:relative}.score h1,.rules h2{margin-top:0}.score-table{display:grid;grid-template-columns:1.5fr repeat(4,.8fr);gap:8px;padding:12px 0;align-items:center}.score-table>*{padding:5px;border-bottom:1px solid #d3ddd3}.rules{max-width:520px}.rules li{margin:.7rem 0;line-height:1.4}.rules__close{position:absolute;right:14px;top:14px}.settings{display:grid;gap:14px}.settings label{display:flex;gap:10px;align-items:center}.settings input{width:20px;height:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.lobby{grid-template-columns:1fr;align-content:center}.invite{order:-1}.game{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;overflow:auto;padding-bottom:10px}.own,.status,.opponents,.events{grid-column:auto;grid-row:auto}.own{order:1}.status{order:2}.opponents{order:3}.events{order:4;max-height:180px}.card{border-radius:11px}.app--game{overflow:auto}.score-table{font-size:.8rem}}@media(max-width:560px){.app{padding:12px}.top__right .ghost:last-child{display:none}.top__right{gap:4px}.ghost{padding:.55rem .62rem}.home{grid-template-columns:1fr;padding:20px 0}.hero-grid{max-width:300px;justify-self:center}.home h1{font-size:3.5rem}.lobby{margin:12px 0}.panel{padding:18px;border-radius:17px}.game{gap:8px}.opponents{margin:0 -2px}.mini{min-width:132px}.status{padding:16px}.stacks{margin:13px 0}.pile{min-width:86px;min-height:112px}.own__head{padding:0 3px}.grid{gap:6px}.score{padding:18px}.score-table{grid-template-columns:1.25fr repeat(4,.7fr);font-size:.72rem}.top{min-height:38px}.room-code{font-size:.85rem}.connection{align-self:stretch;justify-content:center;margin-top:3px}}@media(max-height:480px)and (orientation:landscape){.top{display:none}.connection{position:fixed;right:6px;top:4px;z-index:3;opacity:.9}.game{padding-top:0;grid-template-columns:145px 1fr 160px;grid-template-rows:1fr}.opponents{grid-column:1;grid-row:1;display:grid;align-content:start;overflow:auto}.mini{min-width:0}.status{grid-column:3;grid-row:1}.own{grid-column:2;grid-row:1}.events{display:none}.card{border-radius:7px}.pile{min-width:66px;min-height:80px}.status{padding:12px}.status h2{font-size:.95rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.qr-space{width:180px;height:180px;display:grid;place-items:center}.rules__content{display:grid;gap:14px;max-height:min(70vh,620px);overflow:auto;padding-right:6px}.rules__section{padding-top:2px}.rules__section h3{margin:.15rem 0 .35rem;color:#315c54;font-size:1rem}.rules__section p,.rules__section li{line-height:1.45}.rules__section p{margin:.25rem 0}.rules__section ul{margin:.35rem 0;padding-left:1.2rem}@media(min-width:851px){.own .grid{width:min(100%,520px,calc(var(--app-height) - 320px));aspect-ratio:.94}.own .card{aspect-ratio:auto}}@media(max-width:850px){.lobby{align-content:start;align-items:stretch}.lobby-main{order:1}.invite{order:2}}@media(max-width:850px){.app--game{overflow:hidden}.game{overflow-x:hidden;overflow-y:auto;scroll-padding-top:8px}.own{min-height:auto;justify-content:flex-start}}@media(max-width:560px){.top{align-items:flex-start;min-height:42px}.brand{font-size:.95rem;padding:.45rem 0}.top__right{flex:1;min-width:0;max-width:250px;flex-wrap:wrap;justify-content:flex-end;gap:4px}.top__right .ghost{padding:.45rem .5rem;font-size:.78rem}.room-code{font-size:.75rem}}.hero-grid{position:relative;background:linear-gradient(135deg,#d79759,#b97850 58%,#89634f);border:1px solid #f2c17f66;box-shadow:25px 28px #061b1935,0 18px 40px #061b1933}.hero-card{position:relative;overflow:hidden;display:flex!important;flex-direction:column;justify-content:space-between;padding:9px 8px;color:#173835!important;background:#dfeadf!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px #fff9,0 7px 12px #182b2933!important;isolation:isolate}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(125deg,#ffffff55 0 18%,transparent 18% 72%,#17383512 72%);pointer-events:none}.hero-card__mark,.hero-card__index{font-size:.48rem;line-height:1;letter-spacing:.08em;font-weight:900;opacity:.72;text-align:left}.hero-card__index{align-self:flex-end;opacity:.48}.hero-card__value{font-size:clamp(1.25rem,3vw,2.2rem);line-height:1;letter-spacing:-.08em;align-self:center}.hero-card--negative{background:linear-gradient(145deg,#f4c274,#db765e)!important;color:#422d2b!important}.hero-card--low{background:linear-gradient(145deg,#b8e1d1,#e7f3dd)!important;color:#1d554c!important}.hero-card--mid{background:linear-gradient(145deg,#f5e6b7,#d4e5cd)!important;color:#35544a!important}.hero-card--high{background:linear-gradient(145deg,#f6cf9b,#ed9a6e)!important;color:#5a3930!important}.hero-card--back{background:linear-gradient(145deg,#285f59,#173e3b)!important;color:#d8eee1!important;box-shadow:inset 0 0 0 2px #9fd2bd55,0 7px 12px #182b2933!important}.hero-card--back:before{top:7px;right:7px;bottom:7px;left:7px;background:repeating-linear-gradient(45deg,transparent 0 5px,#9fd2bd22 5px 6px),repeating-linear-gradient(-45deg,transparent 0 5px,#9fd2bd22 5px 6px);border:1px solid #b6ddc844;border-radius:6px}.hero-card--back .hero-card__mark{align-self:center;font-size:.75rem;color:#f3c477;opacity:1}.hero-card--back .hero-card__value{font-size:1.1rem;color:#b8e0cb}.home{overflow:hidden}.card--revealed.card--negative{background:linear-gradient(145deg,#f4c274,#db765e);color:#422d2b}.card--revealed.card--low{background:linear-gradient(145deg,#b8e1d1,#e7f3dd);color:#1d554c}.card--revealed.card--mid{background:linear-gradient(145deg,#f5e6b7,#d4e5cd);color:#35544a}.card--revealed.card--high{background:linear-gradient(145deg,#f6cf9b,#ed9a6e);color:#5a3930}.card--revealed{box-shadow:inset 0 0 0 2px #fff8,0 8px 18px #041b193d}.card--negative.card--legal:hover,.card--low.card--legal:hover{box-shadow:0 0 0 3px #b8e1d188,0 12px 20px #041b1950}@media(max-width:560px){.hero-card{padding:7px 6px}.hero-card__value{font-size:1.25rem}.hero-card__mark,.hero-card__index{font-size:.4rem}}:root{--card-negative-a:#c8c4ef;--card-negative-b:#6f78bd;--card-negative-ink:#272b59;--card-low-a:#afe2d5;--card-low-b:#53b9ac;--card-low-ink:#164841;--card-mid-a:#d0e3a2;--card-mid-b:#e5c866;--card-mid-ink:#394725;--card-high-a:#f6ce84;--card-high-b:#e79552;--card-high-ink:#5b3920;--card-critical-a:#f2ad91;--card-critical-b:#d96569;--card-critical-ink:#592a31}.card-face{position:relative;overflow:hidden;isolation:isolate}.card-face.card-face--negative{background:linear-gradient(145deg,var(--card-negative-a),var(--card-negative-b))!important;color:var(--card-negative-ink)!important}.card-face.card-face--low{background:linear-gradient(145deg,var(--card-low-a),var(--card-low-b))!important;color:var(--card-low-ink)!important}.card-face.card-face--mid{background:linear-gradient(145deg,var(--card-mid-a),var(--card-mid-b))!important;color:var(--card-mid-ink)!important}.card-face.card-face--high{background:linear-gradient(145deg,var(--card-high-a),var(--card-high-b))!important;color:var(--card-high-ink)!important}.card-face.card-face--critical{background:linear-gradient(145deg,var(--card-critical-a),var(--card-critical-b))!important;color:var(--card-critical-ink)!important}.card-face.card-face--back{background:linear-gradient(145deg,#285f59,#173e3b)!important;color:#d8eee1!important}.card-face.card-face--back:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;z-index:-1;background:repeating-linear-gradient(45deg,transparent 0 5px,#9fd2bd22 5px 6px),repeating-linear-gradient(-45deg,transparent 0 5px,#9fd2bd22 5px 6px);border:1px solid #b6ddc844;border-radius:6px;pointer-events:none}.pile.card-face{border-radius:14px}.mini-card{width:18px;height:20px;min-width:0!important;aspect-ratio:auto!important;border-radius:3px!important;display:grid!important;place-items:center;font-size:.67rem!important;font-style:normal;box-shadow:none!important;border:0!important;padding:0!important}.app{overflow-x:clip}.home{overflow:visible}.hero-preview{min-width:0;min-height:0;display:grid;place-items:center;overflow:visible;padding:clamp(16px,2.2vw,30px)}.hero-preview .hero-grid{width:min(100%,500px);max-width:500px}@media(max-width:560px){.hero-preview{padding:14px 10px}.hero-preview .hero-grid{max-width:300px}}