:root{color-scheme:light;--win-gray:#c0c0c0;--win-blue:#000080;--felt:#08723d;--card-gap:clamp(4px, 1.1vw, 12px);--down-gap:clamp(11px, 1.8vw, 18px);--up-gap:clamp(24px, 4vw, 36px);font-family:"MS Sans Serif",Tahoma,"Microsoft JhengHei UI",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:teal;color:#000}button,input{font:inherit}button{touch-action:manipulation}.solitaire-shell{width:min(100%,1040px);margin:auto;padding:14px 10px 24px}.classic-window{border:2px solid;border-color:#fff #000 #000 #fff;background:var(--win-gray);box-shadow:2px 2px 0 #0008}.window-titlebar{height:30px;display:flex;align-items:center;gap:7px;margin:3px;padding:0 3px 0 6px;background:linear-gradient(90deg,var(--win-blue),#1084d0);color:#fff;font-size:14px}.app-icon{display:grid;place-items:center;width:19px;height:19px;border:1px solid #fff;background:#fff;color:#000;font-family:Georgia,serif;font-weight:900}.window-controls{display:flex;gap:3px;margin-left:auto}.window-controls i{display:grid;place-items:center;width:20px;height:20px;border:2px solid;border-color:#fff #444 #444 #fff;background:var(--win-gray);color:#000;font-style:normal;font-size:13px;font-weight:900;line-height:1}.menu-bar{min-height:34px;display:flex;align-items:center;gap:5px;padding:3px 7px 5px;border-bottom:2px solid;border-color:#fff #777 #777 #fff;font-size:13px}.menu-bar button{min-height:24px;border:1px solid transparent;padding:2px 8px;background:0 0;color:#000;cursor:pointer}.menu-bar button:focus-visible,.menu-bar button:hover{border-color:#fff #555 #555 #fff;outline:0}.menu-spacer{flex:1}.menu-bar>span:not(.menu-spacer){padding:3px 7px;border:1px inset #ddd;white-space:nowrap}.felt{position:relative;min-height:min(72vh,690px);overflow:hidden;border:2px inset #ddd;background:radial-gradient(circle at 50% 15%,#119055 0,var(--felt) 55%,#045e32 100%)}.felt::after{position:absolute;inset:0;pointer-events:none;content:"";opacity:.16;background-image:repeating-linear-gradient(35deg,transparent 0 3px,#fff 3px 4px);mix-blend-mode:soft-light}.felt.auto-finishing .playing-card{pointer-events:none}.felt.auto-finishing .foundation-pile{animation:.55s ease-in-out infinite alternate foundation-pulse}@keyframes foundation-pulse{to{box-shadow:inset 0 0 0 2px rgba(255,255,160,.72),0 0 12px rgba(255,255,120,.28)}}.board-inner{position:relative;z-index:1;width:min(100%,900px);margin:auto;padding:clamp(10px,2vw,20px)}.tableau-row,.top-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--card-gap)}.top-gap{grid-column:span 1}.pile{position:relative;min-width:0;border-radius:clamp(3px,.8vw,7px)}.top-pile{aspect-ratio:5/7;border:2px solid rgba(255,255,255,.35);box-shadow:inset 1px 1px 0 #004d29,inset -1px -1px 0 #34a56e}.foundation-mark{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.32);font-family:Georgia,serif;font-size:clamp(1.4rem, 5vw, 3.6rem);font-weight:700;line-height:1}.foundation-mark.red{color:rgba(255,180,180,.34)}.stock-pile.is-empty::after{position:absolute;inset:0;display:grid;place-items:center;content:"↻";color:rgba(255,255,255,.6);font-size:clamp(1.4rem, 4vw, 2.8rem)}.tableau-row{margin-top:clamp(14px,2.5vw,25px)}.tableau-pile{min-height:min(51vh,480px);border:1px dashed rgba(255,255,255,.2)}.playing-card{position:absolute;left:0;width:100%;aspect-ratio:5/7;overflow:hidden;border:1px solid #1c1c1c;border-radius:clamp(3px,.8vw,7px);background:#fff;color:#111;box-shadow:1px 2px 2px #0007;cursor:pointer;user-select:none;-webkit-user-select:none}.playing-card.red{color:#cf1010}.playing-card.face-down{border:3px solid #f2f2f2;background-color:#001c9c;background-image:linear-gradient(45deg,#fff4 25%,transparent 25%,transparent 75%,#fff4 75%),linear-gradient(45deg,#fff4 25%,transparent 25%,transparent 75%,#fff4 75%);background-position:0 0,5px 5px;background-size:10px 10px;box-shadow:inset 0 0 0 2px #00116e,1px 2px 2px #0007}.playing-card.selected{outline:#ffeb3b solid 4px;outline-offset:-4px;filter:brightness(1.04)}.playing-card.movable:hover{transform:translateY(-2px)}.playing-card.covered .ace-pip,.playing-card.covered .pip-field,.playing-card.covered .royal-panel{display:none}.card-corner{position:absolute;top:4%;left:8%;display:flex;flex-direction:column;align-items:center;font-family:Georgia,serif;font-size:clamp(.55rem, 1.8vw, 1.05rem);font-weight:700;line-height:.9}.card-corner.bottom{inset:auto 8% 4% auto;transform:rotate(180deg)}.ace-pip{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:clamp(1.55rem, 5vw, 3.45rem);font-weight:700;line-height:1}.pip-field{position:absolute;inset:9% 13%}.pip{position:absolute;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:clamp(.72rem, 2.35vw, 1.55rem);font-style:normal;font-weight:700;line-height:1}.pip.flip{transform:translate(-50%,-50%) rotate(180deg)}.pip-tc{left:50%;top:14%}.pip-bc{left:50%;top:86%}.pip-tl{left:22%;top:15%}.pip-tr{left:78%;top:15%}.pip-uc{left:50%;top:29%}.pip-lc{left:50%;top:71%}.pip-ul{left:22%;top:35%}.pip-ur{left:78%;top:35%}.pip-ml{left:22%;top:50%}.pip-mr{left:78%;top:50%}.pip-mc{left:50%;top:50%}.pip-ll{left:22%;top:65%}.pip-lr{left:78%;top:65%}.pip-bl{left:22%;top:85%}.pip-br{left:78%;top:85%}.royal-panel{position:absolute;inset:17% 20%;display:grid;grid-template-rows:1fr auto 1fr;place-items:center;overflow:hidden;border:2px solid currentColor;background:repeating-linear-gradient(135deg,transparent 0 6px,currentColor 6px 7px,transparent 7px 13px);font-family:Georgia,serif}.royal-panel::before{position:absolute;inset:10%;border:1px solid currentColor;background:#fff;content:""}.royal-panel b,.royal-panel i{position:relative;z-index:1;display:grid;place-items:center;width:72%;background:#fff;font-style:normal;line-height:1}.royal-panel i{align-self:end;font-size:clamp(.75rem, 2.2vw, 1.4rem)}.royal-panel b{font-size:clamp(1rem, 3.2vw, 2rem)}.royal-panel .royal-bottom{align-self:start;transform:rotate(180deg)}.win-panel{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:15px;background:rgba(0,0,0,.32)}.classic-dialog{width:min(390px,100%);border:2px solid;border-color:#fff #222 #222 #fff;padding:3px;background:var(--win-gray);box-shadow:3px 3px 0 #0008}.classic-dialog>header{padding:6px 8px;background:var(--win-blue);color:#fff;font-weight:800}.dialog-body{padding:18px;text-align:center}.dialog-body p{margin:8px 0 16px;line-height:1.5}.win-suits{color:#000;font:700 2.4rem Georgia,serif;letter-spacing:.16em}.win-suits::first-letter{color:#000}.dialog-actions{display:flex;justify-content:center;gap:8px;margin-top:13px}.dialog-body button,.record-panel button{min-width:105px;border:2px solid;border-color:#fff #333 #333 #fff;padding:7px 12px;background:var(--win-gray);color:#000;cursor:pointer;box-shadow:inset -1px -1px #777}.dialog-body button:active,.record-panel button:active{border-color:#333 #fff #fff #333}.record-panel{margin:10px 0}.record-panel label{display:block;margin-bottom:6px;font-weight:800}.record-panel div{display:flex;justify-content:center;gap:6px}.record-panel input{min-width:0;width:170px;border:2px inset #fff;padding:7px;background:#fff;color:#000}.help-dialog{width:min(470px,100%)}.help-dialog .dialog-body{text-align:left}.status-bar{min-height:28px;display:flex;align-items:center;gap:4px;padding:3px;font-size:12px}.status-bar span{min-height:20px;display:flex;align-items:center;padding:2px 7px;border:2px inset #eee}.status-bar span:first-child{flex:1}@media (max-width:620px){.solitaire-shell{padding:6px 3px 14px}.window-titlebar{height:27px}.menu-bar{gap:2px;padding-inline:3px;font-size:10px}.menu-bar button{padding-inline:5px}.menu-bar>span:not(.menu-spacer){padding-inline:4px}.felt{min-height:68vh}.board-inner{padding:7px 4px}.tableau-pile{min-height:56vh}.playing-card{border-radius:3px}.status-bar{font-size:10px}.status-bar span:last-child{display:none}}