@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,700&display=swap";:root{color:#f7f1e6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0c2e27;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:#0c2e27;min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:3px solid #f2c66d}img{max-width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{min-height:100svh}button{border:0}.eyebrow{color:#dcb969;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.73rem;font-weight:700}.primary-button,.secondary-button{cursor:pointer;border-radius:14px;min-height:50px;padding:0 24px;font-weight:700;transition:transform .16s,box-shadow .16s}.primary-button{color:#153128;background:#f0c972;box-shadow:0 10px 28px #05141040}.secondary-button{color:#fffaf0;background:#ffffff14;border:1px solid #ffffff2e}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.start-screen{max-width:1180px;min-height:100svh;padding:60px max(24px, env(safe-area-inset-left)) max(48px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);align-items:center;gap:7vw;margin:0 auto;display:grid;position:relative;overflow:hidden}.start-screen:before{content:"";z-index:-1;background:radial-gradient(circle at 75%,#4b8e7140,#0000 34%),linear-gradient(135deg,#103d32,#082821);position:fixed;inset:0}.start-copy{max-width:620px}.start-copy h1{letter-spacing:-.065em;margin:0;font-size:clamp(3.5rem,8vw,7.25rem);line-height:.84}.start-copy h1 em{color:#f0c972;font-family:Playfair Display,Georgia,serif;font-weight:700;display:block}.intro{color:#d8e2dc;max-width:510px;margin:30px 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.start-actions{flex-wrap:wrap;gap:12px;display:flex}.microcopy{color:#96aaa1;margin:18px 0 0;font-size:.78rem}.start-art{height:min(62vh,570px);min-height:430px;position:relative}.start-art img{object-fit:contain;filter:drop-shadow(0 28px 28px #000f0a52);-webkit-user-select:none;user-select:none;width:100%;height:100%;transform:scale(1.42)}.game-shell{min-height:100svh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 45%,#387d654d,#0000 38%),#0b3027}.game-header{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1180px;min-height:50px;margin:0 auto 8px;display:grid}.brand-mark{color:#f0c972;border:1px solid #f0c9728c;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:.72rem;display:grid}.round-meta{text-align:center}.round-meta span,.round-meta strong{display:block}.round-meta span{color:#d4b66e;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}.round-meta strong{margin-top:2px;font-size:.8rem}.help-button{color:#f7f1e6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2b;border-radius:10px;justify-self:end;min-width:70px;min-height:38px}.table{background:linear-gradient(#ffffff03,#0000000a),#174b3c;border:1px solid #ffffff17;border-radius:24px;grid-template-rows:auto minmax(210px,1fr) auto auto;gap:8px;max-width:1180px;min-height:calc(100svh - 82px);margin:0 auto;padding:12px clamp(10px,2vw,26px);display:grid;box-shadow:inset 0 0 70px #011b144d,0 20px 55px #01130e42}.player-label{align-items:center;gap:10px;display:flex}.player-label strong,.player-label small{display:block}.player-label strong{font-size:.84rem}.player-label small{color:#aec0b8;margin-top:1px;font-size:.66rem}.avatar{color:#16372d;background:#dac17f;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.7rem;font-weight:800;display:grid}.computer-avatar{color:#e5ede9;background:#315e51}.thinking,.your-turn{color:#f1d891;margin-left:auto;font-size:.65rem;font-weight:700}.thinking i{background:currentColor;border-radius:50%;width:4px;height:4px;margin-right:2px;animation:.9s infinite alternate think;display:inline-block}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes think{to{opacity:.5;transform:translateY(-4px)}}.opponent-zone,.human-zone{min-width:0}.opponent-hand{justify-content:center;height:58px;margin-top:2px;display:flex;overflow:hidden}.card-back{aspect-ratio:5/7;transform:translateY(calc(abs(var(--card-index) - 6) * .25px));background:repeating-linear-gradient(45deg,#0000 0 5px,#ffffff14 5px 7px),#244b6d;border:3px solid #f3ead9;border-radius:6px;flex:0 0 clamp(38px,5.5vw,57px);margin-left:clamp(-27px,-2.7vw,-14px);position:relative;box-shadow:0 4px 10px #00000038}.card-back:first-child{margin-left:0}.card-back span{color:#f0c972;border:1px solid #ffffff59;place-items:center;font:700 .48rem Georgia,serif;display:grid;position:absolute;inset:5px}.centre-zone{grid-template-columns:minmax(76px,.7fr) minmax(190px,2.2fr) minmax(88px,.7fr);align-items:center;gap:clamp(6px,2vw,22px);min-height:210px;display:grid}.trump-panel,.stock-panel{background:#04221a38;border:1px solid #ffffff1c;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:112px;padding:10px 7px;display:flex}.trump-panel>span,.stock-panel>span{color:#acc1b8;letter-spacing:.1em;text-align:center;text-transform:uppercase;font-size:.6rem;font-weight:700}.trump-panel>strong{margin-top:3px;font-size:clamp(2.1rem,5vw,3rem);line-height:1}.trump-panel>small{color:#e6eee9;text-transform:capitalize;font-size:.63rem}.red-suit{color:#f38b7f}.trick-area{grid-template-columns:1fr auto 1fr;place-items:center;gap:clamp(7px,1.5vw,18px);display:grid}.played-slot{aspect-ratio:5/7;color:#9db5ab;border:1px dashed #ffffff38;border-radius:10px;place-items:center;width:clamp(74px,10vw,105px);font-size:.62rem;display:grid}.played-slot .playing-card{width:100%;animation:.23s ease-out play-card}@keyframes play-card{0%{opacity:0;transform:translateY(18px)scale(.9)}}.computer-slot .playing-card{animation-name:play-card-computer}@keyframes play-card-computer{0%{opacity:0;transform:translateY(-18px)scale(.9)}}.trick-divider{background:#ffffff2e;width:34px;height:1px}.trick-divider span{color:#8eaa9e;text-align:center;text-transform:uppercase;font-size:.5rem;display:block;position:relative;top:-8px}.playing-card{background:#fff;border-radius:7px;width:clamp(58px,8.5vw,88px);padding:0;display:block;overflow:hidden;box-shadow:0 7px 18px #0000003d}.playing-card img{aspect-ratio:5/7;object-fit:cover;width:100%;display:block}.stock-panel .playing-card{width:clamp(52px,6vw,66px);margin-top:7px}.score-card{align-items:center;gap:7px;margin-top:8px;display:flex}.score-card div{text-align:center}.score-card strong,.score-card small{display:block}.score-card strong{font:700 1.7rem Georgia,serif}.score-card small{color:#b8cbc2;text-transform:uppercase;font-size:.55rem}.score-card b{color:#8da99d}.status-bar{color:#dae7e1;background:#031d1659;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:7px 13px;display:flex}.status-bar p{text-align:center;margin:0;font-size:.74rem;font-weight:600}.turn-dot{background:#7c9289;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.turn-dot.active{background:#f0c972;box-shadow:0 0 0 4px #f0c97224}.human-hand{flex-wrap:wrap;justify-content:center;gap:5px clamp(5px,1.4vw,14px);min-height:102px;margin-top:3px;display:flex}.suit-group{align-items:flex-start;min-width:0;display:flex}.suit-label{color:#bdd0c7;width:14px;margin:5px 1px 0 0;font-size:.72rem}.suit-cards{min-width:0;display:flex}.card-button{cursor:pointer;flex:0 0 clamp(50px,7vw,72px);width:clamp(50px,7vw,72px);margin-left:clamp(-26px,-2.7vw,-15px);transition:transform .15s,opacity .15s,filter .15s;position:relative}.card-button:first-child{margin-left:0}.card-button.playable:focus-visible{z-index:5;transform:translateY(-10px)}@media (hover:hover) and (pointer:fine){.card-button.playable:hover{z-index:5;transform:translateY(-10px)}}.card-button.unplayable{filter:saturate(.35)brightness(.72);opacity:.58;cursor:not-allowed}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02140fbf;place-items:center;padding:18px;animation:.18s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal{color:#24352e;background:#fffaf0;border-radius:24px;width:min(100%,520px);max-height:calc(100svh - 36px);padding:clamp(24px,5vw,42px);animation:.22s modal-in;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0000005c}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}.modal h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,5vw,2.5rem)}.icon-button{color:#2c443a;cursor:pointer;background:#ede8dc;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.5rem;display:grid;position:absolute;top:16px;right:16px}.rules-list{gap:15px;margin:25px 0;padding:0;list-style:none;display:grid}.rules-list li{grid-template-columns:32px 1fr;align-items:start;gap:12px;display:grid}.rules-list li>span{color:#fff;background:#1b5443;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.72rem;font-weight:700;display:grid}.rules-list p{color:#52645c;margin:2px 0 0;font-size:.88rem;line-height:1.5}.modal .primary-button{width:100%}.result-modal{text-align:center;max-width:430px}.result-symbol{color:#1b5443;margin:-8px 0 6px;font-size:3.3rem}.result-modal>p:not(.eyebrow):not(.result-symbol){color:#68766f}.final-score{justify-content:center;align-items:center;gap:26px;margin:23px 0 18px;display:flex}.final-score div{display:grid}.final-score strong{color:#173e32;font:700 3rem/1 Georgia,serif}.final-score span{color:#77847e;text-transform:uppercase;margin-top:4px;font-size:.7rem;font-weight:700}.result-modal .primary-button{margin-top:24px}.loading-screen,.error-screen{text-align:center;background:radial-gradient(circle,#174e3e,#082820 65%);align-content:center;justify-items:center;min-height:100svh;padding:24px;display:grid}.loading-screen h1,.error-screen h1{letter-spacing:-.05em;margin:25px 0 8px;font-size:clamp(2rem,7vw,3.5rem)}.loading-screen p,.error-screen>p:not(.eyebrow):not(.error-icon){color:#afc2b9;max-width:470px;margin:0 0 24px}.shuffle-loader{width:84px;height:105px;margin-bottom:32px;position:relative}.loading-screen .eyebrow{margin-bottom:6px}.loading-screen h1{margin-top:0}.shuffle-loader i{background:#244f70;border:4px solid #f7efdc;border-radius:8px;animation:1s ease-in-out infinite alternate shuffle;position:absolute;inset:0;box-shadow:0 8px 20px #00000047}.shuffle-loader i:nth-child(2){animation-delay:-330ms}.shuffle-loader i:nth-child(3){animation-delay:-660ms}@keyframes shuffle{to{transform:translate(25px)rotate(8deg)}}.error-icon{color:#efc76d;border:2px solid #efc76d;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 0 22px;font:700 2rem Georgia,serif;display:grid}@media (width<=720px){.start-screen{text-align:center;grid-template-columns:1fr;align-content:center;min-height:100svh}.start-copy{z-index:2}.intro{margin-left:auto;margin-right:auto}.start-actions{justify-content:center}.start-art{opacity:.22;width:300px;min-height:320px;position:absolute;inset:auto -70px -170px auto}.game-shell{padding-left:6px;padding-right:6px}.table{border-radius:18px;min-height:calc(100svh - 72px);padding:9px 6px}.centre-zone{grid-template-columns:62px minmax(174px,1fr) 68px;min-height:200px}.trump-panel,.stock-panel{border-radius:12px;min-height:98px}.trick-divider{width:16px}.played-slot{width:clamp(68px,23vw,88px)}.stock-panel .playing-card{width:48px}.human-hand{gap:2px 5px}}@media (width<=390px){.game-header{margin-bottom:4px}.table{grid-template-rows:auto minmax(190px,1fr) auto auto}.centre-zone{grid-template-columns:54px minmax(166px,1fr) 58px;gap:3px}.trump-panel>small{display:none}.trick-area{gap:4px}.trick-divider{width:10px}.played-slot{width:70px}.player-label{padding:0 4px}.card-button{flex-basis:48px;width:48px;margin-left:-25px}.suit-label{width:12px}.status-bar p{font-size:.68rem}.round-meta strong{font-size:.71rem}}.primary-button,.secondary-button,.help-button,.icon-button{touch-action:manipulation;min-height:48px;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,background-color .16s,opacity .16s}.primary-button:active,.secondary-button:active,.help-button:active,.icon-button:active{transform:translateY(1px)scale(.975)}button:disabled{cursor:not-allowed}.game-shell{isolation:isolate;height:100svh;min-height:0;padding-top:max(8px, env(safe-area-inset-top));color:#fffaf0;background:radial-gradient(circle at 50% 36%,#448b6f33,#0000 38%),#0a2d25;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.game-shell:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 18% 8%,#f3d3890e,#0000 28%),radial-gradient(circle at 85% 80%,#0000001f,#0000 32%);position:fixed;inset:0}.game-header{min-height:56px;margin-bottom:10px}.brand-mark{background:#05221b57;width:44px;height:44px;font-size:.78rem;box-shadow:inset 0 0 0 4px #f0c9720a}.round-meta span{color:#f0cf83;font-size:.75rem}.round-meta strong{color:#f8f3e9;margin-top:3px;font-size:.9rem;font-weight:600}@media (width>=721px){.round-meta{padding-left:clamp(24px,3vw,46px);padding-right:clamp(24px,3vw,46px)}}.help-button{background:#ffffff13;border-color:#ffffff38;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-width:88px;min-height:48px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 6px 16px #02151024}.help-button>span{border:1px solid #ffffff6b;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;display:grid}.help-button:hover{background:#ffffff1f;transform:translateY(-2px)}.table{isolation:isolate;background-color:#174c3d;background-image:radial-gradient(at 52% 42%,#5e9d8021,#0000 46%),repeating-radial-gradient(circle at 20% 30%,#ffffff05 0 1px,#0000 1px 4px);border-color:#ffffff1f;border-radius:28px;grid-template-rows:auto minmax(280px,1fr) auto auto;gap:12px;width:100%;height:100%;min-height:0;padding:16px clamp(14px,2.2vw,28px) 18px;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #0016104d,inset 0 1px #ffffff14,0 24px 70px #01120d57}.table:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle,#f4deac0b,#0000 68%);border-radius:50%;animation:9s ease-in-out infinite alternate table-breathe;position:absolute;inset:-35% 18% 18%}@keyframes table-breathe{to{opacity:.62;transform:translate(2%,1%)scale(1.035)}}.player-label{gap:12px;min-height:48px}.player-label strong{color:#fffdf7;font-size:1rem;font-weight:700}.player-label small{color:#c0d2ca;margin-top:2px;font-size:.78rem;font-weight:500}.avatar{border:2px solid #fff3;flex:0 0 40px;width:40px;height:40px;font-size:.8rem;box-shadow:0 5px 12px #00140e2e}.thinking,.your-turn{color:#ffe5a2;background:#06271e61;border:1px solid #f0c97247;border-radius:999px;align-items:center;gap:2px;min-height:36px;padding:0 12px;font-size:.78rem;display:inline-flex}.your-turn>span{margin-right:4px;font-size:.65rem}.opponent-zone{position:relative}.opponent-hand{height:105px;margin-top:-2px;overflow:visible}.card-back{transform:translate3d(0, var(--fan-y), 0) rotate(var(--fan-rotation));transform-origin:50% 120%;will-change:transform, opacity;background:linear-gradient(135deg,#0000 46%,#ffffff1f 47% 53%,#0000 54%),repeating-linear-gradient(45deg,#0000 0 5px,#ffffff12 5px 7px),#244e70;border:3px solid #f6eddb;border-radius:8px;flex-basis:clamp(54px,6.4vw,72px);margin-left:clamp(-34px,-3.2vw,-24px);box-shadow:0 6px 13px #000f0a47,inset 0 0 0 1px #0f25354d}.card-back span{border-radius:3px;font-size:.56rem;inset:5px}.opponent-hand .deal-card{animation:deal-to-computer .33s cubic-bezier(.22, .75, .25, 1) var(--deal-delay) backwards}@keyframes deal-to-computer{0%{opacity:0;transform:translateY(145px)rotate(16deg)scale(.62)}}.centre-zone{grid-template-columns:minmax(120px,.7fr) minmax(250px,2fr) minmax(138px,.8fr);gap:clamp(10px,2.4vw,32px);min-height:280px}.table-rail{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;display:flex}.left-rail{transform:translateY(-8px)}.right-rail{transform:translateY(9px)}.trump-panel,.stock-panel{background:#021f174d;border:1px solid #ffffff24;border-radius:18px;width:100%;min-height:126px;padding:12px 9px;box-shadow:inset 0 1px #ffffff0a,0 9px 20px #0218121f}.trump-panel>span,.stock-panel>span,.centre-kicker{color:#c5d6cf;letter-spacing:.11em;text-transform:uppercase;font-size:.7rem;font-weight:800}.trump-panel>strong{text-shadow:0 4px 9px #00000038;margin:5px 0 2px;font-size:clamp(2.8rem,5vw,3.6rem)}.trump-panel>small{color:#fffaf0;font-size:.8rem;font-weight:700}.trick-focus{justify-items:center;gap:13px;display:grid}.centre-kicker{background:#04201938;border-radius:999px;padding:5px 10px}.trick-area{gap:clamp(10px,2vw,26px)}.played-slot{color:#c2d2cb;text-align:center;background:#05281f21;border:2px dashed #efe4cd47;border-radius:13px;width:clamp(94px,10.2vw,116px);font-size:.72rem;line-height:1.35;transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s,border-color .24s}.played-slot>span{max-width:60px}.played-slot .playing-card{border-radius:9px;animation:.42s cubic-bezier(.18,.78,.22,1) play-from-human;box-shadow:0 13px 24px #000f0a57}.human-slot .playing-card{transform:translate(3px,3px)rotate(2.2deg)}.computer-slot .playing-card{animation-name:play-from-computer;transform:translate(-3px,-3px)rotate(-2.2deg)}@keyframes play-from-human{0%{opacity:.2;transform:translateY(150px)rotate(7deg)scale(.86)}}@keyframes play-from-computer{0%{opacity:.2;transform:translateY(-140px)rotate(-7deg)scale(.86)}}.played-slot.trick-winner{filter:drop-shadow(0 0 13px #f2ca6f4d);border-color:#f7d27bb8;transform:translateY(-7px)scale(1.025)}.played-slot.trick-winner .playing-card{box-shadow:0 16px 28px #000f0a61,0 0 0 3px #f5cf76ad}.trick-divider{background:#f0e5ce40;width:30px}.trick-divider span{color:#d0ddd7;font-size:.68rem;font-weight:800;top:-10px}.playing-card{backface-visibility:hidden;border:1px solid #171e1b1f;border-radius:9px;transform:translateZ(0);box-shadow:0 8px 18px #00100b47,inset 0 1px 1px #ffffffa6}.playing-card img{image-rendering:auto}.stock-panel{min-height:146px}.stock-layout{justify-content:center;align-items:center;width:130px;height:94px;margin-top:5px;display:flex;position:relative}.reward-card{z-index:3;transform-origin:50%;perspective:700px;animation:.52s cubic-bezier(.2,.75,.25,1) reveal-reward;position:absolute;left:1px}.stock-panel .playing-card{width:62px;margin:0}@keyframes reveal-reward{0%{opacity:.25;transform:translate(28px)rotateY(86deg)scale(.92)}}.stock-stack{width:49px;height:70px;position:absolute;right:0}.stock-stack>span{color:#f0c972;transform:translate(calc(var(--stock-layer) * -2px), calc(var(--stock-layer) * -2px));background:repeating-linear-gradient(45deg,#0000 0 4px,#ffffff14 4px 6px),#244e70;border:2px solid #f3e9d6;border-radius:6px;place-items:center;font:700 .45rem Georgia,serif;display:grid;position:absolute;inset:0;box-shadow:0 4px 8px #00110b3b}.stock-stack>strong{z-index:8;color:#18382e;background:#f0ca76;border:2px solid #174c3d;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 6px;font-size:.72rem;display:grid;position:absolute;bottom:-8px;right:-7px;box-shadow:0 3px 8px #00110b42}.stock-panel>small{color:#c0d2ca;text-align:center;max-width:130px;font-size:.67rem;line-height:1.25}.status-phase1DrawingRewards.reward-human .reward-card{animation:.68s cubic-bezier(.22,.7,.2,1) both reward-to-human}.status-phase1DrawingRewards.reward-computer .reward-card{animation:.68s cubic-bezier(.22,.7,.2,1) both reward-to-computer}@keyframes reward-to-human{to{opacity:.15;transform:translate(-70px,210px)rotate(6deg)scale(.72)}}@keyframes reward-to-computer{to{opacity:.15;transform:translate(-70px,-210px)rotate(-6deg)scale(.72)}}.score-card{gap:11px;margin-top:14px}.score-card strong{color:#fffdf7;font-size:2.35rem;animation:.32s ease-out score-pulse}.score-card small{color:#d1dfd9;letter-spacing:.08em;margin-top:4px;font-size:.68rem;font-weight:800}@keyframes score-pulse{45%{color:#f3d487;transform:scale(1.14)}}.discard-pile{width:100%;min-height:98px}.discard-heading{color:#c5d6cf;white-space:nowrap;justify-content:center;align-items:center;gap:7px;margin-bottom:5px;font-size:.68rem;font-weight:750;display:flex}.discard-heading strong{color:#fff8e9;background:#031f1857;border:1px solid #ffffff2e;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 5px;font-size:.72rem;display:grid}.discard-stack{background:#021e161a;border:1px dashed #ffffff2b;border-radius:7px;width:54px;height:76px;margin:0 auto;position:relative}.discard-stack:after{color:#dae8e173;content:"—";place-items:center;font-size:1.1rem;display:grid;position:absolute;inset:0}.discard-stack.has-cards:after{display:none}.discard-stack img{z-index:calc(var(--pile-index) + 1);object-fit:cover;width:100%;height:100%;transform:translate(var(--pile-x), var(--pile-y)) rotate(var(--pile-rotation));border-radius:6px;animation:.44s cubic-bezier(.2,.75,.25,1) both collect-to-discard;position:absolute;inset:0;box-shadow:0 4px 10px #00100a40}@keyframes collect-to-discard{0%{opacity:0;transform:translate(70px)rotate(0)scale(1.45)}}.status-bar{background:#021d1670;border:1px solid #ffffff17;border-radius:16px;justify-content:flex-start;gap:12px;min-height:60px;padding:10px 16px;box-shadow:inset 0 1px #ffffff09}.status-bar>div{min-width:0}.status-bar strong{color:#f4d487;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1px;font-size:.76rem;display:block}.status-bar p{color:#fffdf7;text-align:left;margin:0;font-size:.92rem;font-weight:600;line-height:1.35;animation:.26s ease-out status-in}@keyframes status-in{0%{opacity:0;transform:translateY(5px)}}.turn-indicator{color:#b4c8be;background:#ffffff0a;border:1px solid #ffffff29;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.status-bar.human-active .turn-indicator{color:#f1cc76;border-color:#f1cc768c;box-shadow:0 0 0 5px #f1cc7614}.human-zone{min-width:0}.human-hand{gap:8px clamp(8px,1.5vw,17px);min-height:120px;padding:2px 0 5px;overflow:visible}.suit-group{align-items:flex-start}.suit-label{color:#e5eee9;flex:0 0 18px;width:18px;margin-top:6px;font-size:.9rem;font-weight:700}.card-button{transform-origin:50% 100%;will-change:transform;flex-basis:clamp(62px,7.3vw,80px);width:clamp(62px,7.3vw,80px);min-width:48px;min-height:48px;margin-left:clamp(-30px,-2.8vw,-18px);transition:transform .17s cubic-bezier(.2,.8,.2,1),filter .17s,opacity .17s,box-shadow .17s;transform:translate(0,0)}.card-button.playable:focus-visible,.card-button.selected{z-index:20;filter:saturate(1.06);transform:translateY(-17px)rotate(0)scale(1.035);box-shadow:0 18px 30px #000f0a66,0 0 0 4px #f4ce74cc}@media (hover:hover) and (pointer:fine){.card-button.playable:hover{z-index:20;filter:saturate(1.06);transform:translateY(-17px)rotate(0)scale(1.035);box-shadow:0 18px 30px #000f0a66,0 0 0 4px #f4ce74cc}}.card-button.playable:active{transform:translateY(-10px)rotate(0)scale(.985)}.card-button.unplayable{filter:saturate(.42)brightness(.76);opacity:.55}.human-hand .deal-card{animation:deal-to-human .33s cubic-bezier(.22, .75, .25, 1) var(--deal-delay) backwards}@keyframes deal-to-human{0%{opacity:0;transform:translateY(-160px)rotate(-14deg)scale(.62)}}.icon-button{width:48px;height:48px}.rules-list p{font-size:1rem;line-height:1.58}.rules-list li>span{width:34px;height:34px;font-size:.8rem}.result-modal>p:not(.eyebrow):not(.result-symbol){font-size:1rem;line-height:1.55}.result-modal .primary-button{min-height:54px;font-size:1rem}@media (width<=720px){.game-shell{height:100svh;min-height:0;padding:max(5px, env(safe-area-inset-top)) 4px max(8px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.game-header{width:100%;min-height:54px;margin-bottom:5px;padding:0 4px}.brand-mark{width:42px;height:42px}.round-meta span{letter-spacing:.09em;font-size:.67rem}.round-meta strong{font-size:.78rem}.help-button{min-width:72px;padding:0 9px;font-size:.8rem}.help-button>span{display:none}.table{border-radius:20px;grid-template-rows:auto minmax(282px,1fr) auto auto;gap:8px;width:100%;height:100%;min-height:0;padding:9px 7px 12px}.player-label{gap:9px;min-height:44px;padding:0 2px}.player-label strong{font-size:.94rem}.player-label small{font-size:.72rem}.avatar{flex-basis:36px;width:36px;height:36px}.thinking,.your-turn{min-height:34px;padding:0 9px;font-size:.72rem}.opponent-hand{height:78px;margin-top:6px}.card-back{flex-basis:52px;margin-left:-29px}.centre-zone{grid-template-columns:64px minmax(0,1fr) 100px;gap:3px;min-height:282px}.table-rail{gap:9px}.left-rail{transform:translateY(-4px)}.right-rail{transform:translateY(5px)}.trump-panel,.stock-panel{border-radius:13px;min-height:110px;padding:8px 3px}.trump-panel>span,.stock-panel>span,.centre-kicker{letter-spacing:.07em;font-size:.6rem}.trump-panel>strong{margin:4px 0;font-size:2.55rem}.trump-panel>small{font-size:.68rem}.trick-focus{gap:10px}.centre-kicker{padding:5px 8px}.trick-area{gap:4px}.played-slot{border-radius:10px;width:clamp(67px,22vw,84px);font-size:.65rem}.trick-divider{width:8px}.trick-divider span{font-size:.56rem;left:-2px}.stock-panel{min-height:132px}.stock-layout{width:94px;height:91px}.stock-panel .playing-card{width:58px}.stock-stack{width:29px;height:41px;right:0}.stock-stack>strong{min-width:25px;height:25px;font-size:.64rem;bottom:-7px;right:-4px}.stock-panel>small{display:none}.discard-pile{min-height:88px}.discard-heading{text-align:center;white-space:normal;flex-direction:column;gap:2px;margin-bottom:4px;font-size:.59rem;line-height:1.05}.discard-heading strong{min-width:22px;height:22px;font-size:.66rem}.discard-stack{width:42px;height:59px}.score-card{gap:5px}.score-card strong{font-size:1.75rem}.score-card small{font-size:.58rem}.status-bar{border-radius:14px;min-height:64px;padding:9px 11px}.status-bar strong{font-size:.68rem}.status-bar p{font-size:.88rem;line-height:1.28}.turn-indicator{flex-basis:28px;width:28px;height:28px}.human-hand{gap:6px 7px;min-height:138px;padding-bottom:8px}.suit-label{flex-basis:15px;width:15px;margin-right:0;font-size:.8rem}.card-button{border-radius:7px;flex-basis:58px;width:58px;margin-left:-31px}.modal-backdrop{align-items:end;padding:10px}.modal{width:100%;max-height:calc(100svh - 20px);padding:30px 24px max(24px, env(safe-area-inset-bottom));border-radius:24px 24px 18px 18px}}@media (width<=720px) and (height<=760px){.table{grid-template-rows:auto minmax(172px,1fr) auto auto;gap:4px;padding-top:4px;padding-bottom:6px}.player-label{min-height:40px}.opponent-hand{height:58px;margin-top:2px}.card-back{flex-basis:44px;margin-left:-24px}.centre-zone{min-height:172px}.table-rail{gap:4px}.trump-panel,.stock-panel{min-height:90px;padding-top:6px;padding-bottom:6px}.stock-panel{min-height:108px}.trump-panel>strong{font-size:2.1rem}.discard-pile{min-height:66px}.discard-heading{margin-bottom:2px}.discard-stack{width:34px;height:48px}.status-bar{min-height:52px;padding-top:5px;padding-bottom:5px}.human-hand{gap:4px 7px;min-height:0;padding-bottom:0}}@media (width<=360px){.table{grid-template-rows:auto minmax(180px,1fr) auto auto;padding-left:5px;padding-right:5px}.centre-zone{grid-template-columns:57px minmax(0,1fr) 90px;min-height:180px}.stock-layout{width:88px}.stock-panel .playing-card{width:54px}.played-slot{width:62px}.card-button{flex-basis:56px;width:56px;margin-left:-31px}.status-bar p{font-size:.83rem}}@media (width<=720px) and (height<=610px){.game-shell{height:auto;min-height:100svh;overflow-y:auto}.table{height:auto;min-height:calc(100svh - 63px)}}@media (prefers-reduced-motion:reduce){.table:before,.thinking i{animation:none!important}.card-back,.card-button,.played-slot .playing-card,.discard-stack img,.reward-card,.score-card strong,.status-bar p{transition-duration:.01ms!important;animation:none!important}}