/* ProA Grid V1 — compact mobile-first puzzle, independent of app-wide button rules */
.grid148{--grid-bg:#112134;--grid-edge:#354c64;--grid-accent:#e36d81;color:#f4f8fb;max-width:760px;margin:0 auto;padding:12px 0 110px;min-width:0}.grid148 *{box-sizing:border-box}.grid148-title,.grid148-head{border-bottom:1px solid #34475b;padding:8px 0 20px;margin-bottom:20px}.grid148-title small,.grid148-head small{color:#e9a9ba;font-size:10px;letter-spacing:.11em;font-weight:800}.grid148 h1{font-size:29px;letter-spacing:-.04em;margin:6px 0}.grid148-title p,.grid148-help{font-size:13px;color:#b5c8d8;line-height:1.6}.grid148-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid148-menu button{border:1px solid #4d627b;background:#1c2d43;color:#fff;border-radius:18px;text-align:left;padding:22px 15px;min-height:132px;display:flex;flex-direction:column;justify-content:center;gap:12px}.grid148-menu button strong{font-size:20px}.grid148-menu button span{font-size:12px;color:#bbcbda}.grid148-summary{display:flex;align-items:center;gap:12px;margin:20px 0;padding:14px;border:1px solid #30445b;background:#17283c;border-radius:13px}.grid148-summary b{font-size:22px}.grid148-summary span{color:#abc4d5;font-size:11px;margin-right:auto}.grid148-head{display:flex;align-items:center;gap:12px}.grid148-head>button{width:43px;height:43px;border:1px solid #40566d;border-radius:12px;background:#1c2f43;color:white;font-size:22px}.grid148-head>div:nth-child(2){flex:1;min-width:0}.grid148-head h1{margin:2px 0;font-size:25px}.grid148-hits{text-align:right}.grid148-hits b{display:block;font-size:23px}.grid148-hits span{font-size:10px;color:#b9d1df}.grid148-progress{display:flex;gap:5px;margin-bottom:15px}.grid148-progress i{flex:1;height:5px;background:#34485e;border-radius:99px}.grid148-progress .won{background:#4fd6a4}.grid148-progress .lost{background:#e7788c}
.grid148-board{display:grid;grid-template-columns:minmax(73px,.9fr) repeat(3,minmax(0,1fr));grid-template-rows:minmax(90px,auto) repeat(3,minmax(99px,auto));gap:5px;width:100%;max-width:720px}.grid148-corner,.grid148-colhead,.grid148-rowhead,.grid148-cell{border:1px solid #395571;border-radius:11px;background:#1a3048;color:#f2f8fc;min-width:0;padding:7px;display:flex;align-items:center;justify-content:center;text-align:center;overflow-wrap:anywhere}.grid148-corner{font-size:9px;letter-spacing:.04em;color:#8ca8c1}.grid148-colhead{flex-direction:column;gap:6px;font-weight:780;font-size:clamp(10px,2.3vw,13px)}.grid148-colhead .grid148-logo{width:42px;height:42px;object-fit:contain;border:0!important;background:transparent!important;box-shadow:none!important}.grid148-rowhead{font-size:clamp(10px,2.5vw,13px);font-weight:800;color:#f3d5de;background:#273044}.grid148-cell{cursor:pointer;font-size:20px;font-weight:870;flex-direction:column;gap:5px;background:linear-gradient(145deg,#19334c,#162a42);border-color:#486580}.grid148-cell:hover:not(:disabled){border-color:#e4b3c1;background:#253b54}.grid148-cell:focus-visible{outline:3px solid #e9a9b4}.grid148-cell.won{background:#164a43;border-color:#4bbfa4;color:#ecfff7;font-size:12px}.grid148-cell.lost{background:#493043;border-color:#bb6278;color:#fff1f2;font-size:12px}.grid148-cell:disabled{opacity:1;cursor:default}.grid148-cell small{font-size:10px;font-weight:630;color:#ccdbde}.grid148-status{display:flex;justify-content:space-between;gap:8px;margin-top:16px;padding:12px 4px;font-size:12px;color:#b8cbda}.grid148-status strong{color:#fff}.grid148-finish{background:#1b3249;border-radius:16px;border:1px solid #426785;padding:22px;margin-top:18px}.grid148-finish h2{font-size:22px;margin:0 0 8px}.grid148-finish p{color:#b9ceda}.grid148-finish button{border:0;border-radius:11px;color:#fff;background:#a83857;padding:13px 16px;margin-right:8px;margin-top:6px;min-height:44px}.grid148-error{border:1px solid #dd8d9d;color:#ffe6ea;padding:10px;border-radius:11px;background:#512639;font-size:12px}.grid148-picker-back{position:fixed;inset:0;background:#0009;z-index:250}.grid148-picker{position:fixed;bottom:0;left:0;right:0;max-height:min(82dvh,800px);background:#15263b;border:1px solid #4e6e86;border-radius:23px 23px 0 0;z-index:251;padding:18px max(15px,env(safe-area-inset-left,0px)) calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px #0009;display:flex;flex-direction:column}.grid148-picker-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:12px}.grid148-picker-head h2{font-size:19px;margin:3px 0}.grid148-picker-head small{font-size:11px;color:#bfd6e8}.grid148-picker-head button{min-width:44px;height:44px;background:#2a3c51;color:#fff;border:1px solid #58718a;border-radius:12px;font-size:22px}.grid148-picker input{width:100%;min-height:50px;border:1px solid #7290a5;border-radius:12px;background:#22384f;color:#fff;padding:12px 15px;font-size:16px;outline:none}.grid148-suggestions{overflow:auto;min-height:105px;max-height:48dvh;margin:12px 0;overscroll-behavior:contain}.grid148-suggestions button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:12px 8px;border:0;border-bottom:1px solid #324a62;background:transparent;color:#f6fafc;font-size:14px;min-height:48px}.grid148-suggestions button:disabled{opacity:.45}.grid148-suggestions p,.grid148-picker>p{color:#a4c0d3;font-size:11px}.grid148-suggestions button small{font-size:10px}.grid148 button{touch-action:manipulation}
@media(max-width:420px){.grid148{padding:0 0 105px}.grid148-board{grid-template-columns:minmax(66px,.83fr) repeat(3,minmax(0,1fr));grid-template-rows:85px repeat(3,94px);gap:4px}.grid148-colhead,.grid148-rowhead,.grid148-cell{padding:3px;border-radius:8px}.grid148-colhead .grid148-logo{width:33px;height:33px}.grid148-colhead{font-size:10px}.grid148-rowhead{font-size:10px}.grid148-cell.won,.grid148-cell.lost{font-size:10px}.grid148-menu{grid-template-columns:1fr}.grid148-menu button{min-height:99px}}
.grid148-shortcut{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 18px;border:1px solid #ab6781;background:linear-gradient(120deg,#493348,#1e3c4e);border-radius:14px;color:#fff;padding:17px 16px;min-height:64px;text-align:left;font-size:13px}.grid148-shortcut strong{font-size:17px}.grid148-shortcut span{font-size:11px;color:#efd1d9}