/* GAMEX MINESWEEPER / DEEPSEA — isolated game presentation. */
.gx-mines{--ms-ink:#e4f8f4;--ms-gold:#ffe2a1;--ms-aqua:#80f3de;box-sizing:border-box;max-width:1040px;margin:24px auto;color:var(--ms-ink);font:600 14px/1.5 system-ui,-apple-system,"Noto Sans JP",sans-serif;text-align:left}
.gx-mines *{box-sizing:border-box}.gx-mines [hidden]{display:none!important}.gx-mines button,.gx-mines select{font:inherit;letter-spacing:normal;text-transform:none}.gx-mines button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.gx-mines button:disabled{cursor:default}.gx-mines button:focus-visible,.gx-mines select:focus-visible{outline:3px solid #fff4b8;outline-offset:2px;z-index:5}.gx-mines p{margin:0}.gx-mines svg{display:block;width:72%;height:72%;margin:auto;pointer-events:none}
.gx-mines .ms-shell{position:relative;isolation:isolate;padding:12px;background:linear-gradient(135deg,#183e4e,#071622 65%);border:1px solid #487280;border-radius:18px;box-shadow:0 14px 36px #03121c38,inset 0 1px #b2e5df40;overflow:hidden}
.gx-mines .ms-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.gx-mines .ms-brand span{display:block;color:#92c6cd;font-size:10px;letter-spacing:.2em}.gx-mines .ms-brand strong{font-size:clamp(16px,3vw,25px);letter-spacing:.06em;color:#fff0cb;text-shadow:0 2px #07111a}.gx-mines .ms-tools{display:flex;gap:5px}.gx-mines .ms-tools button{min-height:44px;min-width:48px;padding:6px 9px;border:1px solid #547480;border-radius:8px;background:#123241;color:#d8f3ee;font-size:12px;white-space:nowrap}
.gx-mines .ms-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.gx-mines .ms-hud>div{padding:5px 10px;background:#051c28;border:1px solid #315864;border-radius:9px;min-width:0}.gx-mines .ms-hud span{display:block;color:#9dbfc6;font-size:10px;letter-spacing:.08em}.gx-mines .ms-hud strong{display:block;font-variant-numeric:tabular-nums;font-size:clamp(19px,3.5vw,28px);line-height:1.25;color:#f2f9ec}
.gx-mines .ms-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;aspect-ratio:1.12;min-height:360px;max-height:610px;padding:34px 10px 10px;border:1px solid #3b6973;border-radius:12px;background:#092736;overflow:hidden}.gx-mines .ms-sea{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gx-mines .ms-zone{position:absolute;top:8px;left:12px;right:12px;display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#c5eae3;letter-spacing:.07em;text-shadow:0 1px 3px #000}.gx-mines .ms-field{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;aspect-ratio:1;position:relative;padding:5px;background:#031b249c;border:1px solid #4c8a8e70;border-radius:9px;box-shadow:0 9px 25px #0006;user-select:none;touch-action:manipulation;container-type:inline-size}
.gx-mines .ms-cell{display:flex;align-items:center;justify-content:center;position:relative;padding:0;min-width:0;aspect-ratio:1;border:1px solid #66999d;border-radius:4px;background:linear-gradient(145deg,#346571,#183f4f);box-shadow:inset 1px 2px #b3dfdf38,inset -1px -2px #031723b3,0 1px 2px #0008;color:#ffe0a1;font-size:clamp(15px,5.5cqw,30px);font-weight:900;line-height:1;transition:background .12s,box-shadow .12s;opacity:1}.gx-mines .ms-cell:not(:disabled):hover{background:#437c83;border-color:#bcece3}.gx-mines .ms-cell:not(:disabled):active{transform:translateY(1px)}.gx-mines .ms-cell.is-open{background:#d2e4df;border-color:#9cbbb8;box-shadow:inset 0 1px 2px #183c4333;color:#163454}.gx-mines .ms-cell.is-open[data-number="0"]{background:#8db4b3c9;border-color:#7ca6a5;color:transparent}.gx-mines .ms-cell[data-number="1"]{color:#14548f}.gx-mines .ms-cell[data-number="2"]{color:#14623a}.gx-mines .ms-cell[data-number="3"]{color:#a2292c}.gx-mines .ms-cell[data-number="4"]{color:#4f3193}.gx-mines .ms-cell[data-number="5"]{color:#813316}.gx-mines .ms-cell[data-number="6"]{color:#005c64}.gx-mines .ms-cell[data-number="7"]{color:#253140}.gx-mines .ms-cell[data-number="8"]{color:#642e60}.gx-mines .ms-cell.is-flag{background:linear-gradient(145deg,#5d6658,#2b4446);border-color:#ccb778;color:#ffe0a1}.gx-mines .ms-cell.is-mine{background:#5c2633;border-color:#ffb1a0;color:#ffd8b9}.gx-mines .ms-cell.is-hit{background:#ad3c37;box-shadow:0 0 15px #fc765c99,inset 0 0 8px #ffd49155}.gx-mines .ms-cell.is-wrong:after{content:"×";position:absolute;right:-2px;top:-4px;color:#ffafa1;font-size:18px;text-shadow:0 1px #120a11}.gx-mines .is-flag-mode .ms-field{border-color:#ffe2a1;box-shadow:0 0 16px #ffe2a133}
.gx-mines .ms-panel{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:min(94%,470px);max-height:calc(100% - 22px);overflow:auto;overscroll-behavior:contain;padding:22px;border:1px solid #9bb2aa;border-radius:14px;background:linear-gradient(150deg,#183e4ff5,#081c2bf7);box-shadow:0 15px 45px #0009,inset 0 1px #d5f6e840;text-align:center;scrollbar-width:thin;scrollbar-color:#87b6b6 #102b3a}.gx-mines .ms-eyebrow{display:block;color:#9dcfc9;font-size:10px;letter-spacing:.18em}.gx-mines .ms-panel .ms-title{padding:0!important;margin:6px 0 16px!important;border:0!important;background:none!important;color:#fff0cb!important;font:900 clamp(20px,4vw,30px)/1.3 system-ui,sans-serif!important;letter-spacing:.01em!important;box-shadow:none!important;text-align:center!important}.gx-mines .ms-title:before,.gx-mines .ms-title:after{display:none!important}.gx-mines .ms-modes{display:grid;grid-template-columns:1fr 1.4fr 1.5fr;gap:5px}.gx-mines .ms-modes button,.gx-mines .ms-secondary,.gx-mines .ms-actions>button:not(.ms-primary){min-height:44px;padding:8px 5px;background:#173b4b;border:1px solid #6c9096;border-radius:7px;color:#e1f5ef;font-size:12px}.gx-mines button[aria-pressed=true]{border-color:#ffe2a1;background:#496052;color:#fff1c9;box-shadow:inset 0 0 0 1px #ffe2a133}.gx-mines .ms-note{margin:12px 0;color:#c4dce0;font-size:12px;line-height:1.6}.gx-mines .ms-level{display:flex;align-items:center;gap:12px;margin:12px 0;color:#bededc;font-size:12px;text-align:left}.gx-mines select{flex:1;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #75929a;border-radius:7px;background:#092937;color:#f0f6e9;font-size:14px}.gx-mines .ms-primary{display:block;width:100%;min-height:48px;padding:9px 12px;border:1px solid #fff0bf;border-radius:8px;background:linear-gradient(#ffe8ae,#dab776);box-shadow:inset 0 1px #fff9da,0 3px 0 #65553c;color:#18313c;font-weight:900;font-size:16px}.gx-mines .ms-primary:hover{filter:brightness(1.08)}.gx-mines .ms-small{margin-top:13px;color:#a6c4cb;font-size:11px}.gx-mines .ms-secondary{margin-top:8px;width:100%}.gx-mines .ms-controls{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:8px;margin-top:10px}.gx-mines .ms-controls button{min-height:48px;padding:8px 5px;background:#173b4b;border:1px solid #6b969b;border-radius:9px;color:#dcefe8;font-size:14px}.gx-mines .ms-controls button:disabled{opacity:.45}.gx-mines .ms-controls .ms-sonar{border-color:#83c3c5;color:#baf9ed;background:#15454b}.gx-mines .ms-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin:9px 2px 0;font-size:11px;color:#b4cfce;font-variant-numeric:tabular-nums}.gx-mines .ms-status{min-height:21px;margin:5px 2px 0;color:#a4cbc9;font-size:11px}.gx-mines .ms-result-score strong{display:block;font-size:clamp(36px,7vw,54px);font-weight:900;line-height:1.1;color:#ffe2a1;font-variant-numeric:tabular-nums}.gx-mines .ms-result-score>span{font-size:10px;letter-spacing:.22em;color:#b6d9d4}.gx-mines .ms-result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 0}.gx-mines .ms-result-stats>div{padding:7px 2px;border:1px solid #496877;border-radius:6px;background:#071c2b}.gx-mines .ms-result-stats span{display:block;font-size:10px;color:#a6c4cb}.gx-mines .ms-result-stats strong{font-size:13px;color:#e5f1dd}.gx-mines .ms-record-note{margin:10px 0;color:#d6e8da;font-size:12px}.gx-mines .ms-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gx-mines .ms-actions .ms-primary{grid-column:1/-1}.gx-mines .ms-upgrades{display:grid;gap:9px}.gx-mines .ms-upgrade{display:grid;grid-template-columns:38px 1fr;column-gap:9px;min-height:65px;padding:10px 12px;text-align:left;border:1px solid #7eaaa5;border-radius:9px;background:linear-gradient(120deg,#244b51,#122e40);color:#e5f5e9}.gx-mines .ms-upgrade b{grid-row:1/3;align-self:center;font-size:29px;color:#ffe2a1;text-align:center}.gx-mines .ms-upgrade strong{font-size:14px}.gx-mines .ms-upgrade span{font-size:11px;color:#bdd9d7}.gx-mines .ms-upgrade:disabled{opacity:.4}.gx-mines .ms-view-return{position:absolute;z-index:9;bottom:20px;left:50%;transform:translateX(-50%);min-height:44px;padding:8px 18px;border:1px solid #fff0bf;border-radius:8px;background:#ffe2a1;color:#15303c;box-shadow:0 3px 15px #0008}
.gx-mines .ms-shell:fullscreen,.gx-mines .ms-expanded{display:flex;flex-direction:column;position:fixed;inset:0;z-index:2147483000;width:100%;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:hidden}.gx-mines .ms-shell:fullscreen .ms-stage,.gx-mines .ms-expanded .ms-stage{flex:1;min-height:0;max-height:none;aspect-ratio:auto}.gx-mines .ms-shell:fullscreen .ms-field,.gx-mines .ms-expanded .ms-field{align-self:center}.gx-mines .ms-reveal{animation:ms-open .24s ease-out both}.gx-mines .ms-impact{animation:ms-impact .28s ease-out}.gx-mines .ms-shell[data-sector="1"] .ms-stage{border-color:#8187b3}.gx-mines .ms-shell[data-sector="2"] .ms-stage{border-color:#b0a079}
@keyframes ms-open{0%{filter:brightness(1.8);transform:scale(.84)}100%{filter:brightness(1);transform:scale(1)}}@keyframes ms-impact{25%{transform:translateX(-3px)}65%{transform:translateX(3px)}}
@media(max-width:500px){.gx-mines .ms-shell{padding:8px;border-radius:12px}.gx-mines .ms-head{flex-wrap:wrap;gap:5px}.gx-mines .ms-brand{width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px}.gx-mines .ms-brand span{font-size:8px;letter-spacing:.05em}.gx-mines .ms-brand strong{font-size:17px}.gx-mines .ms-tools{width:100%}.gx-mines .ms-tools button{flex:1;min-height:40px}.gx-mines .ms-hud{gap:4px;margin-bottom:7px}.gx-mines .ms-hud>div{padding:4px 5px}.gx-mines .ms-hud strong{font-size:20px}.gx-mines .ms-stage{min-height:340px}.gx-mines .ms-field{gap:3px;padding:4px}.gx-mines .ms-panel{padding:16px 12px}.gx-mines .ms-panel .ms-title{font-size:23px!important;margin-bottom:12px!important}.gx-mines .ms-note{margin:9px 0}.gx-mines .ms-controls{gap:5px;margin-top:7px}.gx-mines .ms-controls button{font-size:13px}.gx-mines .ms-result-stats{grid-template-columns:repeat(2,1fr);margin:10px 0}.gx-mines .ms-result-stats>div{display:flex;justify-content:space-between;padding:5px 9px}.gx-mines .ms-result-score strong{font-size:38px}.gx-mines .ms-footer{font-size:10px}.gx-mines .ms-status{font-size:10px}}
@media(orientation:landscape) and (max-height:540px) and (min-width:560px){.gx-mines .ms-shell:fullscreen,.gx-mines .ms-expanded{display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;gap:0 12px}.gx-mines .ms-shell:fullscreen .ms-head,.gx-mines .ms-expanded .ms-head{grid-column:1/-1;margin-bottom:7px}.gx-mines .ms-shell:fullscreen .ms-stage,.gx-mines .ms-expanded .ms-stage{grid-column:2;grid-row:2/6;height:100%;min-height:0}.gx-mines .ms-shell:fullscreen .ms-hud,.gx-mines .ms-expanded .ms-hud{grid-column:1;grid-row:2;grid-template-columns:repeat(2,1fr)}.gx-mines .ms-shell:fullscreen .ms-controls,.gx-mines .ms-expanded .ms-controls{grid-column:1;grid-row:3;grid-template-columns:1fr 1fr;margin-top:0;gap:5px}.gx-mines .ms-shell:fullscreen .ms-sonar,.gx-mines .ms-expanded .ms-sonar{grid-column:1/-1}.gx-mines .ms-shell:fullscreen .ms-footer,.gx-mines .ms-expanded .ms-footer{grid-column:1;grid-row:4}.gx-mines .ms-shell:fullscreen .ms-status,.gx-mines .ms-expanded .ms-status{grid-column:1;grid-row:5;align-self:start}.gx-mines .ms-expanded .ms-panel,.gx-mines .ms-shell:fullscreen .ms-panel{padding:10px 12px}.gx-mines .ms-expanded .ms-title,.gx-mines .ms-shell:fullscreen .ms-title{font-size:22px!important;margin:3px 0 8px!important}.gx-mines .ms-expanded .ms-note,.gx-mines .ms-shell:fullscreen .ms-note{margin:5px 0}.gx-mines .ms-expanded .ms-small,.gx-mines .ms-shell:fullscreen .ms-small{margin-top:8px}.gx-mines .ms-expanded .ms-level,.gx-mines .ms-shell:fullscreen .ms-level{margin:7px 0}.gx-mines .ms-expanded .ms-upgrades,.gx-mines .ms-shell:fullscreen .ms-upgrades{gap:5px}.gx-mines .ms-expanded .ms-upgrade,.gx-mines .ms-shell:fullscreen .ms-upgrade{min-height:57px;padding:6px 9px}.gx-mines .ms-expanded .ms-result-stats,.gx-mines .ms-shell:fullscreen .ms-result-stats{margin:7px 0}.gx-mines .ms-expanded .ms-result-score strong,.gx-mines .ms-shell:fullscreen .ms-result-score strong{font-size:32px}.gx-mines .ms-expanded .ms-record-note,.gx-mines .ms-shell:fullscreen .ms-record-note{margin:6px 0}.gx-mines .ms-expanded .ms-actions,.gx-mines .ms-shell:fullscreen .ms-actions{grid-template-columns:1.2fr 1fr 1fr;gap:5px}.gx-mines .ms-expanded .ms-actions .ms-primary,.gx-mines .ms-shell:fullscreen .ms-actions .ms-primary{grid-column:auto;font-size:13px;min-height:44px}}
.gx-mines .ms-stage{width:100%;min-width:0}.gx-mines .ms-panel[data-kind="checkpoint"]{padding:12px}.gx-mines .ms-panel[data-kind="checkpoint"] .ms-title{font-size:21px!important;margin:3px 0 8px!important}.gx-mines .ms-panel[data-kind="checkpoint"] .ms-note{font-size:11px;margin:6px 0}.gx-mines .ms-panel[data-kind="checkpoint"] .ms-upgrades{gap:6px}.gx-mines .ms-panel[data-kind="checkpoint"] .ms-upgrade{grid-template-columns:31px 1fr;gap:0 8px;min-height:55px;padding:6px 9px}.gx-mines .ms-panel[data-kind="checkpoint"] .ms-upgrade strong{font-size:13px}.gx-mines .ms-panel[data-kind="checkpoint"] .ms-upgrade span{font-size:10px}
.gx-mines .ms-panel[data-kind="result"] .ms-actions{grid-template-columns:1fr 1.15fr 1.15fr;gap:5px}.gx-mines .ms-panel[data-kind="result"] .ms-actions .ms-primary{grid-column:auto;min-height:44px;font-size:12px;padding:7px 3px}.gx-mines .ms-panel[data-kind="result"] .ms-result-stats{grid-template-columns:repeat(4,1fr);gap:4px;margin:9px 0}.gx-mines .ms-panel[data-kind="result"] .ms-result-stats>div{display:block;padding:5px 1px}.gx-mines .ms-panel[data-kind="result"] .ms-record-note{margin:8px 0;font-size:11px}
@media(orientation:landscape) and (max-height:340px) and (min-width:560px){.gx-mines .ms-shell:fullscreen,.gx-mines .ms-expanded{grid-template-rows:44px 88px 85px 32px minmax(0,1fr)}.gx-mines .ms-shell:fullscreen .ms-head,.gx-mines .ms-expanded .ms-head{margin-bottom:0}.gx-mines .ms-shell:fullscreen .ms-hud,.gx-mines .ms-expanded .ms-hud{gap:4px;margin-bottom:6px}.gx-mines .ms-shell:fullscreen .ms-hud>div,.gx-mines .ms-expanded .ms-hud>div{padding:2px 6px}.gx-mines .ms-shell:fullscreen .ms-hud strong,.gx-mines .ms-expanded .ms-hud strong{font-size:18px}.gx-mines .ms-shell:fullscreen .ms-hud span,.gx-mines .ms-expanded .ms-hud span{font-size:8px}.gx-mines .ms-shell:fullscreen .ms-controls button,.gx-mines .ms-expanded .ms-controls button{min-height:40px;padding:5px}.gx-mines .ms-shell:fullscreen .ms-footer,.gx-mines .ms-expanded .ms-footer{margin-top:3px;font-size:10px}.gx-mines .ms-shell:fullscreen .ms-status,.gx-mines .ms-expanded .ms-status{font-size:10px;margin-top:3px}.gx-mines .ms-shell:fullscreen .ms-panel,.gx-mines .ms-expanded .ms-panel{position:fixed;top:calc(50% + 22px);left:50%;width:min(calc(100% - 28px),600px);max-height:calc(100dvh - 62px);padding:10px 12px}.gx-mines .ms-expanded .ms-panel[data-kind="lobby"],.gx-mines .ms-shell:fullscreen .ms-panel[data-kind="lobby"]{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.gx-mines .ms-panel[data-kind="lobby"] .ms-eyebrow,.gx-mines .ms-panel[data-kind="lobby"] .ms-title,.gx-mines .ms-panel[data-kind="lobby"] .ms-modes,.gx-mines .ms-panel[data-kind="lobby"] .ms-note,.gx-mines .ms-panel[data-kind="lobby"] .ms-small{grid-column:1/-1}.gx-mines .ms-panel[data-kind="lobby"] .ms-level{margin:0}.gx-mines .ms-panel[data-kind="lobby"] .ms-primary{grid-column:2;align-self:center}.gx-mines .ms-panel[data-kind="checkpoint"] .ms-upgrades{grid-template-columns:repeat(3,1fr)}.gx-mines .ms-panel[data-kind="checkpoint"] .ms-upgrade{display:block;text-align:center;min-height:94px}.gx-mines .ms-panel[data-kind="checkpoint"] .ms-upgrade b{display:block;font-size:24px;line-height:1.1}.gx-mines .ms-panel[data-kind="checkpoint"] .ms-upgrade strong,.gx-mines .ms-panel[data-kind="checkpoint"] .ms-upgrade span{display:block}}
@media(orientation:portrait) and (max-height:650px){.gx-mines .ms-expanded .ms-panel,.gx-mines .ms-shell:fullscreen .ms-panel{padding:12px}.gx-mines .ms-expanded .ms-title,.gx-mines .ms-shell:fullscreen .ms-title{font-size:21px!important;margin-bottom:8px!important}.gx-mines .ms-expanded .ms-small,.gx-mines .ms-shell:fullscreen .ms-small{margin-top:8px}.gx-mines .ms-expanded .ms-note,.gx-mines .ms-shell:fullscreen .ms-note{font-size:11px;margin:6px 0}.gx-mines .ms-expanded .ms-level,.gx-mines .ms-shell:fullscreen .ms-level{margin:8px 0}}
@media(prefers-reduced-motion:reduce){.gx-mines *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}