:root{--card-width: 80px;--card-height: 112px;--card-border-radius: 8px;--card-shadow: 0 2px 4px rgba(0, 0, 0, .2)}.card{width:var(--card-width);height:var(--card-height);background:#fff;border:1px solid #333;border-radius:var(--card-border-radius);position:relative;box-shadow:var(--card-shadow);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .2s ease-out,box-shadow .2s ease-out;will-change:transform;transform:translateZ(0)}.card:active{cursor:grabbing}.card-back{background:linear-gradient(45deg,#1e3a8a 25%,transparent 25%),linear-gradient(-45deg,#1e3a8a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e3a8a 75%),linear-gradient(-45deg,transparent 75%,#1e3a8a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#3b82f6;cursor:default}.card-red{color:#dc2626}.card-black{color:#000}.card-corner-top,.card-corner-bottom{position:absolute;display:flex;flex-direction:row;align-items:center;gap:1px;font-size:14px;font-weight:700;line-height:1}.card-corner-top{top:4px;left:4px}.card-corner-bottom{bottom:4px;right:4px;transform:rotate(180deg)}.card-rank,.card-suit{font-size:16px}.card-suit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;opacity:.3}.card-placeholder{width:var(--card-width);height:var(--card-height);border:2px dashed rgba(255,255,255,.3);border-radius:var(--card-border-radius);background:#0000001a;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:24px}.stock-empty{cursor:pointer}.stock-empty:hover{background:#0003;border-color:#ffffff80}.reload-icon{font-size:36px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.card-dragging{opacity:.7;transform:scale(1.05) translateZ(0);box-shadow:0 8px 16px #0006;cursor:grabbing;transition:none;z-index:1000}.drop-target-valid{box-shadow:0 0 0 3px #4caf50;animation:pulse-green 1s infinite}.drop-target-invalid{box-shadow:0 0 0 3px #f44336}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px #4caf50}50%{box-shadow:0 0 0 6px #4caf5080}}.stock-card{cursor:pointer}.stock-card:hover{transform:translateY(-2px)}.waste-card{position:absolute;left:calc(var(--card-index) * 20px)}.tableau-card{position:absolute;top:calc(var(--card-index) * 25px);left:0}.card-count{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;pointer-events:none}.card-victory{animation:cardFly 2s cubic-bezier(.25,.46,.45,.94) forwards;z-index:9999;pointer-events:none}@keyframes cardFly{0%{transform:translate(0) rotate(0) scale(1);opacity:1;filter:hue-rotate(0deg) brightness(1)}20%{filter:hue-rotate(90deg) brightness(1.2)}40%{filter:hue-rotate(180deg) brightness(1.4)}60%{filter:hue-rotate(270deg) brightness(1.2)}80%{filter:hue-rotate(360deg) brightness(1);opacity:1}to{transform:translate(var(--fly-x),var(--fly-y)) rotate3d(var(--rotate-x),var(--rotate-y),var(--rotate-z),720deg) scale(.3);opacity:0;filter:hue-rotate(360deg) brightness(1)}}.victory-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,215,0,.1) 0%,rgba(255,215,0,.05) 50%,transparent 100%);pointer-events:none;z-index:9998;opacity:0;animation:victoryGlow 2s ease-in-out}@keyframes victoryGlow{0%,to{opacity:0}50%{opacity:1}}.confetti{position:fixed;width:10px;height:10px;background:var(--confetti-color, #ffd700);z-index:9999;pointer-events:none;animation:confettiFall 3s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}:root{--green-felt: #0b6e4f;--dark-green: #08563d;--pile-spacing: 20px;--control-bg: rgba(0, 0, 0, .2);--button-bg: #2563eb;--button-hover: #1d4ed8;--button-disabled: #6b7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--green-felt);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}#app{flex:1;display:flex;flex-direction:column;padding:20px;max-width:1200px;margin:0 auto;width:100%}#controls{display:flex;gap:10px;align-items:center;justify-content:center;padding:15px;background:var(--control-bg);border-radius:12px;margin-bottom:20px;flex-wrap:wrap}button{padding:10px 20px;border:none;border-radius:8px;background:var(--button-bg);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;user-select:none;-webkit-user-select:none}button:hover:not(:disabled){background:var(--button-hover);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{background:var(--button-disabled);cursor:not-allowed;opacity:.6}select{padding:10px 15px;border:none;border-radius:8px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;outline:none}.checkbox-label{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;user-select:none;-webkit-user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--button-bg)}#game-container{flex:1;display:flex;flex-direction:column;gap:40px;padding:20px 0}#top-row{display:flex;gap:var(--pile-spacing);flex-wrap:wrap}.foundation-container{display:flex;gap:var(--pile-spacing);margin-left:auto}#tableau-row{display:flex;gap:var(--pile-spacing);flex-wrap:nowrap;overflow-x:auto;padding-bottom:20px}.pile{position:relative;min-width:var(--card-width);min-height:var(--card-height);flex-shrink:0}.stock-pile,.waste-pile,.foundation-pile{width:var(--card-width);height:var(--card-height)}.tableau-pile{width:var(--card-width);min-height:400px}#status{display:flex;justify-content:space-around;align-items:center;padding:15px;background:var(--control-bg);border-radius:12px;margin-top:20px;color:#fff;font-size:16px;font-weight:600}#status span{padding:5px 15px}#version{font-size:12px;opacity:.7;font-weight:400}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes card-deal{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.card{animation:card-deal .3s ease-out}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}*{touch-action:manipulation}.card{touch-action:none}*{-webkit-tap-highlight-color:transparent}@media(max-width:768px){:root{--card-width: 60px;--card-height: 84px;--pile-spacing: 15px}#app{padding:15px}#controls{padding:10px;gap:8px}button{padding:8px 16px;font-size:13px}select{padding:8px 12px;font-size:13px}#game-container{gap:30px}.card-rank{font-size:14px}.card-suit{font-size:12px}.card-suit-center{font-size:36px}.tableau-pile{min-height:350px}.tableau-card{top:calc(var(--card-index) * 20px)}.waste-card{left:calc(var(--card-index) * 15px)}#status{font-size:14px;padding:12px}}@media(max-width:480px){:root{--card-width: 48px;--card-height: 67px;--pile-spacing: 7px}#app{padding:8px}#controls{padding:8px;gap:6px;margin-bottom:10px}button{padding:8px 12px;font-size:12px}select{padding:8px 10px;font-size:12px}#game-container{gap:15px;padding:10px 0}.card-corner-top,.card-corner-bottom{font-size:11px}.card-rank{font-size:12px;margin-bottom:1px}.card-suit{font-size:10px}.card-suit-center{font-size:32px}.tableau-card{top:calc(var(--card-index) * 18px)}.waste-card{left:calc(var(--card-index) * 12px)}.card{min-width:50px;min-height:70px}.tableau-pile{min-height:300px}#top-row,.foundation-container,#tableau-row{gap:7px}#status{margin-top:10px;font-size:12px;padding:10px;flex-direction:column;gap:5px}#status span{padding:3px 10px}.card-count{width:20px;height:20px;font-size:10px}.reload-icon{font-size:28px}}@media(max-width:400px){:root{--card-width: 42px;--card-height: 59px;--pile-spacing: 5px}#app{padding:4px}#controls{padding:4px;gap:3px;margin-bottom:8px}button{padding:6px 10px;font-size:11px}select{padding:6px 8px;font-size:11px}.checkbox-label{font-size:11px;gap:4px}.checkbox-label input[type=checkbox]{width:16px;height:16px}#game-container{gap:12px;padding:8px 0}.tableau-card{top:calc(var(--card-index) * 16px)}.waste-card{left:calc(var(--card-index) * 8px)}.card-corner-top,.card-corner-bottom{font-size:10px}.card-rank{font-size:11px}.card-suit{font-size:9px}.card-suit-center{font-size:26px}.tableau-pile{min-height:270px}#status{margin-top:8px;font-size:11px;padding:8px}#top-row,.foundation-container{gap:6px}#tableau-row{gap:5px}}@media(max-width:340px){:root{--card-width: 38px;--card-height: 53px;--pile-spacing: 4px}#app{padding:3px}#controls{padding:3px;gap:2px;margin-bottom:5px}button{padding:5px 8px;font-size:10px}select{padding:5px 6px;font-size:10px}.checkbox-label{font-size:10px;gap:3px}.checkbox-label input[type=checkbox]{width:14px;height:14px}#game-container{gap:10px;padding:5px 0}.tableau-card{top:calc(var(--card-index) * 14px)}.waste-card{left:calc(var(--card-index) * 6px)}.card-corner-top,.card-corner-bottom{font-size:9px}.card-rank{font-size:10px}.card-suit{font-size:8px}.card-suit-center{font-size:22px}.tableau-pile{min-height:250px}#status{margin-top:5px;font-size:10px;padding:6px}#top-row,.foundation-container,#tableau-row{gap:4px}#version{font-size:9px}}@media(max-height:600px)and (orientation:landscape){#app{padding:10px}#game-container{gap:15px;padding:10px 0}.tableau-pile{min-height:250px}.tableau-card{top:calc(var(--card-index) * 15px)}#controls{padding:8px;margin-bottom:10px}#status{margin-top:10px}button,select{padding:6px 12px;font-size:12px}}@media(hover:none)and (pointer:coarse){button{min-height:44px;min-width:44px}button:active{transform:scale(.95)}.card:active:not(.card-back){transform:scale(1.02)}.card{transition:transform .1s ease-out}.card-dragging{transform:scale(1.08) translateZ(0);box-shadow:0 12px 24px #00000080}.drop-target-valid{box-shadow:0 0 0 4px #4caf50}.drop-target-invalid{box-shadow:0 0 0 4px #f44336}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card{border-width:.5px}.card-placeholder{border-width:1.5px}}@media(prefers-color-scheme:dark){:root{--green-felt: #0a5c42;--dark-green: #084d36}.card{box-shadow:0 2px 6px #0006}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card{animation:none}}@media print{#controls,#status{display:none}body{background:#fff}.card-dragging{opacity:1;transform:none}}