:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e9f1ec;background:#102b32;--card-w:clamp(42px,8vw,104px);--card-h:calc(var(--card-w)*1.43);--gap:clamp(4px,1.3vw,18px);--step:clamp(23px,3.2vw,35px)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:radial-gradient(ellipse at 80% -20%,#2b5960 0,transparent 48%),radial-gradient(ellipse at -20% 70%,#225147 0,transparent 50%),#102b32}button{font:inherit;cursor:pointer}button:focus-visible,.card:focus-visible,.slot:focus-visible{outline:3px solid #e4b85b;outline-offset:3px}button:disabled{opacity:.42;cursor:default}#app{max-width:1220px;margin:auto;padding:0 22px 25px}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff24}.brand{display:flex;gap:10px;align-items:center;letter-spacing:.18em;line-height:1}.brand-mark{color:#e6bc72;font-size:28px}.brand strong{display:block;font-size:19px}.brand small{display:block;color:#abc5c0;font-size:8px;letter-spacing:.4em;margin-top:4px}.top-actions{display:flex;align-items:center;gap:9px}.icon-button,.text-button{height:40px;min-width:42px;background:#ffffff0d;color:#eef4ee;border:1px solid #ffffff2d;border-radius:11px}.text-button{padding:0 12px;font-size:12px;font-weight:700;letter-spacing:.08em}.icon-button:hover,.text-button:hover,.toolbar button:hover{background:#ffffff20}.game-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:26px 0 21px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#e6bc72;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(27px,3.4vw,44px);font-weight:400;margin:6px 0 0}.stats{display:flex;gap:24px}.stats div{display:flex;flex-direction:column;gap:2px;min-width:48px}.stats span{font-size:10px;color:#a9c3be;text-transform:uppercase;letter-spacing:.13em}.stats strong{font-size:18px;font-variant-numeric:tabular-nums}.board{border:1px solid #ffffff27;background:linear-gradient(145deg,#174039,#163a3a 65%,#133337);border-radius:22px;min-height:650px;padding:23px 25px;box-shadow:0 24px 60px #0003,inset 0 1px #ffffff18;overflow:hidden}.board-top{display:flex;justify-content:space-between;align-items:center;min-height:calc(var(--card-h) + 5px);gap:12px}.board-caption{color:#9fc3b6;font-size:11px;letter-spacing:.18em;text-transform:uppercase;align-self:start;padding-top:8px}.foundations{display:grid;grid-template-columns:repeat(4,var(--card-w));gap:var(--gap)}.slot{position:relative;width:var(--card-w);height:var(--card-h);border:1.5px dashed #c9ddd465;border-radius:8px;background:#ffffff0b;color:#bdd8cd;display:flex;align-items:center;justify-content:center;font-size:calc(var(--card-w)*.35)}.slot.active{border-color:#e8be72;background:#e8be7226}.tableau{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--gap);margin-top:27px}.column{position:relative;min-height:490px}.column>.slot{opacity:.65}.card{position:absolute;left:0;width:var(--card-w);height:var(--card-h);border-radius:8px;background:#fbf8ef;color:#1e2932;border:1px solid #d4d2c7;box-shadow:0 3px 6px #0005;user-select:none;touch-action:none;cursor:pointer;transition:transform .12s,box-shadow .12s}.card:hover{transform:translateY(-2px)}.card.selected{box-shadow:0 0 0 3px #e7bd70,0 9px 18px #0006}.card.hinted{box-shadow:0 0 0 4px #f6d88a,0 0 24px #f6d88a}.card.red{color:#b23c46}.card.back{background:repeating-linear-gradient(45deg,#1e5260 0 7px,#194450 7px 14px);border:4px solid #f6f1e5;box-shadow:inset 0 0 0 2px #d6b56f,0 3px 6px #0005;cursor:default}.card.back:after{content:'✦';position:absolute;inset:12%;border:1px solid #d6b56f9c;border-radius:3px;display:grid;place-items:center;color:#d6b56f;font-size:24px}.corner{position:absolute;top:5px;left:7px;display:flex;flex-direction:column;align-items:center;font-weight:800;font-size:clamp(12px,1.7vw,20px);line-height:1}.corner em{font-style:normal;font-size:.8em}.pip{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--card-w)*.47);font-weight:400}.foundation-card{top:0!important;left:0!important}.toolbar{display:flex;justify-content:center;gap:10px;margin:21px auto 0}.toolbar button{min-width:110px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border-radius:12px;background:#ffffff12;color:#f0f5ef;border:1px solid #ffffff2b;font-size:13px}.toolbar span{font-size:19px;color:#e8c788}.toolbar b{font-weight:650}.help-line{text-align:center;color:#acc8c0;font-size:13px;min-height:20px;margin:15px 0 0}.toast{position:fixed;z-index:30;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#fbf8ef;color:#16383a;padding:11px 18px;border-radius:10px;box-shadow:0 12px 30px #0006;transition:.2s;max-width:min(90vw,500px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.overlay{position:fixed;z-index:50;inset:0;background:#061d24c9;display:grid;place-items:center;padding:16px}.overlay.hidden{display:none}.panel{position:relative;width:min(510px,100%);max-height:min(90vh,800px);overflow:auto;background:#f8f5ec;color:#20363a;border-radius:20px;padding:32px;box-shadow:0 28px 75px #0009}.panel h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:0 40px 20px 0}.panel h3{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#42665f;margin:22px 0 8px}.panel p,.panel li{font-size:14px;line-height:1.5}.panel ul{padding-left:20px}.panel .close{position:absolute;right:16px;top:13px;border:0;background:transparent;font-size:28px;color:#314c4c;width:44px;height:44px}.panel-actions{display:grid;gap:10px;margin-top:22px}.panel button.action{width:100%;min-height:46px;background:#185c55;color:white;border:0;border-radius:10px;font-weight:700}.panel button.secondary{background:#e7e8dd;color:#25443e}.panel .muted{color:#617772;font-size:12px}.panel .credits{border-top:1px solid #d6ded5;padding-top:16px;margin-top:22px}.drag-ghost{position:fixed;z-index:100;pointer-events:none;opacity:.9;filter:drop-shadow(0 12px 12px #0006)}@media(max-width:650px){:root{--card-w:calc((100vw - 30px - 36px)/7);--gap:5px;--step:25px}#app{padding:0 10px 20px}.topbar{height:58px}.brand strong{font-size:15px}.brand-mark{font-size:22px}.icon-button,.text-button{height:38px;min-width:38px}.game-head{margin:15px 6px 14px;align-items:start;flex-direction:column;gap:12px}h1{font-size:27px}.stats{width:100%;justify-content:space-between;gap:8px}.stats div{flex:1;flex-direction:row;align-items:baseline;gap:7px}.stats strong{font-size:15px}.board{border-radius:14px;padding:14px 8px;min-height:655px}.board-top{min-height:calc(var(--card-h) + 7px)}.board-caption{font-size:8px;letter-spacing:.08em}.foundations{gap:5px}.slot,.card{border-radius:5px}.tableau{gap:5px;margin-top:25px}.column{min-height:510px}.corner{top:4px;left:4px;font-size:12px}.pip{font-size:23px}.card.back{border-width:3px}.card.back:after{font-size:16px}.toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.toolbar button{min-width:0;min-height:46px;padding:4px;display:flex;flex-direction:column;gap:0;font-size:10px}.toolbar span{font-size:18px}.help-line{font-size:11px}.panel{padding:25px}}