:root{--bg: #08080d;--bg-2: #0d0c15;--ink: #f5f2ea;--text: #f5f2ea;--muted: #a8a4b6;--muted-2: #6f6b80;--violet: #8b6dff;--indigo: #4f3dff;--amber: #ffb86b;--peach: #ff8d6e;--mint: #6ee7b7;--card-bg: rgba(255, 255, 255, .045);--card-bg-2: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .1);--border-2: rgba(255, 255, 255, .18);--grad-warm: linear-gradient(100deg, var(--amber), var(--peach) 45%, var(--violet));--grad-cool: linear-gradient(135deg, var(--violet), var(--indigo));--ease: cubic-bezier(.22, 1, .36, 1);--gold: linear-gradient(160deg, #ffe6a3, #e3a23a 55%, #b97a1e);--card-w-min: 46px;--card-w-max: 88px;--col-gap: clamp(3px, 1vw, 7px)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--text);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{overscroll-behavior-y:contain;-webkit-user-select:none;user-select:none;overflow-x:hidden;background:var(--bg)}.app{--card-w: clamp(var(--card-w-min), calc((100% - 18px - (6 * var(--col-gap))) / 7), var(--card-w-max));position:relative;min-height:100dvh;width:100%;max-width:100%;padding:max(env(safe-area-inset-top),10px) 10px max(env(safe-area-inset-bottom),10px);display:grid;gap:8px;align-content:start;overflow-x:clip;background:transparent}.app:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(44% 40% at 16% 8%,rgba(139,109,255,.26) 0%,transparent 60%),radial-gradient(40% 36% at 86% 4%,rgba(255,141,110,.14) 0%,transparent 60%),radial-gradient(54% 46% at 50% 112%,rgba(79,61,255,.2) 0%,transparent 60%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 58%,#050509 100%);animation:aurora 30s ease-in-out infinite alternate}@keyframes aurora{0%{transform:translate3d(-1.5%,-1%,0) scale(1.04)}to{transform:translate3d(1.5%,2%,0) scale(1.1)}}@media(prefers-reduced-motion:reduce){.app:before{animation:none}}.studio-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 4px}.studio-brand{font-family:Unbounded,sans-serif;font-size:14px;color:var(--muted);letter-spacing:.01em}.studio-brand b{color:var(--ink)}.studio-bar-right{display:flex;align-items:center;gap:8px}.studio-time{font-size:12px;font-weight:700;color:var(--amber);background:#ffb86b1a;border:1px solid rgba(255,184,107,.28);border-radius:999px;padding:5px 10px}.studio-login{border:1px solid var(--border-2);background:var(--card-bg);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.studio-login:hover{background:var(--card-bg-2)}.studio-login.is-in{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px}.studio-login-name{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-air{border:1px solid var(--border-2);background:var(--card-bg);color:var(--ink);border-radius:999px;width:34px;height:32px;font-size:15px;line-height:1;cursor:pointer;display:inline-grid;place-items:center}.studio-air:hover{background:var(--card-bg-2)}.studio-air.is-on{background:#6ee7b729;border-color:#6ee7b780;color:var(--mint)}.offline-banner{text-align:center;font-size:12px;font-weight:700;color:var(--mint);background:#6ee7b714;border:1px solid rgba(110,231,183,.25);border-radius:10px;padding:6px 10px;margin:0 2px}.offline-pop{width:100%;max-width:360px;text-align:center;background:var(--bg-2);border:1px solid var(--border-2);border-radius:20px;padding:24px 26px;display:grid;gap:10px;box-shadow:0 30px 80px -20px #000000b3}.offline-pop-ico{font-size:38px;line-height:1}.offline-pop h2{margin:0;font-family:Unbounded,sans-serif;font-weight:700;font-size:20px}.offline-pop p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.offline-pop-how{font-size:13px}.offline-pop-how b{color:var(--ink)}.offline-pop-cta{border:0;border-radius:12px;padding:12px;font-weight:700;cursor:pointer;background:var(--grad-warm);color:#1a1206;margin-top:4px}.offline-pop-cta:disabled{opacity:.5;cursor:default}.offline-pop-close{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:13px;padding:4px}.hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hud-metric{background:linear-gradient(180deg,var(--card-bg-2),var(--card-bg));border:1px solid var(--border);border-radius:14px;padding:9px 12px;display:grid;gap:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff0f}.hud-metric .label{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2)}.hud-metric strong{font-family:Unbounded,Manrope,sans-serif;font-size:18px;font-weight:700;color:var(--amber);letter-spacing:-.01em}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.controls button{border:1px solid var(--border);background:var(--card-bg);color:var(--ink);border-radius:13px;font-size:clamp(12px,3.2vw,14px);line-height:1.15;padding:11px 4px;font-weight:600;cursor:pointer;transition:transform .12s var(--ease),border-color .12s,background .12s,box-shadow .12s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls button:hover:not(:disabled){border-color:var(--border-2);background:var(--card-bg-2);transform:translateY(-1px);box-shadow:0 8px 20px -10px #0009}.controls button:disabled{opacity:.4;cursor:default}.controls button:active:not(:disabled){transform:translateY(1px)}.controls button.is-on{background:#ffb86b29;border-color:#ffb86b8c;color:var(--amber);box-shadow:inset 0 0 0 1px #ffb86b33}.board{display:grid;gap:10px;position:relative;padding:clamp(8px,2vw,14px) clamp(6px,1.6vw,12px) clamp(10px,2.2vw,16px);border-radius:clamp(14px,2.6vw,22px);border:1px solid rgba(139,109,255,.2);background:radial-gradient(150% 110% at 50% -12%,rgba(139,109,255,.2) 0%,transparent 52%),radial-gradient(130% 90% at 50% 118%,rgba(255,141,110,.06) 0%,transparent 60%),linear-gradient(180deg,#1b1433,#130e25 52%,#0c0817);box-shadow:inset 0 1px #ffffff0f,inset 0 0 70px #00000073,inset 0 0 0 1px #ffb86b0d,0 34px 80px -34px #000000d9}.board:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.55;background-image:radial-gradient(rgba(255,255,255,.022) 1px,transparent 1.6px);background-size:7px 7px}.top-row{display:grid;grid-template-columns:repeat(7,var(--card-w));justify-content:start;align-items:flex-start;width:100%;gap:var(--col-gap)}.foundation-row,.deck-row{display:contents}.foundation-row,.deck-row{grid-template-columns:none}.pile.spacer{background:transparent;border:0;box-shadow:none;pointer-events:none}.pile{width:100%;height:auto;aspect-ratio:5 / 7;border-radius:9px;position:relative}.stock,.waste,.foundation{display:grid;place-items:center;border-radius:clamp(6px,1.5vw,11px);background:linear-gradient(180deg,#ffffff0d,#ffffff03);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 2px 9px #00000080,inset 0 0 0 1px #0000002e}.waste .card,.tableau-card,.drag-layer{touch-action:none}.stock.empty{color:var(--muted);font-size:28px}.stock{cursor:pointer}.stock-badge{position:absolute;right:4px;top:4px;border-radius:999px;background:#08080db8;border:1px solid var(--border);color:var(--ink);font-size:clamp(10px,2.2vw,12px);line-height:1;padding:5px 7px;display:flex;align-items:center;justify-content:center;pointer-events:none;min-width:24px}.stock-badge strong{font-size:clamp(11px,2.5vw,13px)}.empty-badge{top:50%;transform:translateY(-50%)}.empty-slot{width:100%;height:100%;border:1px dashed rgba(255,255,255,.14);border-radius:clamp(6px,1.4vw,10px);display:grid;place-items:center;color:#f5f2ea29;font-size:clamp(18px,4.6vw,26px);font-weight:700}.empty-slot.column{height:auto;aspect-ratio:5 / 7}.empty-slot.suit .slot-pip{width:42%;height:auto;opacity:.38}.tableau{display:grid;grid-template-columns:repeat(7,var(--card-w));gap:var(--col-gap);justify-content:start}.tableau-col{min-height:52dvh;width:100%;position:relative;border-radius:9px;padding-top:2px;overflow:visible}.tableau-card{position:absolute;left:0;width:100%;touch-action:none}.drag-hidden{opacity:.12}.card{width:100%;height:auto;aspect-ratio:5 / 7;border-radius:clamp(6px,1.5vw,11px);border:1px solid rgba(20,16,40,.18);background:linear-gradient(158deg,#fffdf8,#f1ebdc);overflow:hidden;position:relative;isolation:isolate;box-shadow:0 1px 2px #00000047,0 10px 22px -12px #0009,inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff73;transition:transform .14s var(--ease),box-shadow .14s var(--ease)}.card.face:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(157deg,#fff9,#fff0 30%)}.card.back{border-color:#8b6dff8c;background:#221a4d center / cover no-repeat url(/cards/back.png);box-shadow:0 1px 2px #0000004d,0 10px 22px -12px #0009,inset 0 0 0 1px #8b6dff66,inset 0 0 16px #8b6dff47}.card.face{background:linear-gradient(158deg,#fffdf8,#f0e9d9)}@media(hover:hover){.tableau-card:hover,.waste .card:hover{transform:translateY(-3px);box-shadow:0 2px 4px #0000004d,0 18px 34px -14px #000000b3;z-index:6}}.card-face{position:absolute;inset:0;z-index:1;font-family:Manrope,system-ui,sans-serif}.cf-idx{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.84;font-weight:800;z-index:2}.cf-idx b{font-size:clamp(10px,3vw,19px);letter-spacing:-.02em}.cf-idx .cf-mini{width:clamp(7px,2.2vw,14px);height:auto;margin-top:1px}.cf-tl{top:clamp(3px,1.3vw,8px);left:clamp(3px,1.3vw,8px)}.cf-br{bottom:clamp(3px,1.3vw,8px);right:clamp(3px,1.3vw,8px);transform:rotate(180deg)}.cf-pip{position:absolute;inset:0;display:grid;place-items:center}.cf-pip .cf-big{width:46%;height:auto}.cf-pips{position:absolute;inset:7% 16%;z-index:1}.cf-grid-pip{position:absolute;width:28%;transform:translate(-50%,-50%)}.cf-grid-pip.flip{transform:translate(-50%,-50%) rotate(180deg)}.cf-grid-pip svg{display:block;width:100%;height:auto}.cf-court{position:absolute;inset:9% 11%;display:grid;place-items:center;z-index:1}.cf-court img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.card-face.court:before{content:"";position:absolute;inset:clamp(5px,1.8vw,11px);border-radius:clamp(4px,1.2vw,8px);border:1px solid rgba(200,150,60,.45);box-shadow:inset 0 0 0 1px #ffdc9638;background:radial-gradient(circle at 50% 32%,rgba(255,210,120,.12),transparent 66%);pointer-events:none}.card-face.ace .cf-big{width:58%}.card-face.ace:before{content:"";position:absolute;inset:24% 22%;border-radius:50%;border:1px solid rgba(180,140,70,.3);background:radial-gradient(circle,rgba(255,210,120,.1),transparent 72%);pointer-events:none}.card-face.red{color:#c62a44}.card-face.black{color:#16121f}.footer{color:var(--muted-2);display:grid;gap:2px;font-size:12px;padding:2px 2px 0}.footer p{margin:0}.hint-line{min-height:16px;color:var(--muted)}.drag-layer{pointer-events:none;position:fixed;z-index:40;width:var(--card-w)}.drag-card{position:absolute;left:0;width:100%;transform:rotate(.5deg)}.hint-legal{outline:none;border-radius:clamp(6px,1.5vw,11px);animation:legalPulse 1.15s ease-in-out infinite}@keyframes legalPulse{0%,to{box-shadow:0 0 0 2px #6ee7b7b3,0 0 14px #6ee7b74d}50%{box-shadow:0 0 0 2px #6ee7b7,0 0 26px 3px #6ee7b799}}@media(prefers-reduced-motion:reduce){.hint-legal{animation:none;box-shadow:0 0 0 2px #6ee7b7e6}}.win-overlay{position:fixed;inset:0;background:#08080dbd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:80}.win-modal{position:relative;z-index:1;background:radial-gradient(120% 100% at 50% 0%,rgba(139,109,255,.18),transparent 60%),#0d0c15f7;border:1px solid var(--border-2);border-radius:22px;padding:30px 34px;text-align:center;max-width:360px;box-shadow:0 40px 100px -24px #000c,inset 0 1px #ffffff14;animation:winPop .5s var(--ease) both}@keyframes winPop{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}.win-modal h1{margin:4px 0 8px;font-family:Unbounded,sans-serif;font-weight:700;font-size:27px;background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;color:transparent}.win-modal p{margin:0 0 18px;color:var(--muted)}.win-modal p b{color:var(--amber);font-weight:700}.win-trophy{font-size:52px;line-height:1;margin-bottom:2px;filter:drop-shadow(0 8px 20px rgba(255,184,107,.45));animation:trophyPop .6s var(--ease) both}@keyframes trophyPop{0%{transform:scale(.4) rotate(-12deg);opacity:0}60%{transform:scale(1.15) rotate(4deg)}to{transform:none;opacity:1}}.win-modal button{border:0;background:var(--grad-warm);color:#1a1206;border-radius:13px;padding:11px 20px;font-weight:700}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.confetti:before,.confetti:after{content:"";position:absolute;inset:-10% 0;background-repeat:repeat;background-image:radial-gradient(circle,var(--amber) 0 3px,transparent 4px),radial-gradient(circle,var(--mint) 0 3px,transparent 4px),radial-gradient(circle,var(--violet) 0 3px,transparent 4px),radial-gradient(circle,var(--peach) 0 3px,transparent 4px);background-size:120px 120px,160px 160px,140px 140px,180px 180px;background-position:10px 0,60px 30px,100px 10px,30px 70px;animation:confettiFall 2.6s linear infinite;opacity:.85}.confetti:after{animation-duration:3.8s;opacity:.55;background-size:200px 200px,150px 150px,170px 170px,130px 130px;background-position:40px 0,110px 50px,20px 20px,90px 90px}@keyframes confettiFall{to{background-position:10px 120px,60px 190px,100px 150px,30px 250px}}@media(max-width:380px){.app{padding-left:8px;padding-right:8px}.controls button{font-size:13px}}@media(min-width:720px)and (max-width:999px){.app{--card-w-max: 150px;max-width:760px;margin-inline:auto;padding-top:max(env(safe-area-inset-top),18px)}.top-row,.tableau,.controls{justify-content:center}}@media(min-width:1000px){.app{max-width:1040px;margin-inline:auto;padding-top:max(env(safe-area-inset-top),18px);--col-gap: clamp(7px, .6vw, 12px);--card-w-max: 160px}.top-row,.tableau,.controls{justify-content:center}}.cab-overlay{position:fixed;inset:0;z-index:90;background:#08080dbd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}.cab{width:100%;max-width:460px;max-height:88dvh;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--border-2);border-radius:20px;box-shadow:0 30px 80px -20px #000000b3;overflow:hidden}.cab-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.cab-head h2{margin:0;font-family:Unbounded,sans-serif;font-weight:700;font-size:18px}.cab-close{border:1px solid var(--border-2);background:var(--card-bg);color:var(--ink);width:34px;height:34px;border-radius:10px;font-size:15px;cursor:pointer}.cab-tabs{display:flex;gap:6px;padding:12px 14px}.cab-tab{flex:1;padding:9px 6px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg);color:var(--muted);font-weight:700;font-size:13px;cursor:pointer}.cab-tab.is-active{background:var(--grad-warm);color:#1a1206;border-color:transparent}.cab-body{padding:6px 18px 20px;overflow-y:auto}.cab-acct{display:flex;align-items:center;gap:14px;padding:6px 0 14px}.cab-avatar{width:56px;height:56px;border-radius:16px;flex:0 0 auto;display:grid;place-items:center;font:800 22px Unbounded,sans-serif;color:#fff;box-shadow:inset 0 0 0 1px #fff3}.cab-acct-name{font-weight:700;font-size:17px}.cab-acct-sub{color:var(--muted);font-size:12px;margin-top:3px}.cab-note{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:13px;color:var(--muted);margin-bottom:14px}.cab-section-title{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--amber);margin:4px 0 10px}.cab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.cab-stats>div{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center}.cab-stats b{display:block;font-size:18px;font-family:Unbounded,sans-serif}.cab-stats span{font-size:11px;color:var(--muted)}.cab-card,.cab-link{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:10px;color:var(--text)}.cab-link{cursor:pointer}.cab-card.is-owned{border-color:#6ee7b780}.cab-card-main{flex:1}.cab-card-title{font-weight:700;font-size:15px}.cab-card-desc{color:var(--muted);font-size:12px;margin-top:3px;line-height:1.35}.cab-buy{flex:0 0 auto;border:0;border-radius:11px;padding:9px 16px;background:var(--grad-cool);color:#fff;font-weight:700;cursor:pointer}.cab-owned{flex:0 0 auto;color:var(--mint);font-size:12px;font-weight:700}.cab-link-arrow{flex:0 0 auto;color:var(--amber);font-size:20px;font-weight:700}.cab-fine{color:var(--muted-2);font-size:11px;line-height:1.4;margin:6px 0 0}.cab-allgames{font-size:12px;line-height:1.4;color:var(--mint);margin:-2px 0 12px;background:#6ee7b714;border:1px solid rgba(110,231,183,.25);border-radius:10px;padding:8px 11px}.cab-btn{width:100%;border-radius:12px;padding:12px;font-weight:700;cursor:pointer;border:0}.cab-btn-ghost{background:transparent;border:1px solid var(--border-2);color:var(--text);margin-top:6px}.ref-toast{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:10000;max-width:90vw;padding:12px 18px;border-radius:14px;background:linear-gradient(160deg,#1d2742,#121829);border:1px solid rgba(255,206,138,.42);color:#ffe8c0;font-size:14px;font-weight:600;box-shadow:0 14px 40px #00000080}.cab-invite{display:grid;gap:8px;padding:14px;border:1px solid rgba(255,206,138,.3);border-radius:14px;background:#ffce8a0d}.cab-invite h4{margin:0;font-size:14px;color:#ffce8a}.cab-invite p{margin:0;font-size:12.5px;color:var(--muted, #a8a4b6);line-height:1.45}.cab-invite .cab-invite-row{display:flex;gap:8px}.cab-invite input{flex:1;min-width:0;padding:9px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#e7edf5;font-size:12px}.studio-cab-mount{display:inline-flex;align-items:center}