.game-app{
  --ink:#f4fbff;--muted:#a9c3d1;--accent:#68d5e8;--accent-2:#f3c86b;--danger:#ff6478;
  --chrome:#061923;--chrome-2:#092431;--line:rgba(197,231,242,.16);
  position:relative;isolation:isolate;width:100%;height:calc(100dvh - 28px);min-height:690px;overflow:hidden;
  color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#071d29;user-select:none;-webkit-user-select:none;touch-action:none
}
.game-app[data-theme="web-blue"]{background:
  radial-gradient(1100px 620px at 50% 8%,rgba(83,162,201,.18),transparent 66%),
  linear-gradient(135deg,#0f3850 0%,#08273a 46%,#041722 100%)}
.game-app[data-theme="classic-green"]{background:
  radial-gradient(1200px 650px at 48% 12%,rgba(35,146,101,.33),transparent 64%),
  linear-gradient(135deg,#17694e 0%,#0b4d39 48%,#052d25 100%)}
.game-app[data-theme="midnight"]{background:
  radial-gradient(900px 600px at 50% 8%,rgba(65,94,156,.28),transparent 66%),
  linear-gradient(135deg,#152746 0%,#0a1830 50%,#050c18 100%)}
.game-app:before{content:"";position:absolute;inset:0;z-index:-4;pointer-events:none;background:
  linear-gradient(180deg,rgba(255,255,255,.035),transparent 20%,transparent 78%,rgba(0,0,0,.16)),
  radial-gradient(circle at 50% 50%,transparent 0 35%,rgba(0,0,0,.1) 100%)}
.game-app:after{content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;box-shadow:inset 0 0 100px rgba(0,0,0,.28)}
.game-web{
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;
    opacity:1;
    background:url('/assets/images/game/premium-scene.webp') center/cover no-repeat;
}

@supports (background-image: url('/assets/images/game/premium-scene.avif')) {
    .game-web{
        background-image:url('/assets/images/game/premium-scene.avif');
    }
}
.game-app[data-theme="classic-green"] .game-web{opacity:.08;filter:hue-rotate(75deg) saturate(.55)}
.game-app[data-theme="midnight"] .game-web{opacity:.42;filter:saturate(.58) brightness(.62)}

.game-header{height:74px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(340px,auto) minmax(300px,1fr);align-items:center;padding:0 clamp(18px,2.6vw,48px);position:relative;z-index:30;border-bottom:1px solid rgba(164,212,226,.13);background:linear-gradient(180deg,rgba(2,16,24,.9),rgba(4,24,34,.78));box-shadow:0 8px 28px rgba(0,0,0,.14);backdrop-filter:blur(16px) saturate(125%)}
.game-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;min-width:0}
.game-brand img{width:42px;height:42px;flex:0 0 42px;filter:drop-shadow(0 5px 16px rgba(0,0,0,.4))}
.game-brand .brand-copy{display:grid;line-height:1.02}.game-brand b{font-size:17px;letter-spacing:-.02em}.game-brand small{margin-top:5px;color:#87b6c5;font-size:8px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.game-title-wrap{text-align:center;line-height:1.06;white-space:nowrap}.game-title-wrap h1{margin:0;font-size:clamp(20px,1.52vw,28px);font-weight:850;letter-spacing:-.035em;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.game-title-wrap span{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;min-width:82px;height:23px;padding:0 10px;border:1px solid rgba(138,204,222,.24);border-radius:999px;background:rgba(3,18,26,.48);color:#c5e6ef;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.game-records{justify-self:end;display:flex;align-items:center;gap:clamp(18px,2.5vw,46px)}
.game-records div{text-align:right;min-width:54px}.game-records small{display:block;color:#8db6c3;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.game-records strong{display:block;margin-top:2px;font-size:20px;line-height:1;font-variant-numeric:tabular-nums;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.24)}

.game-stage{position:absolute;inset:74px 0 60px;overflow:hidden}
.stock-zone{position:absolute;top:20px;left:clamp(22px,2.7vw,52px);width:156px;height:133px;z-index:14}
.stock-button{position:relative;width:118px;height:104px;border:0;background:transparent;padding:0;cursor:pointer;border-radius:12px;transition:transform .16s ease,filter .16s ease}
.stock-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.stock-button:active:not(:disabled){transform:translateY(0) scale(.98)}.stock-button:disabled{cursor:default}
.stock-piles{position:absolute;inset:0}.stock-piles i{position:absolute;left:calc(var(--i)*9px);top:calc((4 - var(--i))*2px);width:78px;height:112px;border-radius:9px;background:url('/assets/images/cards/back-spider-crimson.svg') center/100% 100% no-repeat;filter:drop-shadow(0 7px 10px rgba(0,0,0,.23))}
.stock-zone small{position:absolute;left:0;top:113px;min-width:118px;text-align:center;white-space:nowrap;color:#c5dbe3;font-size:10px;font-weight:850;text-shadow:0 2px 5px rgba(0,0,0,.45)}
.stock-button.hint-pulse{animation:stockPulse .85s ease-in-out infinite}

.foundation-zone{position:absolute;top:18px;right:clamp(18px,2.5vw,48px);left:clamp(208px,18vw,315px);height:118px;display:grid;grid-template-columns:repeat(8,minmax(54px,84px));justify-content:end;gap:clamp(7px,.85vw,14px);z-index:8}
.foundation-slot{position:relative;aspect-ratio:.69;border:2px solid rgba(174,216,229,.28);border-radius:11px;background:linear-gradient(180deg,rgba(2,18,27,.2),rgba(2,14,21,.1));box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 4px 14px rgba(0,0,0,.08);overflow:hidden}
.foundation-slot:before{content:"♠";position:absolute;inset:0;display:grid;place-items:center;color:rgba(164,209,221,.08);font-size:36px}
.foundation-slot>span{position:absolute;right:8px;top:6px;color:rgba(206,236,244,.14);font-size:12px;font-weight:900}.foundation-slot.filled{border-color:rgba(173,226,239,.48);background:rgba(11,52,67,.45)}
.completed-stack{position:absolute;inset:0}.completed-stack img{width:100%;height:100%;object-fit:cover;display:block}.completed-stack span{position:absolute;right:6px;top:5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#09202b;color:#d9f4fb;font-size:10px;font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.25)}

.tableau{position:absolute;left:50%;width:min(calc(100% - 62px),1480px);transform:translateX(-50%);top:160px;bottom:10px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(4px,.72vw,13px);z-index:10}
.tableau-column{position:relative;min-width:0;height:100%;border-radius:12px}.tableau-column:before{content:"";position:absolute;inset:0 0 auto;aspect-ratio:.69;border:1.5px solid rgba(188,224,235,.1);border-radius:10px;background:rgba(1,14,22,.035);opacity:.7;transition:border-color .14s,box-shadow .14s,background .14s}.tableau-column.drop-ok:before{border-color:#79e8bd;background:rgba(121,232,189,.06);box-shadow:0 0 0 4px rgba(121,232,189,.12),0 0 28px rgba(121,232,189,.16)}.tableau-column.drop-no:before{border-color:#ff7182;background:rgba(255,113,130,.045);box-shadow:0 0 0 4px rgba(255,113,130,.09)}
.column-target{position:absolute;inset:0;z-index:1;border:0;background:transparent;padding:0;cursor:default}
.playing-card{position:absolute;left:0;width:100%;height:var(--card-h,130px);perspective:1000px;transition:filter .12s,opacity .12s,transform .12s;pointer-events:auto;cursor:grab;will-change:transform}
.playing-card.face-down{cursor:default}.playing-card.drag-origin{visibility:hidden!important;opacity:0!important}.playing-card.selected{filter:drop-shadow(0 0 4px rgba(244,205,107,.9)) drop-shadow(0 0 15px rgba(244,205,107,.65));transform:translateY(-4px)}.playing-card.hint-source{animation:hintCard .7s ease-in-out 2}.tableau-column.hint-target:before{border-color:#f4cf72;box-shadow:0 0 0 5px rgba(244,207,114,.14),0 0 28px rgba(244,207,114,.22);animation:hintTarget .7s ease-in-out 2}
.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .34s cubic-bezier(.2,.75,.18,1)}.playing-card.face-up .card-inner{transform:rotateY(0)}.playing-card.face-down .card-inner,.playing-card.deal-hidden .card-inner{transform:rotateY(180deg)}
.card-face{position:absolute;inset:0;border-radius:9px;overflow:hidden;backface-visibility:hidden;background:#fff;border:1px solid rgba(4,18,25,.13);box-shadow:0 3px 8px rgba(0,0,0,.24),0 11px 28px rgba(0,0,0,.13)}.card-front img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none;-webkit-user-drag:none}.card-front.card-loading{background:linear-gradient(180deg,#fff,#f4f6f7)}
.card-back{transform:rotateY(180deg);border:0;background:#a8152c center/100% 100% no-repeat;box-shadow:0 3px 8px rgba(0,0,0,.25),0 11px 28px rgba(0,0,0,.14)}
.game-app[data-card-back="spider-red"] .card-back{background-image:url('/assets/images/brand/spider-emblem-white-256.png'),url('/assets/images/cards/back-spider-crimson.svg');background-size:54% auto,100% 100%;background-position:center,center;background-repeat:no-repeat}.game-app[data-card-back="blue-lattice"] .card-back{background-image:url('/assets/images/brand/spider-emblem-white-256.png'),url('/assets/images/cards/back-midnight.svg');background-size:52% auto,100% 100%;background-position:center,center;background-repeat:no-repeat}.game-app[data-card-back="minimal"] .card-back{background-image:url('/assets/images/brand/spider-emblem-white-256.png'),url('/assets/images/cards/back-emerald.svg');background-size:48% auto,100% 100%;background-position:center,center;background-repeat:no-repeat}

.game-toolbar{position:absolute;left:0;right:0;bottom:0;height:60px;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 clamp(18px,2.2vw,36px);border-top:1px solid rgba(154,210,226,.14);background:linear-gradient(180deg,rgba(4,24,34,.88),rgba(2,17,25,.96));box-shadow:0 -10px 28px rgba(0,0,0,.13);backdrop-filter:blur(16px) saturate(120%)}
.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-right{justify-content:flex-end}.toolbar-center{display:flex;justify-content:center}
.game-btn,.daily-chip{height:40px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(174,220,232,.17);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));color:#eef9fc;padding:0 13px;font:inherit;font-size:12px;font-weight:820;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.035),0 4px 12px rgba(0,0,0,.06);transition:background .14s,border-color .14s,transform .12s,color .14s}.game-btn:hover:not(:disabled),.daily-chip:hover{background:rgba(116,203,226,.12);border-color:rgba(137,214,233,.35);color:#fff}.game-btn:active:not(:disabled),.daily-chip:active{transform:translateY(1px)}.game-btn:disabled{opacity:.36;cursor:default}.game-btn svg{width:17px;height:17px;flex:0 0 17px}.game-btn.icon-only{width:40px;padding:0;justify-content:center}.daily-chip{min-width:170px;justify-content:center;gap:10px;background:linear-gradient(180deg,rgba(104,213,232,.16),rgba(104,213,232,.07));border-color:rgba(104,213,232,.25)}.daily-chip span{color:#9fdbe7;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.daily-chip b{font-size:11px}

.game-message{position:absolute;left:50%;bottom:15px;transform:translate(-50%,18px);opacity:0;z-index:45;padding:9px 15px;border-radius:999px;background:rgba(3,17,24,.92);border:1px solid rgba(170,216,228,.2);box-shadow:0 12px 34px rgba(0,0,0,.3);font-size:11px;font-weight:780;transition:.18s;pointer-events:none}.game-message.show{opacity:1;transform:translate(-50%,0)}.game-message[data-kind="warn"]{border-color:rgba(244,200,107,.45);color:#ffe8b0}

.game-menu-panel{position:absolute;right:24px;bottom:68px;z-index:95;width:246px;padding:9px;border:1px solid rgba(162,213,227,.19);border-radius:16px;background:linear-gradient(180deg,rgba(8,30,40,.98),rgba(4,20,29,.98));box-shadow:0 26px 80px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(20px)}.game-menu-panel:after{content:"";position:absolute;right:24px;bottom:-7px;width:14px;height:14px;background:#051821;border-right:1px solid rgba(162,213,227,.18);border-bottom:1px solid rgba(162,213,227,.18);transform:rotate(45deg)}.game-menu-panel button,.game-menu-panel a{position:relative;z-index:1;width:100%;height:41px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#eaf8fc;text-decoration:none;font:inherit;font-size:12px;font-weight:760;text-align:left;cursor:pointer;transition:background .12s,color .12s}.game-menu-panel button:hover,.game-menu-panel a:hover{background:rgba(111,198,221,.11);color:#fff}.game-menu-panel svg{width:17px;height:17px;color:#9fd8e7}.game-menu-panel .menu-sep{height:1px;margin:6px 7px;background:rgba(162,213,227,.1)}

.modal-layer[hidden]{display:none}.modal-layer{position:absolute;inset:0;z-index:120;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .16s}.modal-layer.open{opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(0,10,16,.72);backdrop-filter:blur(8px)}
.game-modal{position:relative;z-index:1;width:min(760px,calc(100vw - 34px));max-height:min(780px,calc(100dvh - 58px));overflow:auto;border:1px solid rgba(124,189,207,.2);border-radius:22px;background:linear-gradient(180deg,#fbfdfe,#f3f7f8);color:#122c36;box-shadow:0 34px 110px rgba(0,0,0,.56);padding:30px}.modal-close{position:absolute;right:15px;top:14px;width:38px;height:38px;border:1px solid #dce7ea;border-radius:50%;background:#eef4f6;color:#29444d;font-size:23px;line-height:1;cursor:pointer;transition:.12s}.modal-close:hover{background:#e2ecef;transform:rotate(4deg)}.modal-head{padding-right:46px}.modal-kicker{font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:#15756a}.modal-head h2{font-size:30px;margin:5px 0 8px;letter-spacing:-.035em}.modal-head p{margin:0 0 21px;color:#62777e;line-height:1.55}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.modal-actions button,.game-picker button,.choice-row button{border:1px solid #d6e3e7;background:#fff;color:#17333d;border-radius:12px;padding:11px 16px;font:inherit;font-weight:820;cursor:pointer;box-shadow:0 3px 10px rgba(17,53,65,.04);transition:.13s}.modal-actions button:hover,.game-picker button:hover,.choice-row button:hover{border-color:#96c7d4;box-shadow:0 8px 24px rgba(20,72,88,.09);transform:translateY(-1px)}.modal-actions button.primary{background:linear-gradient(180deg,#14836f,#0d6a5a);color:#fff;border-color:#0d6a5a}
.game-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.game-picker button{text-align:left;padding:12px}.game-picker button b,.game-picker button small{display:block}.game-picker button b{font-size:16px;margin-top:10px}.game-picker button small{color:#71848b;margin-top:3px}.mini-board{position:relative;display:flex;align-items:end;justify-content:center;gap:5px;height:112px;border-radius:12px;background:radial-gradient(circle at 35% 0,#4b8cac,#173e52 70%);padding:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.mini-board:before{content:"";position:absolute;inset:0;background:url('/assets/images/brand/web-pattern.svg') center/190% auto no-repeat;opacity:.25}.mini-board i{position:relative;width:18%;height:56px;border-radius:4px;background:linear-gradient(#c61c36 0 34%,#fff 34%);box-shadow:0 2px 4px rgba(0,0,0,.2)}.mini-board i:nth-child(2){height:70px}.mini-board i:nth-child(3){height:82px}.mini-board i:nth-child(4){height:65px}.mini-board.two i:nth-child(even){background:linear-gradient(#c61c36 0 34%,#fff 34%)}.mini-board.four i:nth-child(2){filter:hue-rotate(72deg)}.mini-board.four i:nth-child(3){filter:hue-rotate(185deg)}.mini-board.four i:nth-child(4){filter:grayscale(.75)}.mini-board.daily{align-items:center}.mini-board.daily em{position:relative;width:68px;height:68px;border-radius:15px;background:#fff;color:#16475a;display:grid;place-items:center;font-size:29px;font-style:normal;font-weight:900;box-shadow:0 7px 24px rgba(0,0,0,.24)}
.setting-group{margin:22px 0}.setting-group h3{font-size:13px;margin:0 0 9px;color:#24414a}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice-row button.active{background:#0d7463;color:#fff;border-color:#0d7463}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #e0e8eb;font-weight:800}.switch-row input{width:21px;height:21px;accent-color:#0e7967}.stats-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-mode{padding:16px;border:1px solid #dde8eb;border-radius:13px;background:#f2f7f8;display:grid;gap:5px}.stat-mode b{font-size:16px}.stat-mode span{font-size:12px;color:#61767d}.streak-card{margin-top:12px;padding:17px;border-radius:13px;background:linear-gradient(135deg,#153f52,#0a2937);color:#fff;display:flex;align-items:baseline;gap:12px}.streak-card span{font-size:12px}.streak-card strong{font-size:22px}.streak-card small{margin-left:auto;color:#c1d9e1}.achievement-box{margin-top:12px;padding:16px;border:1px solid #dce6e8;border-radius:12px}.achievement-box>b{display:block;margin-bottom:10px}.achievement-box>div{display:flex;flex-wrap:wrap;gap:7px}.achievement-box span{padding:6px 9px;border-radius:999px;background:#e6f6f0;color:#0a6d55;font-size:11px;font-weight:850}.achievement-box small{color:#708187}.shortcut{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #e3e9eb}.shortcut span{min-width:140px;font-weight:800}.shortcut kbd{border:1px solid #c7d2d6;border-bottom-width:3px;border-radius:6px;background:#fff;padding:5px 8px;font:inherit;font-size:12px}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.result-grid div{background:#edf4f4;border-radius:12px;padding:14px}.result-grid small{display:block;color:#688087;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.result-grid strong{display:block;font-size:20px;margin-top:4px}.new-best{font-weight:900;color:#0c745d}.win-mark{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#daf7e9;color:#087b55;font-size:34px;font-weight:900;margin-bottom:14px}

/* Ultra-smooth physical drag: only the drag layer moves. */
.playing-card.drag-origin{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.drag-layer{position:fixed;left:0;top:0;z-index:110;pointer-events:none!important;opacity:0;visibility:hidden;transform:translate3d(0,0,0);transition:none!important;animation:none!important;will-change:transform;user-select:none;-webkit-user-select:none;touch-action:none;contain:layout style}
.drag-layer,.drag-layer *{pointer-events:none!important}
.drag-layer.active{opacity:1;visibility:visible}
.drag-layer .playing-card{width:100%;position:absolute!important;left:0!important;opacity:1!important;visibility:visible!important;cursor:grabbing;transition:none!important;animation:none!important;transform:none!important;will-change:auto;filter:drop-shadow(0 8px 11px rgba(0,0,0,.25)) drop-shadow(0 17px 25px rgba(0,0,0,.18))}
.drag-layer .card-inner,.drag-layer .card-face,.drag-layer img{transition:none!important;animation:none!important;pointer-events:none!important}
.playing-card img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}
.tableau,.tableau-column,.playing-card{touch-action:none}
.confetti{position:absolute;inset:0;z-index:115;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;left:var(--x);width:8px;height:15px;border-radius:2px;animation:fall var(--d) linear var(--delay) forwards;transform:rotate(var(--r))}
@keyframes fall{to{transform:translateY(110vh) rotate(calc(var(--r) + 900deg));opacity:.15}}@keyframes stockPulse{50%{transform:scale(1.045);filter:drop-shadow(0 0 16px rgba(244,200,107,.72))}}@keyframes hintCard{50%{filter:drop-shadow(0 0 7px #f4cf72) drop-shadow(0 0 17px rgba(244,207,114,.7))}}@keyframes hintTarget{50%{box-shadow:0 0 0 8px rgba(244,207,114,.18)}}
.no-animations *{scroll-behavior:auto!important}.no-animations .playing-card,.no-animations .card-inner{transition:none!important}

.game-ad-rail{display:none}
.game-ad-slot{position:relative;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(151,205,223,.16);border-radius:16px;background:linear-gradient(180deg,rgba(5,29,42,.78),rgba(2,17,26,.72));box-shadow:inset 0 1px rgba(255,255,255,.03),0 18px 38px rgba(0,0,0,.16);overflow:hidden}
.game-ad-slot .ad-label{position:absolute;top:8px;left:10px;color:#86a8b5;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.game-ad-slot-top{min-height:250px}
.game-ad-slot-bottom{min-height:420px;flex:1}
@media(min-width:1500px){
  .game-app.has-ad-rail .game-stage{right:326px}
  .game-app.has-ad-rail .game-toolbar{right:326px}
  .game-ad-rail{display:flex;position:absolute;right:0;top:74px;bottom:0;width:326px;z-index:48;flex-direction:column;gap:14px;padding:14px 13px;background:linear-gradient(180deg,rgba(3,18,27,.82),rgba(2,13,20,.94));border-left:1px solid rgba(156,210,227,.13);box-shadow:-16px 0 40px rgba(0,0,0,.10)}
}
@media(max-width:1120px){.game-header{grid-template-columns:1fr auto}.game-title-wrap{display:none}.game-records{gap:18px}.foundation-zone{left:190px}.toolbar-center{display:none}.game-toolbar{grid-template-columns:1fr 1fr}.tableau{gap:5px}.game-brand b{font-size:15px}}
@media(max-width:760px){.game-app{height:calc(100dvh - 28px);min-height:620px}.game-header{height:60px;padding:0 9px}.game-brand img{width:36px;height:36px}.game-brand .brand-copy{display:none}.game-records{gap:10px}.game-records small{font-size:7.5px}.game-records strong{font-size:14px}.game-stage{inset:60px 0 54px}.stock-zone{top:9px;left:7px;width:92px;height:87px}.stock-button{width:82px;height:72px}.stock-piles i{width:48px;height:69px;border-radius:5px}.stock-zone small{top:69px;min-width:70px;font-size:8px}.foundation-zone{top:8px;left:88px;right:6px;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;height:74px}.foundation-slot{border-width:1px;border-radius:5px}.foundation-slot:before{font-size:16px}.foundation-slot>span{display:none}.tableau{top:94px;width:calc(100% - 8px);bottom:2px;gap:2px}.tableau-column:before{border-radius:4px}.card-face{border-radius:4px}.game-toolbar{height:54px;padding:0 5px;gap:3px}.toolbar-left,.toolbar-right{gap:3px}.game-btn{height:39px;padding:0 8px;font-size:10px;border-radius:8px}.game-btn svg{width:15px;height:15px}.game-btn.icon-only{width:36px}.toolbar-left .game-btn:nth-child(1) span,.toolbar-left .game-btn:nth-child(3) span,.toolbar-left .game-btn:nth-child(4) span{display:none}.game-menu-panel{right:6px;bottom:60px;width:min(238px,calc(100vw - 12px))}.game-modal{padding:22px 16px;border-radius:16px}.game-picker{grid-template-columns:1fr 1fr;gap:8px}.mini-board{height:78px;padding:8px}.stats-modal-grid,.result-grid{grid-template-columns:1fr 1fr}.streak-card{display:grid;gap:4px}.streak-card small{margin:0}.game-web{opacity:.46}.stock-button:hover:not(:disabled){transform:none}}
@media(max-width:420px){.game-btn{padding:0 7px}.toolbar-right .game-btn.more-label span{display:none}.foundation-zone{left:82px}.stock-piles i{width:43px;height:63px}.game-records div:nth-child(1){display:none}.result-grid{grid-template-columns:1fr 1fr}.game-modal{width:calc(100vw - 18px);padding:20px 13px}.modal-head h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.playing-card,.card-inner,.game-message,.modal-layer,.stock-button,.game-btn{transition:none!important}.confetti{display:none}}

.game-btn.muted svg{opacity:.42}.game-btn.muted{color:#9eb7c0}
.game-app[data-card-back="spider-red"] .stock-piles i{background-image:url('/assets/images/brand/spider-emblem-white-256.png'),url('/assets/images/cards/back-spider-crimson.svg');background-size:54% auto,100% 100%;background-position:center,center;background-repeat:no-repeat}.game-app[data-card-back="blue-lattice"] .stock-piles i{background-image:url('/assets/images/brand/spider-emblem-white-256.png'),url('/assets/images/cards/back-midnight.svg');background-size:52% auto,100% 100%;background-position:center,center;background-repeat:no-repeat}.game-app[data-card-back="minimal"] .stock-piles i{background-image:url('/assets/images/brand/spider-emblem-white-256.png'),url('/assets/images/cards/back-emerald.svg');background-size:48% auto,100% 100%;background-position:center,center;background-repeat:no-repeat}
#sound-button.muted{position:relative}#sound-button.muted:after{content:"";position:absolute;width:19px;height:2px;border-radius:2px;background:#ff7485;transform:rotate(-42deg)}
.playing-card.reveal-flip .card-inner{animation:revealCard .38s cubic-bezier(.2,.75,.18,1) both}
@keyframes revealCard{0%{transform:rotateY(180deg) scale(.97)}55%{transform:rotateY(72deg) scale(1.015)}100%{transform:rotateY(0) scale(1)}}