.mines{box-sizing:border-box;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 14px calc(env(safe-area-inset-bottom) + 28px);color:#fff;text-align:center;background:#105987;font-family:system-ui,sans-serif}.mines *{box-sizing:border-box}.mines button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.mines-header{justify-content:space-between;align-items:center;gap:12px;max-width:540px;margin:0 auto;display:flex}.mines-circle{color:#cc86a8;background:#fff;border:0;border-radius:50%;flex:0 0 52px;width:52px;height:52px;line-height:1;font-size:42px!important;font-weight:800!important}.mines-title{background:#00243b;border-radius:12px;flex:1;padding:8px;font-weight:800}.mines-title span,.mines-title strong{display:block}.mines-title strong{color:#35dcc0;font-size:24px}.mines-message{margin:32px 0 18px;font-weight:800}.mines-board{background:#003452;border:4px solid #003452;border-radius:14px;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;width:min(100%,450px);margin:0 auto;padding:7px;display:grid}.mines-cell{aspect-ratio:1;color:#073451;background:#91d5eb;border:0;border-radius:5px;place-items:center;min-width:0;padding:0;line-height:1;display:grid;box-shadow:inset 0 -4px #5eafc8;font-size:clamp(15px,5vw,24px)!important;font-weight:900!important}.mines-cell.is-open{box-shadow:none;background:#eaf8f8}.mines-cell.is-exploded{background:#ff7b7b}.mines-cell.number-1{color:#287dcc}.mines-cell.number-2{color:#28a368}.mines-cell.number-3,.mines-cell.number-5,.mines-cell.number-7{color:#da3d55}.mines-cell.number-4,.mines-cell.number-6,.mines-cell.number-8{color:#7954b0}.mines-flag-mode,.mines-retry{color:#593600;background:#ffbd2e;border:0;border-radius:999px;margin:28px auto 0;padding:12px 22px;display:block;box-shadow:0 5px #d9981e;font-weight:800!important}.mines-flag-mode.is-active{color:#fff;background:#ff7890;box-shadow:0 5px #d9506a}.mines-hint{color:#c7e8f6;margin:14px 0 0;font-size:13px}.mines-retry{margin-top:24px}.mines-circle{place-items:center;padding:0;display:grid}:root{color:#002440;font-synthesis:none;background:#fff2df;font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,sans-serif;font-weight:800}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:2px;outline:3px solid #ffbe2c}button:disabled{cursor:default}.home{min-height:100dvh;padding-bottom:calc(28px + env(safe-area-inset-bottom));background:linear-gradient(170deg,#fff2df 0 75%,#ffdfcb 75%)}.home-header{height:calc(92px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0;background:#fff;border-bottom:5px solid #dca18b;align-items:center;gap:24px;display:flex}.menu-mark{gap:6px;width:35px;display:grid}.menu-mark i{background:#ce8cac;border-radius:5px;height:6px}.menu-mark i:last-child{width:65%}.brand{color:#fff;letter-spacing:.05em;background:#925995;border-radius:13px;margin-left:auto;padding:10px 15px;font-size:14px}.brand span{color:#ffbd28;vertical-align:middle;font-size:23px}.brand b{font-size:10px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:760px;margin:auto;padding:18px 12px;display:grid}.tile{aspect-ratio:.78;text-align:left;color:#a2d7fa;background:#105982;border:6px solid #fff;border-radius:29px;padding:18px 15px;position:relative;overflow:hidden;box-shadow:0 2px #f5ddca}.tile-name{white-space:nowrap;z-index:1;font-size:clamp(15px,4.2vw,27px);line-height:1.2;display:block;position:relative}.tile-line{background:currentColor;border-radius:6px;width:44%;height:5px;margin-top:6px;display:block}.favorite{color:#ffba27;background:#fff;border-radius:50%;padding:4px;font-size:27px;line-height:1;position:absolute;top:-3px;right:-2px}.tile-hearts{color:#fb668f;background:#271d35}.tile-solitaire{color:#d04c83;background:#e8f4ef}.tile-spider{color:#ffc02a;background:#20232c}.tile-mines{color:#009dbd;background:#c5ecf7}.preview-cards{gap:4px;width:100%;display:flex;position:absolute;top:43%;left:14%;transform:rotate(-8deg)}.preview-cards>span{filter:drop-shadow(0 5px 1px #00243d55);flex:none;width:37%}.preview-cards>span:nth-child(2){transform:translateY(12%)}.preview-cards>span:nth-child(3){transform:translateY(24%)}.tile-play{color:#173852;background:#ffffffdc;border-radius:20px;padding:5px 10px;font-size:11px;position:absolute;bottom:12px;right:12px}.mine-preview{grid-template-columns:repeat(3,1fr);gap:3px;width:75%;display:grid;position:absolute;top:35%;left:16%;transform:rotate(-8deg)}.mine-preview i{aspect-ratio:1;color:#ffb52a;background:#fff6d5;border-radius:5px;place-items:center;font-size:clamp(22px,7vw,48px);font-style:normal;display:grid;box-shadow:0 3px #d8b68f}.mine-preview i:nth-child(2n){color:#e84e74}.game-screen{color:#fff;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#105982;overflow:hidden}.game-header{justify-content:space-between;align-items:center;gap:10px;max-width:700px;margin:0 auto 12px;display:flex}.round-button{color:#ce8cac;background:#fff;border:0;border-radius:50%;flex:none;width:48px;height:48px;padding:0 0 5px;font-size:50px;line-height:.7}.round-button.reset{padding:0;font-size:38px}.game-title{text-align:center;background:#00283f;border-radius:12px;min-width:150px;padding:6px 15px}.game-title small,.game-title strong{display:block}.game-title small{color:#7ee5d0;font-size:10px}.game-title strong{font-size:20px}.score-strip{justify-content:center;gap:8px;margin:0 auto 18px;display:flex}.score-strip>div{text-align:center;background:#00283f;border-radius:9px;min-width:105px;padding:4px 12px}.score-strip small,.score-strip strong{display:block}.score-strip small{font-size:10px}.score-strip strong{color:#43dfbc;font-size:20px}.board{--gap:3px;--columns:8;--card-width:calc((100cqw - (var(--columns) - 1)*var(--gap))/var(--columns));--stack-step:calc(var(--card-width)*.39);max-width:900px;margin:auto;container-type:inline-size}.board-solitaire{--columns:7}.board-spider{--columns:10}.top-piles{min-height:calc(var(--card-width)*1.55);justify-content:space-between;align-items:start;gap:8px;margin-bottom:16px;display:flex}.pile-group{gap:var(--gap);display:flex}.pile{width:var(--card-width);min-width:0}.pile-group .pile{width:var(--card-width)}.foundations{flex-wrap:wrap;justify-content:flex-end}.board-spider .foundations{max-width:50%}.card-button{width:100%;color:inherit;background:0 0;border:0;padding:0;display:block;position:relative}.card-button>span[data-card]{display:block}.face{aspect-ratio:.7;color:#002541;background:#fff;border:2px solid #002a48;border-radius:12%;width:100%;display:block;position:relative;overflow:hidden}.face.red{color:#c60016}.empty-face{background:#07466e;border:3px solid #003858}.face-down{color:#b2d8e8;background:repeating-linear-gradient(45deg,#0a3d62,#0a3d62 4px,#1e6b98 4px 8px);border:3px solid #003858;place-items:center;font-size:clamp(12px,3vw,28px);display:grid}.card-corner{letter-spacing:-.08em;align-items:center;gap:1px;font-size:clamp(12px,4vw,38px);line-height:1.05;display:flex;position:absolute;top:0;left:5%}.card-suit{font-size:clamp(19px,6vw,55px);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-27%)}.selected .face{filter:brightness(1.06);box-shadow:inset 0 0 0 3px #ffbf2b}.stock-count{color:#fff;background:#00283f;border-radius:7px;padding:1px 4px;font-size:10px;position:absolute;bottom:0;right:0}.tableau{grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:var(--gap);display:grid}.column{min-width:0;min-height:calc(var(--card-width)*1.5 + var(--stack-step)*18);position:relative}.stack-card,.column-empty{width:100%;position:absolute;left:0}.game-actions{text-align:center;margin:20px auto}.undo{color:#ffbd28;background:0 0;border:0;justify-items:center;gap:4px;font-size:13px;display:inline-grid}.undo span{color:#fff;background:#ffbd28;border-radius:50%;width:58px;height:58px;font-size:49px;line-height:48px;box-shadow:inset 0 -5px #e0a328}.undo:disabled{opacity:.45}.game-actions p{color:#b9d8e9;font-size:12px;font-weight:500}.result-banner{text-align:center;color:#573900;background:#ffbd28;border-radius:12px;max-width:300px;margin:10px auto;padding:12px}.hearts-scores{justify-content:center;gap:5px;display:flex}.hearts-scores div{text-align:center;background:#00283f;border-radius:10px;min-width:62px;padding:5px}.hearts-scores small,.hearts-scores strong,.hearts-scores span{display:block}.hearts-scores small,.hearts-scores span{font-size:10px}.hearts-scores strong{color:#43dfbc;font-size:22px}.hearts-message{text-align:center;margin:18px 0;font-size:14px}.trick-area{max-width:300px;height:210px;margin:auto;position:relative}.trick-card{width:60px;animation:.25s ease-out arrive;position:absolute}.trick-card small{text-align:center;font-size:10px;display:block}.trick-card .card-corner{font-size:20px}.trick-card .card-suit{font-size:35px}.player-0{bottom:0;left:40%}.player-1{top:30%;left:5%}.player-2{top:0;left:40%}.player-3{top:30%;right:5%}@keyframes arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hearts-bottom{text-align:center;max-width:700px;margin:15px auto}.hearts-bottom p{font-size:12px}.primary-button{color:#422d00;background:#ffbd28;border:0;border-radius:25px;padding:10px 22px}.primary-button:disabled{opacity:.5}.hand{justify-content:center;padding:12px 5px 20px;display:flex;overflow-x:auto}.hand-card{background:0 0;border:0;flex:0 0 48px;width:48px;margin-left:-14px;padding:0;transition:transform .2s;position:relative}.hand-card:first-child{margin-left:0}.hand-card.selected{transform:translateY(-10px)}.hand-card:disabled{filter:brightness(.7)}.hand-card .card-corner{font-size:18px}.hand-card .card-suit{font-size:30px}@media (width>=600px){.catalog{gap:18px}.tile{border-width:8px}.card-corner{font-size:32px}.card-suit{font-size:52px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.tile-name{position:absolute;top:18px;left:15px}.tile-line{margin:0;position:absolute;top:49px;left:15px}.top-piles{gap:var(--gap)}.pile-group{flex-shrink:0}.board-spider .foundations{flex-shrink:1}.hand{justify-content:flex-start}.round-button{place-items:center;padding:0;display:grid}.game-icon{width:60%;height:60%;display:block}.undo span{place-items:center;line-height:1;display:grid}.undo .game-icon{width:58%;height:58%}.foundation-suit{color:#003858;pointer-events:none;place-items:center;font-size:clamp(24px,7vw,62px);line-height:1;display:grid;position:absolute;inset:0}.move-mode{color:#fff;background:#07466e;border:1px solid #a5d5e8;border-radius:18px;margin:14px auto 0;padding:7px 14px;font-size:12px;display:block}.card-button{touch-action:manipulation}.game-dialog{width:100%;max-width:none;height:100%;max-height:none;padding:calc(24px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));color:#fff;background:0 0;border:0;margin:0;position:fixed;inset:0;overflow:auto}.game-dialog::backdrop{background:#241d2ef0}.dialog-content{text-align:center;flex-direction:column;justify-content:center;max-width:540px;min-height:100%;margin:auto;display:flex}.dialog-content h2{color:#ffbd28;overflow-wrap:anywhere;margin:0;font-size:clamp(27px,7vw,46px);line-height:1.35}.dialog-content p{margin:clamp(45px,12vh,100px) 0;font-size:clamp(16px,4.5vw,24px);line-height:1.6}.dialog-actions{gap:14px;display:flex}.dialog-actions button{color:#fff;border:0;border-radius:12px;flex:1;min-width:0;min-height:60px;padding:12px 6px;font-size:clamp(15px,4vw,22px);font-weight:800}.dialog-new{background:#d66e67;box-shadow:inset 0 -5px #c45e59}.dialog-continue{background:#2bb841;box-shadow:inset 0 -5px #20a43a}
