:root{--bg:#143c4f;--panel:#082033;--wood:#9b5526;--wood2:#633014;--gold:#ffd661;--green:#13a250;--red:#d64040;--blue:#7fd4ff;--cardW:86px;--cardH:122px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 50% 15%,#316c82,#16364b 60%,#071622);color:white;overflow:hidden}.ws-app{height:100vh;padding:10px;display:grid;place-items:center}.ws-stage{position:relative;width:min(1440px,100%);height:min(900px,100vh - 20px);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#25566e 0%,#184258 42%,#163b29 43%,#0e281c 100%);box-shadow:0 28px 90px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.16)}.ws-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 80%,rgba(255,214,97,.16),transparent 25%),radial-gradient(circle at 88% 24%,rgba(255,90,90,.12),transparent 25%),linear-gradient(135deg,rgba(255,255,255,.035),transparent 30%);pointer-events:none}.ws-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.ws-back,.ws-controls button{border:1px solid rgba(255,255,255,.24);background:rgba(5,21,34,.76);color:#fff;text-decoration:none;border-radius:15px;padding:10px 13px;font-weight:1000;box-shadow:inset 0 0 22px rgba(255,255,255,.06);cursor:pointer}.ws-title{display:flex;align-items:center;gap:10px;text-shadow:0 4px 12px rgba(0,0,0,.38)}.ws-title span{font-size:36px}.ws-title strong{font-size:34px;letter-spacing:.4px;color:#ffe17b}.ws-title em{font-style:normal;color:#dff6ff}.ws-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ws-notice{position:absolute;z-index:5;top:64px;left:50%;transform:translateX(-50%);padding:7px 14px;border-radius:999px;background:rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.18);font-size:13px;color:#e5f7ff}.ws-hud{position:relative;z-index:2;margin:42px auto 10px;width:min(1060px,calc(100% - 32px));display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ws-hud div{padding:10px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(6,25,42,.88),rgba(5,17,29,.88));border:1px solid rgba(123,214,255,.2);box-shadow:inset 0 0 28px rgba(255,255,255,.04)}.ws-hud span{display:block;color:#aee4ff;text-transform:uppercase;font-size:12px;font-weight:1000;letter-spacing:.12em}.ws-hud strong{font-size:25px}.ws-board{position:relative;z-index:2;width:min(1160px,calc(100% - 32px));height:calc(100% - 188px);margin:0 auto;padding:16px;border-radius:28px;background:linear-gradient(180deg,rgba(6,44,33,.92),rgba(3,28,20,.92));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 80px rgba(0,0,0,.25),0 20px 60px rgba(0,0,0,.25)}.ws-top-row{display:grid;grid-template-columns:var(--cardW) var(--cardW) 1fr repeat(4,var(--cardW));gap:12px;align-items:start}.tableau{position:absolute;left:16px;right:16px;top:160px;bottom:16px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.column{position:relative;border-radius:17px;min-height:100%;background:rgba(255,255,255,.035);border:1px dashed rgba(255,255,255,.12)}.pile,.card{width:var(--cardW);height:var(--cardH);border-radius:14px}.pile{position:relative;border:2px dashed rgba(255,255,255,.23);background:rgba(255,255,255,.06);color:#ffffff;display:grid;place-items:center;font-weight:1000;font-size:32px;box-shadow:inset 0 0 22px rgba(255,255,255,.06);cursor:pointer}.pile.stock.has-cards{border:0;background:linear-gradient(135deg,#ffcf5a,#b76a11);box-shadow:0 10px 18px rgba(0,0,0,.30),inset 0 0 0 7px rgba(255,255,255,.13)}.pile.stock.has-cards:before{content:"W";display:grid;place-items:center;width:70%;height:70%;border-radius:12px;background:rgba(71,21,4,.22);color:#fff5bd;font-size:52px;text-shadow:0 3px 0 rgba(0,0,0,.24)}.foundation span{opacity:.72}.foundation.complete{border:0;background:linear-gradient(145deg,#0d7d45,#12c96a);box-shadow:0 10px 20px rgba(0,0,0,.32),inset 0 0 22px rgba(255,255,255,.18)}.card{position:absolute;display:grid;grid-template-rows:auto 1fr auto;padding:7px;background:linear-gradient(180deg,#fff,#f0e8d8);border:1px solid rgba(0,0,0,.25);box-shadow:0 8px 14px rgba(0,0,0,.28);color:#161616;font-weight:1000;cursor:pointer;user-select:none;transition:transform .12s ease, box-shadow .12s ease}.card.in-waste,.card.in-foundation{position:relative;left:auto!important;top:auto!important}.card.face-down{background:linear-gradient(135deg,#2c7bd2,#093965);color:#d9f4ff;border:1px solid rgba(255,255,255,.28)}.card.face-down:before{content:"W";place-self:center;font-size:48px;color:#c6ecff;text-shadow:0 0 12px rgba(83,203,255,.6)}.card .top,.card .bottom{font-size:19px;line-height:1}.card .mid{display:grid;place-items:center;font-size:44px}.card.red{color:#cd2323}.card.black{color:#111}.card.selected{outline:4px solid #ffd661;transform:translateY(-4px);box-shadow:0 0 0 3px rgba(0,0,0,.25),0 0 24px rgba(255,214,97,.8)}.card.hint{outline:4px solid #60ecff;box-shadow:0 0 30px rgba(96,236,255,.8)}.ws-message{position:absolute;z-index:4;left:50%;bottom:16px;transform:translateX(-50%);width:min(740px,calc(100% - 32px));text-align:center;padding:12px 16px;border-radius:18px;background:rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.18);font-weight:1000}.ws-start{position:absolute;z-index:20;inset:0;display:none;place-items:center;background:rgba(0,0,0,.62);backdrop-filter:blur(4px)}.ws-start.show{display:grid}.ws-start>div{position:relative;width:min(720px,92%);text-align:center;padding:88px 34px 30px;border-radius:32px;background:#a75e2d;border:7px solid #6b3418;box-shadow:0 30px 100px rgba(0,0,0,.55),inset 0 0 0 5px rgba(255,255,255,.16)}.ws-start>div:before{content:"";position:absolute;inset:20px;border-radius:24px;background:#a7d8ef;border:4px solid #653016;z-index:-0}.ws-start h1,.ws-start p,.ws-start button,.ws-start small,.ws-difficulty,.pepper{position:relative;z-index:1}.pepper{position:absolute!important;top:-56px;left:50%;transform:translateX(-50%);font-size:86px;filter:drop-shadow(0 10px 8px rgba(0,0,0,.35))}.ws-start h1{margin:0 0 18px;font-size:48px;color:#ffe176;text-shadow:0 5px 0 #6a3216,0 0 12px rgba(255,218,92,.8)}.ws-start p{margin:0 auto 20px;max-width:560px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35);font-size:20px;font-weight:900}.ws-difficulty{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.ws-difficulty button,.startBtn{border:0;border-radius:999px;background:linear-gradient(180deg,#ffd65b,#ffaf1a);color:#67330c;text-shadow:0 1px 0 rgba(255,255,255,.35);font-size:18px;font-weight:1000;padding:12px 24px;box-shadow:0 8px 0 #b87113;cursor:pointer}.ws-difficulty button.active{filter:brightness(1.12);outline:3px solid #fff}.startBtn{font-size:26px;color:#fff;background:linear-gradient(180deg,#72e545,#24a812);box-shadow:0 8px 0 #166f0e;padding:13px 44px}.ws-start small{display:block;margin-top:18px;color:#f1fbff;font-weight:800}@media(max-width:980px){html,body{overflow:auto}.ws-app{height:auto;min-height:100vh}.ws-stage{height:auto;min-height:100vh}.ws-notice{top:64px;width:calc(100% - 26px);text-align:center}.ws-topbar{display:grid;grid-template-columns:1fr;justify-items:center}.ws-controls{justify-content:center}.ws-hud{margin-top:18px;grid-template-columns:repeat(2,1fr)}.ws-board{height:auto;min-height:760px;width:calc(100% - 18px);padding:10px;overflow:auto}.ws-top-row{grid-template-columns:repeat(3,var(--cardW));justify-content:center}.ws-top-row .spacer{display:none}.tableau{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin-top:18px;min-width:710px;height:560px}.ws-message{position:static;transform:none;margin:12px auto}.ws-title strong{font-size:28px}:root{--cardW:76px;--cardH:108px}.card .mid{font-size:36px}}