:root{color:#15221a;font-synthesis:none;text-rendering:optimizelegibility;--felt:#17613f;--felt-dark:#10472f;--cream:#fffdf6;--ink:#15221a;--muted:#53645a;--accent:#f0bd54;--danger:#a53636;--board-gap:clamp(2px, 1vw, 10px);--tableau-step:clamp(14px, 3.2vw, 25px);--waste-offset:clamp(14px, 2.6vw, 30px);background:#edf2ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#edf2ed;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,summary{font:inherit}button{min-height:42px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #aab8ae;border-radius:3px;padding:.65rem .9rem;font-weight:700}button:hover:not(:disabled){background:#f6faf7;border-color:#556e5d}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #1b72d1}button:disabled{cursor:not-allowed;opacity:.48}.primary-button{color:#fff;background:#1c6745;border-color:#174b34}.primary-button:hover:not(:disabled){background:#155238}.danger-button{color:var(--danger)}.app-shell{min-height:100vh}.start-shell{background:radial-gradient(circle at 0 0,#ffffffd9,#0000 36%),linear-gradient(145deg,#dbe9dd,#edf2ed 58%,#e8ddc5);place-items:center;padding:1rem;display:grid}.panel{background:#fffdf6f5;border:1px solid #c7d1c9;border-radius:3px;width:min(100%,680px);padding:clamp(1.2rem,5vw,2.5rem);box-shadow:0 18px 55px #19302229}.panel h1,.game-menu h1{margin:0;line-height:1}.game-menu h1{font-size:2rem}.eyebrow{color:#486255;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:800}.start-actions,.control-bar{flex-wrap:wrap;gap:.55rem;display:flex}.start-actions{margin:1.4rem 0}.draw-setting{border:0;flex-wrap:wrap;gap:.55rem;margin:1.25rem 0 0;padding:0;display:flex}.draw-setting legend{width:100%;margin-bottom:.15rem;font-weight:850}.draw-setting label{cursor:pointer;background:#fff;border:1px solid #aab8ae;border-radius:3px;align-items:center;gap:.45rem;min-height:42px;padding:.55rem .8rem;font-weight:750;display:flex}.draw-setting label:has(input:checked){color:#fff;background:#1c6745;border-color:#174b34}.draw-setting input{accent-color:#f0bd54;width:1.1rem;height:1.1rem;margin:0}details{border-top:1px solid #d4dbd5;margin-top:1.25rem;padding-top:1rem}summary{cursor:pointer;font-weight:800}li+li{margin-top:.45rem}.status-message{color:#263b2f;min-height:1.5em;margin:.9rem 0 0;font-weight:700}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.game-shell{background:var(--felt);flex-direction:column;padding:0;display:flex}.game-menu{width:100%;min-height:113px;box-shadow:none;background:#fff;border:0;border-radius:3px;flex-direction:column;align-items:flex-start;margin:0;padding:.5rem clamp(.5rem,1.5vw,.8rem);display:flex}.game-title-block{flex-direction:column;flex:none;align-items:flex-start;gap:.2rem;margin-left:-4px;display:flex}.breadcrumb{color:#000;align-items:center;gap:.4rem;margin-left:4px;font-size:clamp(.72rem,2.2vw,.86rem);line-height:1.4;display:flex}.breadcrumb a,.breadcrumb span{color:#000}.header-draw-setting{border:0;align-items:center;gap:.65rem;margin:1rem 0 0;padding:0;display:flex}.header-draw-setting label{color:var(--muted);white-space:nowrap;cursor:pointer;align-items:center;gap:.22rem;font-size:clamp(.72rem,2.5vw,.9rem);font-weight:750;display:flex}.header-draw-setting input{accent-color:#1c6745;width:.95rem;height:.95rem;margin:0}.header-draw-setting input:checked+span{color:#155238;font-weight:850}.control-bar{flex-wrap:wrap;flex:0 auto;justify-content:flex-start;gap:.35rem .9rem;min-height:26px;margin-top:.35rem;display:flex}.control-bar button{background:0 0;border:0;border-radius:3px;min-height:0;padding:.2rem 0;font-size:clamp(.72rem,2.5vw,.9rem)}.game-menu .control-bar button:hover:not(:disabled){color:#155238;text-underline-offset:.2em;background:0 0;border:0;text-decoration:underline}.ready-control-bar{align-items:center}.ready-board .empty-card{cursor:default}.board{background:radial-gradient(circle at 22% 12%, #ffffff14, transparent 28%), linear-gradient(150deg, #1e714b, var(--felt));width:100%;min-height:70vh;box-shadow:none;-webkit-user-select:none;user-select:none;border:0;border-radius:0;flex:auto;margin:0;padding:clamp(.4rem,1.5vw,1rem);overflow:hidden}.top-row,.tableau{gap:var(--board-gap);grid-template-columns:repeat(7,minmax(0,1fr));width:min(100%,940px);display:grid}.top-row{align-items:start;margin-bottom:clamp(.7rem,2vw,1.25rem)}.top-pile{text-align:center;border-radius:.55rem;grid-template-rows:auto 1.35rem;align-content:start;min-width:0;display:grid}.top-spacer{min-width:0}.waste-pile{z-index:2;position:relative}.waste-stack{aspect-ratio:89/126;width:100%;position:relative}.waste-card-slot{z-index:calc(var(--waste-position) + 1);width:100%;transform:translateX(calc(var(--waste-position) * var(--waste-offset)));position:absolute;inset:0 auto auto 0}.waste-card-slot>.card{width:100%}.pile-label{color:#eff8f1;text-overflow:ellipsis;white-space:nowrap;min-height:1.15rem;margin-top:.2rem;font-size:clamp(.52rem,1.8vw,.72rem);font-weight:750;display:block;overflow:hidden}.card{aspect-ratio:89/126;background:var(--cream);touch-action:pan-y;border:0;border-radius:3.4%/2.4%;width:100%;min-width:0;height:auto;min-height:0;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000003d}.card:hover:not(:disabled){background:#fff}.card-face{box-shadow:none;background:0 0;border:0;display:block;overflow:hidden}.card-face:hover:not(:disabled){background:0 0}.card-face[data-source-type]{cursor:grab;touch-action:none}.card-face:disabled{cursor:default;opacity:1}.card-image{aspect-ratio:89/126;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.card-back{isolation:isolate;color:#f8eecf;box-shadow:none;background:#214d81;border:0;place-items:center;overflow:hidden}.card-back:before{z-index:0;border-radius:inherit;content:"";background-color:#214d81;background-image:linear-gradient(45deg,#0000 45%,#ffffff2e 46% 54%,#0000 55%),linear-gradient(-45deg,#0000 45%,#ffffff1f 46% 54%,#0000 55%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:13px 13px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #263641,inset 0 0 0 clamp(3px,.65vw,6px) #f3ead2,inset 0 0 0 clamp(5px,1vw,9px) #2a5b92}.card-back>span{z-index:1;position:relative}.card-back:hover:not(:disabled){background:#214d81}.card-back:disabled{opacity:1}.empty-card{color:#eefaf1a6;box-shadow:none;background:#052b1b1f;border:clamp(1px,.22vw,2px) dashed #eefaf1b8;place-items:center;font-size:clamp(.85rem,3.5vw,1.6rem)}.empty-card:hover:not(:disabled){background:#052b1b1f}.empty-card:disabled{opacity:1}.recycle-card{color:#fff5cf;font-size:clamp(1rem,4vw,2rem)}.tableau-pile{min-width:0;min-height:calc(68px + (var(--card-count) - 1) * var(--tableau-step));border-radius:.55rem;position:relative}.tableau-card{inset:calc(var(--card-position) * var(--tableau-step)) 0 auto;z-index:calc(var(--card-position) + 1);position:absolute}.tableau-empty{position:absolute;inset:0 0 auto}.hinted{outline-offset:2px;outline:3px solid #78d9ff;animation:.9s ease-in-out infinite alternate hint-pulse}.hint-target{outline-offset:2px;outline:4px solid #78d9ff}.is-dragging .card{cursor:grabbing}.drag-origin{opacity:.3}.drag-preview{z-index:10000;pointer-events:none;filter:drop-shadow(0 8px 10px #00000059);position:fixed}.drag-preview .card{width:100%;position:absolute;inset:0 auto auto 0;transform:none}.drag-preview-card:disabled{opacity:.96}.game-dialog-backdrop{z-index:20000;background:#0a1c139e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.game-dialog{text-align:center;background:#fff;border:1px solid #c7d1c9;border-radius:3px;width:min(100%,460px);max-height:calc(100vh - 2rem);padding:clamp(1.2rem,5vw,2rem);overflow:auto;box-shadow:0 20px 65px #00000061}.game-dialog h2{margin:0 0 .75rem;font-size:clamp(1.35rem,5vw,2rem)}.game-dialog p{margin:.6rem 0}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.25rem;display:flex}.win-mark{color:#a9252a;letter-spacing:.12em;margin:0 0 .6rem;font-size:clamp(1.8rem,7vw,3.2rem)}.result-list{gap:.5rem;max-width:340px;margin:1.4rem auto;display:grid}.result-list div{border-bottom:1px solid #d4dbd5;justify-content:space-between;gap:1rem;padding:.65rem 0;display:flex}.result-list dt{color:var(--muted)}.result-list dd{margin:0;font-weight:850}@keyframes hint-pulse{0%{filter:brightness()}to{filter:brightness(1.18)}}@media (width<=520px){.game-menu h1{font-size:2rem}.control-bar{flex-basis:100%;place-content:flex-start;gap:.35rem;min-height:51px}.control-bar button{flex:0 auto}.board{min-height:76vh;padding:.32rem}.dialog-actions button{flex:100%}}@media (width<=350px){:root{--board-gap:2px;--tableau-step:13px}.pile-label{font-size:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}