*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;background:teal;width:100%;height:100%;font-family:MS Sans Serif,Microsoft Sans Serif,Tahoma,Geneva,sans-serif;font-size:11px;overflow:hidden}#app{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex}.game-window{transform-origin:top;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;flex-direction:column;width:800px;height:600px;display:flex;box-shadow:1px 1px #000}.title-bar{background:linear-gradient(90deg,navy,#1084d0);flex-shrink:0;align-items:center;height:18px;padding:0 2px;display:flex}.title-bar__icon{justify-content:center;align-items:center;width:14px;height:14px;margin-right:4px;font-size:10px;display:flex}.title-bar__text{color:#fff;white-space:nowrap;flex:1;font-size:11px;font-weight:700;overflow:hidden}.title-bar__buttons{gap:2px;display:flex}.title-bar__btn{cursor:default;background:silver;border:1px solid #000;border-color:#fff #000 #000 #fff;justify-content:center;align-items:center;width:16px;height:14px;padding-bottom:1px;font-size:8px;font-weight:700;line-height:1;display:flex}.title-bar__btn:active{border:1px solid #fff;border-color:#000 #fff #fff #000;padding-top:1px;padding-bottom:0;padding-left:1px}.menu-bar{background:silver;border-bottom:1px solid gray;flex-shrink:0;align-items:center;height:20px;padding:0 2px;display:flex;position:relative}.menu-bar__item{cursor:default;padding:2px 8px;position:relative}.menu-bar__item:hover,.menu-bar__item--active{color:#fff;background:navy}.dropdown-menu{z-index:1000;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;min-width:160px;padding:2px;display:none;position:absolute;top:100%;left:0}.dropdown-menu--open{display:block}.dropdown-menu__item{cursor:default;white-space:nowrap;padding:4px 24px 4px 8px}.dropdown-menu__item:hover{color:#fff;background:navy}.dropdown-menu__item--disabled{color:gray}.dropdown-menu__item--disabled:hover{color:gray;background:0 0}.dropdown-menu__separator{background:gray;border-bottom:1px solid #fff;height:1px;margin:2px 4px}.dropdown-menu__item--checked:before{content:"✓";position:absolute;left:8px}.dropdown-menu__item{position:relative}.status-bar{background:silver;border-top:1px solid #fff;flex-shrink:0;align-items:center;gap:4px;height:20px;padding:0 4px;display:flex}.status-bar__section{border:1px solid #fff;border-color:gray #fff #fff gray;align-items:center;height:16px;padding:1px 6px;font-size:11px;display:flex}.status-bar__section--score{min-width:100px}.status-bar__section--time,.status-bar__section--moves{min-width:80px}.status-bar__section--probability,.status-bar__section--fail-probability{min-width:75px}.game-area{background:green;flex:1;padding:12px 16px;position:relative;overflow:hidden}.top-row{align-items:flex-start;height:98px;margin-bottom:16px;display:flex}.stock-waste{gap:12px;display:flex}.foundations{gap:12px;margin-left:auto;display:flex}.card-slot{border:1px dashed #ffffff4d;border-radius:3px;width:73px;height:98px;position:relative}.card-slot--stock{cursor:pointer}.card-slot--stock.card-slot--empty{background:#0000001a}.card-slot--stock.card-slot--empty:after{content:"↻";color:#fff6;font-size:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-slot--foundation{background:#00000014}.card-slot--foundation:after{color:#ffffff26;font-size:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-slot--foundation[data-suit="0"]:after{content:"♣"}.card-slot--foundation[data-suit="1"]:after{content:"♦"}.card-slot--foundation[data-suit="2"]:after{content:"♥"}.card-slot--foundation[data-suit="3"]:after{content:"♠"}.card-slot--foundation .card{position:absolute;top:0;left:0}.tableau{justify-content:center;gap:12px;display:flex}.tableau__column{width:73px;min-height:98px;position:relative}.tableau__column--empty{border:1px dashed #fff3;border-radius:3px}.tableau__column--empty:after{content:"K";color:#ffffff1f;pointer-events:none;font-size:28px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waste-pile{width:73px;height:98px;position:relative}.waste-pile--draw3{width:105px}.waste-pile .card{position:absolute;top:0;left:0}.waste-pile--draw3 .card:nth-last-child(2){left:16px}.waste-pile--draw3 .card:last-child{left:32px}.card-slot--drop-target,.tableau__column--drop-target{outline-offset:-2px;outline:2px solid #ff0}.card--drop-target{box-shadow:0 0 0 2px #ff0!important}.card{cursor:pointer;width:73px;height:98px;transform-style:preserve-3d;backface-visibility:hidden;border-radius:3px;transition:transform .15s,box-shadow .15s;position:relative}.card--face-up{cursor:grab;background:#fff;border:1px solid #555;box-shadow:1px 1px #0000004d}.card--face-up:not(.card--dragging):hover{box-shadow:0 0 0 1px #ff0,1px 1px #0000004d}.card--face-up:before{content:"";pointer-events:none;border:1px solid #0000000f;border-radius:2px;position:absolute;inset:2px}.card--dragging{cursor:grabbing}.card--face-down{cursor:default;background:#1a3c8f;border:1px solid #0a1f4a;box-shadow:1px 1px #0000004d}.card--face-down:before{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 3px,#ffffff14 3px 6px),repeating-linear-gradient(-45deg,#0000,#0000 3px,#ffffff14 3px 6px);border:1px solid #4a6cc7;border-radius:1px;position:absolute;inset:3px}.card__corner{z-index:1;flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute}.card__corner--top{top:3px;left:4px}.card__corner--bottom{bottom:3px;right:4px;transform:rotate(180deg)}.card__rank{font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:700}.card__suit{font-size:10px;line-height:1}.card__pips{position:absolute;inset:0}.card__pip{line-height:1;position:absolute;transform:translate(-50%,-50%)}.card__pip--rotated{transform:translate(-50%,-50%)rotate(180deg)}.card__pip--ace{font-size:38px}.card__pip--lg{font-size:16px}.card__pip--md{font-size:13px}.card__pip--sm{font-size:11px}.card__face-center{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card__face-label{text-shadow:0 1px 1px #0000001a;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:700}.card__face-suit{margin-top:2px;font-size:16px}.card--face:after{content:"";pointer-events:none;background:#00000005;border:1px solid #00000014;border-radius:2px;position:absolute;inset:16px 14px}.card--red .card__rank,.card--red .card__suit,.card--red .card__pip,.card--red .card__face-label,.card--red .card__face-suit{color:#c00}.card--black .card__rank,.card--black .card__suit,.card--black .card__pip,.card--black .card__face-label,.card--black .card__face-suit{color:#000}.card--dragging{pointer-events:none;z-index:1000!important;cursor:grabbing!important;transition:none!important;box-shadow:4px 4px 8px #0006!important}.card--drag-source{opacity:.4}.tableau__column .card{position:absolute;left:0}.card--flipping{animation:.3s ease-in-out cardFlip}@keyframes cardFlip{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}.card-slot--stock .card{position:absolute;top:0;left:0}.card-slot--stock .card:nth-last-child(n+3){display:none}.card-slot--stock .card:nth-last-child(2){top:-1px;left:1px}.card--animating{transition:transform .25s,left .25s,top .25s}.card--auto-complete{z-index:500;transition:transform .2s}.card--cascade{z-index:2000;pointer-events:none;will-change:transform;position:fixed}.card--dealing{animation:.15s ease-out dealCard}@keyframes dealCard{0%{opacity:.5;transform:translate(-200px,-100px)rotate(-10deg)}to{opacity:1;transform:translate(0)rotate(0)}}.score-popup{color:#fff;text-shadow:1px 1px #000;pointer-events:none;z-index:1500;font-size:14px;font-weight:700;animation:1s ease-out forwards scoreFloat;position:absolute}.score-popup--positive{color:#0f0}.score-popup--negative{color:#f44}@keyframes scoreFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.card--invalid{animation:.3s ease-out cardShake}@keyframes cardShake{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.card--hint{z-index:100;animation:.6s ease-in-out 3 hintPulse}.card-slot--hint{animation:.6s ease-in-out 3 hintPulse}@keyframes hintPulse{0%,to{box-shadow:0 0 0 2px #ff00}50%{box-shadow:0 0 8px 3px #ff0c}}.dialog-overlay{z-index:3000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dialog{background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;min-width:300px;padding:0}.dialog__title-bar{background:linear-gradient(90deg,navy,#1084d0);align-items:center;height:18px;padding:0 4px;display:flex}.dialog__title-text{color:#fff;flex:1;font-size:11px;font-weight:700}.dialog__close-btn{cursor:default;background:silver;border:1px solid #000;border-color:#fff #000 #000 #fff;justify-content:center;align-items:center;width:16px;height:14px;font-size:8px;font-weight:700;display:flex}.dialog__body{padding:16px}.dialog__buttons{justify-content:center;gap:8px;padding:0 16px 12px;display:flex}.retro-btn{cursor:default;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;outline:none;min-width:75px;padding:4px 20px;font-family:MS Sans Serif,Microsoft Sans Serif,Tahoma,sans-serif;font-size:11px}.retro-btn:active{border:2px solid #fff;border-color:#000 #fff #fff #000;padding:5px 19px 3px 21px}.retro-btn--default{outline-offset:-4px;outline:1px dotted #000}.stats-table{border-collapse:collapse;width:100%;margin:8px 0;font-size:11px}.stats-table td{padding:2px 8px}.stats-table td:first-child{text-align:right;white-space:nowrap;font-weight:700}.stats-table td:last-child{text-align:left}