.sol-game{position:relative;color:#fffdf8;background:#34675c;background:rgba(41,88,77,.94);border:1px solid rgba(255,250,235,.25);border-radius:24px;padding:18px 22px 12px;box-shadow:0 8px 26px rgba(39,70,57,.12);font-family:Arial,sans-serif;isolation:isolate}
.sol-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sol-progress{display:flex;align-items:center;color:#e4eee1;font-size:13px}
.sol-progress strong{font-size:25px;color:#fff;margin-right:10px;line-height:1}
.sol-progress strong span{font-size:14px;font-weight:normal;color:#c1d8cd}
.sol-actions{display:flex;align-items:center}
.sol-game .sol-actions button,.sol-game .sol-finish{min-height:44px;border:1px solid rgba(255,255,255,.3);border-radius:13px;background:#487b6d;color:#fff;font:600 14px Arial,sans-serif;cursor:pointer;margin-left:8px;padding:9px 15px;box-shadow:none}
.sol-game button:disabled{opacity:.4;cursor:default}
.sol-game button:focus{outline:3px solid #ffdabd;outline-offset:3px}
.sol-game button:focus:not(:focus-visible){outline:none}
.sol-instruction{font-size:13px;line-height:1.5;color:#e1eee5;min-height:22px;margin-bottom:10px}
.sol-scroll{overflow:visible}
.sol-board{min-width:560px;padding:5px 5px 0}
.sol-top,.sol-columns{display:flex;position:relative}
.sol-top{height:163px;margin-bottom:11px}
.sol-cell{flex:1;min-width:0;position:relative;margin-right:10px}
.sol-cell:last-child{margin-right:0}
.sol-game .sol-slot,.sol-game .sol-card{width:100%;height:126px;box-sizing:border-box;border-radius:11px;padding:0;font-family:Georgia,'Times New Roman',serif;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:box-shadow .14s ease,background-color .14s ease;text-align:left;min-width:0;min-height:0;line-height:normal}
.sol-game .sol-slot{position:relative;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(229,239,226,.34);background:rgba(15,52,43,.14);color:#c8ddcc;font-size:38px;box-shadow:inset 0 1px 4px rgba(0,0,0,.05)}
.sol-game .sol-slot small{position:absolute;bottom:19px;font:600 11px Arial,sans-serif;letter-spacing:2px}
.sol-game .sol-card{position:absolute;left:0;display:block;border:1px solid #e7dccb;background:#fffcf4;box-shadow:0 3px 2px rgba(12,41,32,.18);overflow:hidden;color:#314c47}
.sol-game .sol-card.sol-red{color:#b33d4e}
.sol-game .sol-back{background-color:#c1b9dd;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%),linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%);background-position:0 0,8px 8px;background-size:16px 16px;border:3px solid #eee5f2;color:#fff7e7;box-shadow:0 3px 3px rgba(12,41,32,.16)}
.sol-game .sol-deck{border-style:solid}
.sol-deck>span{font-size:55px;line-height:1;text-shadow:0 2px 0 rgba(85,76,127,.18)}
.sol-deck:not(.sol-back)>span{font:600 14px/1.3 Georgia,serif;text-shadow:none;padding:0 4px}
.sol-corner{position:absolute;top:5px;left:7px;font-size:23px;font-weight:bold;white-space:nowrap;line-height:26px;letter-spacing:-1px}
.sol-corner>span{font-size:20px;padding-left:4px}
.sol-center{position:absolute;top:36px;left:0;right:0;text-align:center;font-size:48px;line-height:54px}
.sol-bottom{position:absolute;right:7px;bottom:6px;transform:rotate(180deg);font-size:16px;font-weight:bold}
.sol-back-flower{position:absolute;left:0;right:0;top:31px;font-size:45px;text-align:center}
.sol-pile-label{position:absolute;top:135px;left:0;right:0;text-align:center;font-size:11px;color:#d9e7da;line-height:16px;text-transform:capitalize}
.sol-spacer{display:flex;align-items:center;justify-content:center;color:#a5c7b6;font-size:28px;opacity:.6;height:126px}
.sol-game .sol-empty-column{position:absolute;top:0;left:0;font-size:25px;color:#afcbb9}
.sol-game .sol-selected{border:3px solid #f2c19f;box-shadow:0 0 0 2px #f2c19f,0 4px 8px rgba(0,0,0,.15);background:#fff5de;z-index:auto}
.sol-game .sol-selected .sol-corner{top:3px;left:5px}
.sol-hint-target{outline:3px dashed #f3df9d;outline-offset:4px;border-radius:13px}
.sol-footer{display:flex;justify-content:space-between;align-items:center;min-height:33px;color:#dbe7dc;font-size:11px;padding-top:8px}
.sol-game .sol-finish{background:#e3d5a5;color:#345d4e;border:0;margin-left:10px}
.sol-confirm{position:absolute;z-index:50;inset:0;top:0;right:0;bottom:0;left:0;background:rgba(22,46,42,.7);display:flex;align-items:center;justify-content:center;border-radius:24px;padding:25px}
.sol-confirm>div{max-width:410px;background:#fffaf2;color:#304f46;border-radius:24px;padding:25px;text-align:center;box-shadow:0 14px 50px rgba(12,40,33,.2)}
.sol-confirm-flower{color:#c3a1c9;font-size:48px;line-height:1}
.sol-confirm h3{font:normal 28px Georgia,serif;margin:12px 0}
.sol-confirm p{line-height:1.6;font-size:15px}
.sol-game .sol-confirm button{min-height:48px;border-radius:13px;padding:12px 16px;border:1px solid #cbd9ce;background:#f0eee6;color:#355b4c;cursor:pointer;font:600 14px Arial,sans-serif;margin:5px}
.sol-game .sol-confirm .sol-primary{background:#466f60;color:white;border-color:#466f60}
.sol-game.sol-dense .sol-pile .sol-card,.sol-game.sol-dense .sol-pile .sol-empty-column{height:var(--sol-card-height)}
.sol-game.sol-dense .sol-top{height:calc(var(--sol-card-height) + 20px);margin-bottom:5px}
.sol-game.sol-dense .sol-top .sol-slot,.sol-game.sol-dense .sol-top .sol-card{height:var(--sol-card-height)}
.sol-game.sol-dense .sol-pile-label{top:calc(var(--sol-card-height) + 5px);font-size:10px;line-height:12px}
.sol-game.sol-dense .sol-corner{top:2px;left:5px;font-size:var(--sol-rank-size);line-height:var(--sol-rank-line);letter-spacing:0}
.sol-game.sol-dense .sol-corner>span{font-size:.8em;padding-left:2px}
.sol-game.sol-dense .sol-center{top:var(--sol-center-top);font-size:var(--sol-center-size);line-height:var(--sol-center-line)}
.sol-game.sol-dense .sol-bottom{right:5px;bottom:4px;font-size:12px}
.sol-game.sol-dense .sol-pile .sol-card:not(.sol-top-card) .sol-center,.sol-game.sol-dense .sol-pile .sol-card:not(.sol-top-card) .sol-bottom{display:none}
.sol-game.sol-dense .sol-foundation-slot small{display:none}
@media(min-width:700px){.sol-game{display:flex;flex-direction:column;max-height:calc(100vh - 150px)}.sol-scroll{flex:1;min-height:0}}
@media(max-width:800px){.sol-game{padding:14px 12px 10px;border-radius:18px}.sol-progress>span{max-width:90px}.sol-game .sol-actions button{padding:8px 11px;margin-left:5px;font-size:13px}.sol-instruction{font-size:12px}.sol-cell{margin-right:8px}.sol-footer{font-size:10px}}
@media(max-height:740px) and (min-width:700px){.sol-game{padding-top:10px;padding-bottom:8px}.sol-top{height:152px;margin-bottom:5px}.sol-toolbar{margin-bottom:5px}.sol-instruction{margin-bottom:4px}}
@media(max-width:600px){.sol-toolbar{align-items:flex-start}.sol-progress{display:block}.sol-progress>span{display:none}.sol-progress strong{font-size:23px}.sol-game .sol-actions button{font-size:12px;padding:7px 9px}.sol-instruction{min-height:35px}.sol-footer>span:last-child{max-width:150px;text-align:right}}
.sol-game .sol-deal-in{animation:sol-deal .32s ease-out both;-webkit-animation:sol-deal .32s ease-out both}
.sol-game .sol-move-in{animation:sol-arrive .24s ease-out both;-webkit-animation:sol-arrive .24s ease-out both}
.sol-game .sol-flip-in{animation:sol-flip .3s ease-out both;-webkit-animation:sol-flip .3s ease-out both;transform-origin:50% 50%}
@keyframes sol-deal{from{opacity:0;transform:translate3d(-18px,-22px,0) rotate(-5deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes sol-deal{from{opacity:0;-webkit-transform:translate3d(-18px,-22px,0) rotate(-5deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0) rotate(0)}}
@keyframes sol-arrive{from{opacity:.65;transform:translate3d(0,-15px,0) scale(.97)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@-webkit-keyframes sol-arrive{from{opacity:.65;-webkit-transform:translate3d(0,-15px,0) scale(.97)}to{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1)}}
@keyframes sol-flip{from{opacity:.5;transform:perspective(400px) rotateY(-85deg)}to{opacity:1;transform:perspective(400px) rotateY(0)}}
@-webkit-keyframes sol-flip{from{opacity:.5;-webkit-transform:perspective(400px) rotateY(-85deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateY(0)}}
@media(prefers-reduced-motion:reduce){body:not(.motion-on) .sol-game .sol-card,body:not(.motion-on) .sol-game .sol-slot{animation:none!important;-webkit-animation:none!important;transition:none}}
