*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.15em;fill:currentColor;flex-shrink:0}:root{--bg: #faf8ef;--text: #776e65;--text-light: #bbada0;--accent: #f65e3b;--board-bg: #bbada0;--gap: 12px;--radius: 6px;--cell-size: min( calc((100vw - 48px)/4) , calc((100vh - 230px)/4) , 100px);--font: "Clear Sans", "Helvetica Neue", Arial, sans-serif}body[data-theme=neon]{--bg: #0d0d1a;--text: #c0c8ff;--text-light: #6068aa;--accent: #ff2dff;--board-bg: #1a1a3e}body[data-theme=neon] .cell{box-shadow:inset 0 0 0 1px #ffffff0f}body[data-theme=neon] .cell.filled{text-shadow:0 0 12px var(--fg);box-shadow:0 0 12px color-mix(in srgb,var(--bg) 30%,transparent)}body[data-theme=neon] .score-box{background:#1a1a3e;border:1px solid #333366}body[data-theme=neon] .lb-panel{background:#12122a;border:1px solid #2a2a55;color:var(--text)}body[data-theme=neon] .lb-panel h3{color:var(--text-light)}body[data-theme=neon] .overlay-box{background:#12122a;color:var(--text)}body[data-theme=neon] .win-banner{background:#50a}body[data-theme=neon] .hint{color:var(--text-light)}body[data-theme=pastel]{--bg: #fdf4ff;--text: #7a6085;--text-light: #b09ac0;--accent: #e070d0;--board-bg: #d8c0e8}body[data-theme=pastel] .score-box{background:#d8c0e8}body[data-theme=pastel] .lb-panel{background:#fff0ff;border:1px solid #e8d8f0}body[data-theme=pastel] .overlay-box{background:#fff0ff;color:var(--text)}body[data-theme=pastel] .win-banner{background:#e8a0d8}body[data-theme=retro]{--bg: #1a1200;--text: #ffcc00;--text-light: #886600;--accent: #ff6600;--board-bg: #3d2b00;--font: "Courier New", Courier, monospace}body[data-theme=retro] .logo{color:#fc0;text-shadow:2px 2px 0 #ff6600}body[data-theme=retro] .score-box{background:#3d2b00;border:2px solid #ffcc00}body[data-theme=retro] .cell{border:2px solid rgba(255,204,0,.15)}body[data-theme=retro] .cell.filled{border-color:#fc06}body[data-theme=retro] .lb-panel{background:#1a1200;border:2px solid #3d2b00;color:var(--text)}body[data-theme=retro] .lb-panel h3{color:#860}body[data-theme=retro] .overlay-box{background:#1a1200;color:#fc0;border:2px solid #ffcc00}body[data-theme=retro] .win-banner,body[data-theme=retro] .btn-primary{background:#f60}[data-value="2"]{--bg: #eee4da;--fg: #776e65}[data-value="4"]{--bg: #ede0c8;--fg: #776e65}[data-value="8"]{--bg: #f2b179;--fg: #f9f6f2}[data-value="16"]{--bg: #f59563;--fg: #f9f6f2}[data-value="32"]{--bg: #f67c5f;--fg: #f9f6f2}[data-value="64"]{--bg: #f65e3b;--fg: #f9f6f2}[data-value="128"]{--bg: #edcf72;--fg: #f9f6f2}[data-value="256"]{--bg: #edcc61;--fg: #f9f6f2}[data-value="512"]{--bg: #edc850;--fg: #f9f6f2}[data-value="1024"]{--bg: #edc53f;--fg: #f9f6f2}[data-value="2048"]{--bg: #edc22e;--fg: #f9f6f2}[data-value=super]{--bg: #3c3a32;--fg: #f9f6f2}body[data-theme=neon] [data-value="2"]{--bg: #1e0d36;--fg: #d4aaff}body[data-theme=neon] [data-value="4"]{--bg: #0d1536;--fg: #80b8ff}body[data-theme=neon] [data-value="8"]{--bg: #001f1f;--fg: #00ffcc}body[data-theme=neon] [data-value="16"]{--bg: #1f1f00;--fg: #ffff00}body[data-theme=neon] [data-value="32"]{--bg: #1f0800;--fg: #ff8800}body[data-theme=neon] [data-value="64"]{--bg: #1f0000;--fg: #ff4444}body[data-theme=neon] [data-value="128"]{--bg: #0f1f00;--fg: #88ff44}body[data-theme=neon] [data-value="256"]{--bg: #001f10;--fg: #44ff99}body[data-theme=neon] [data-value="512"]{--bg: #1f001f;--fg: #ff44ff}body[data-theme=neon] [data-value="1024"]{--bg: #1f1a00;--fg: #ffee44}body[data-theme=neon] [data-value="2048"]{--bg: #002020;--fg: #00ffff}body[data-theme=neon] [data-value=super]{--bg: #ffffff18;--fg: #ffffff}body[data-theme=pastel] [data-value="2"]{--bg: #f9e8ff;--fg: #9b6bb5}body[data-theme=pastel] [data-value="4"]{--bg: #e8f0ff;--fg: #6b7fb5}body[data-theme=pastel] [data-value="8"]{--bg: #fff0e8;--fg: #c07048}body[data-theme=pastel] [data-value="16"]{--bg: #ffe8f0;--fg: #c0406b}body[data-theme=pastel] [data-value="32"]{--bg: #efffea;--fg: #507050}body[data-theme=pastel] [data-value="64"]{--bg: #eafff5;--fg: #287055}body[data-theme=pastel] [data-value="128"]{--bg: #fff8ea;--fg: #a07830}body[data-theme=pastel] [data-value="256"]{--bg: #f5ffea;--fg: #607830}body[data-theme=pastel] [data-value="512"]{--bg: #eaf4ff;--fg: #306890}body[data-theme=pastel] [data-value="1024"]{--bg: #f0eaff;--fg: #6030a0}body[data-theme=pastel] [data-value="2048"]{--bg: #ffeaff;--fg: #a030a0}body[data-theme=pastel] [data-value=super]{--bg: #e0d0e8;--fg: #5a3a6a}body[data-theme=retro] [data-value="2"]{--bg: #3d0000;--fg: #ff6666}body[data-theme=retro] [data-value="4"]{--bg: #003d00;--fg: #66ff66}body[data-theme=retro] [data-value="8"]{--bg: #00003d;--fg: #6666ff}body[data-theme=retro] [data-value="16"]{--bg: #3d3d00;--fg: #ffff66}body[data-theme=retro] [data-value="32"]{--bg: #3d001a;--fg: #ff66aa}body[data-theme=retro] [data-value="64"]{--bg: #001a3d;--fg: #66aaff}body[data-theme=retro] [data-value="128"]{--bg: #1a3d00;--fg: #aaff66}body[data-theme=retro] [data-value="256"]{--bg: #3d1a00;--fg: #ffaa66}body[data-theme=retro] [data-value="512"]{--bg: #003d1a;--fg: #66ffaa}body[data-theme=retro] [data-value="1024"]{--bg: #1a003d;--fg: #aa66ff}body[data-theme=retro] [data-value="2048"]{--bg: #3d3d3d;--fg: #ffffff}body[data-theme=retro] [data-value=super]{--bg: #555555;--fg: #ffffff}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background .3s,color .3s}#app{max-width:900px;margin:0 auto;padding:12px 16px 24px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.header-left{display:flex;align-items:center;gap:16px}.header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.logo{font-size:2.8rem;font-weight:800;color:var(--text);line-height:1;transition:color .3s,text-shadow .3s}.mode-tabs{display:flex;gap:4px;flex-wrap:wrap}.mode-tab{padding:6px 14px;border:2px solid var(--board-bg);background:transparent;border-radius:20px;font-size:.82rem;font-weight:700;color:var(--text-light);cursor:pointer;transition:all .15s;font-family:var(--font)}.mode-tab.active,.mode-tab:hover{background:var(--accent);border-color:var(--accent);color:#fff}.mode-tab-tournament{border-color:#edcf72;color:#a07030}.mode-tab-tournament.active,.mode-tab-tournament:hover{background:#edcf72;border-color:#edcf72;color:#fff}.score-box{background:var(--board-bg);border-radius:var(--radius);padding:6px 14px;text-align:center;min-width:72px;transition:background .3s}.score-label{display:block;font-size:.65rem;font-weight:700;color:#f9f6f2;letter-spacing:1px}.score-value{display:block;font-size:1.2rem;font-weight:800;color:#fff}.user-info{display:flex;align-items:center;gap:6px}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-crown{font-size:1rem;line-height:1}.user-name{font-size:.85rem;font-weight:600;color:var(--text-light);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-upgrade{padding:5px 12px;font-size:.75rem;background:linear-gradient(135deg,#edcf72,#f0a040);color:#fff;border-radius:20px;border:none;cursor:pointer;font-weight:700;white-space:nowrap;transition:filter .15s}.btn-upgrade:hover{filter:brightness(1.1)}.streak-box{display:flex;align-items:center;gap:3px;background:linear-gradient(135deg,#ff6b35,#f7c59f);border-radius:var(--radius);padding:6px 10px}.streak-fire{font-size:1rem;line-height:1}.streak-count{font-size:1.1rem;font-weight:800;color:#fff;line-height:1}.btn-undo{background:var(--board-bg);color:#fff;display:flex;align-items:center;gap:5px}.btn-undo:disabled{opacity:.45;cursor:not-allowed;filter:none}.undo-count{background:#ffffff40;border-radius:10px;padding:1px 6px;font-size:.75rem;font-weight:800}.controls{display:flex;gap:8px;margin-bottom:12px}.btn{padding:10px 20px;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:700;cursor:pointer;transition:filter .1s;font-family:var(--font)}.btn:hover{filter:brightness(1.08)}.btn:active{filter:brightness(.92)}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--board-bg);color:#fff}.btn-sm{padding:6px 14px;font-size:.8rem;background:#ffffff40;color:#fff;border-radius:20px}.btn-block{width:100%;margin-top:14px;padding:12px;font-size:1rem}.theme-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.theme-label{font-size:.78rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.theme-picker{display:flex;gap:6px;flex-wrap:wrap}.theme-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border:2px solid var(--board-bg);background:transparent;border-radius:20px;font-size:.8rem;font-weight:700;color:var(--text-light);cursor:pointer;transition:all .15s;position:relative;font-family:var(--font)}.theme-btn:hover{border-color:var(--accent);color:var(--text)}.theme-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.theme-btn.locked{opacity:.65}.theme-btn.locked:hover{opacity:1}.theme-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.theme-dot--default{background:linear-gradient(135deg,#f2b179,#edc22e)}.theme-dot--neon{background:linear-gradient(135deg,#f4f,#4fc)}.theme-dot--pastel{background:linear-gradient(135deg,#f9b8ff,#b8d8ff)}.theme-dot--retro{background:linear-gradient(135deg,#f60,#fc0)}.lock-badge{font-size:.65rem}.tournament-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#3d2b00,#5d4510);color:#fc0;padding:8px 14px;border-radius:var(--radius);margin-bottom:12px;font-weight:700;font-size:.9rem;border:1px solid #edcf72}.tournament-timer{font-variant-numeric:tabular-nums;letter-spacing:1px}.main-area{display:flex;gap:24px;align-items:flex-start}.game-col{flex:0 0 auto}.lb-col{flex:1 1 200px;min-width:0}.board-wrap{position:relative}.board{display:grid;grid-template-columns:repeat(4,var(--cell-size));grid-template-rows:repeat(4,var(--cell-size));gap:var(--gap);background:var(--board-bg);border-radius:8px;padding:var(--gap);touch-action:none;transition:background .3s}.cell{width:var(--cell-size);height:var(--cell-size);background-color:var(--bg, #cdc1b4);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,4vw,2rem);font-weight:800;color:var(--fg, #776e65);font-family:var(--font);transition:background-color .08s}.cell.filled{animation:pop .15s cubic-bezier(.34,1.56,.64,1)}.cell.merged{animation:merge-pop .22s cubic-bezier(.34,1.8,.64,1)}.cell.small-text{font-size:clamp(.65rem,2.5vw,1.1rem)}@keyframes pop{0%{transform:scale(0);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes merge-pop{0%{transform:scale(.85)}55%{transform:scale(1.25)}75%{transform:scale(.95)}to{transform:scale(1)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#eee4daba;border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:10;animation:fadein .25s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.overlay-box{text-align:center;padding:24px 32px;background:#fff;border-radius:10px;box-shadow:0 4px 24px #00000026}.overlay-box h2{font-size:1.6rem;margin-bottom:8px}.overlay-label{color:var(--text-light);font-size:.9rem;margin-bottom:4px}.overlay-score{font-size:2.2rem;font-weight:800;color:var(--accent);margin-bottom:16px}.overlay-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.btn-share{background:#5865f2;color:#fff;border:none;display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:6px;font-weight:700;font-size:15px;cursor:pointer;transition:background .15s}.btn-share:hover{background:#4752c4}.btn-share .icon{width:16px;height:16px}#share-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(20px);background:#23272a;color:#fff;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:9999;white-space:nowrap}#share-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.win-banner{position:absolute;bottom:0;left:0;right:0;background:#edcf72;color:#fff;padding:10px 16px;border-radius:0 0 8px 8px;display:flex;align-items:center;justify-content:space-between;font-weight:700;z-index:9}.lb-panel{background:#fff;border-radius:8px;padding:14px 16px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f;transition:background .3s}.lb-panel h3{font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-light);margin-bottom:10px}.lb-empty{font-size:.85rem;color:var(--text-light)}.lb-premium-blur{filter:blur(4px);cursor:pointer;-webkit-user-select:none;user-select:none}.lb-premium-blur:hover{filter:blur(2px)}.lb-list{list-style:none;display:flex;flex-direction:column;gap:6px}.lb-entry{display:flex;align-items:center;gap:8px;font-size:.88rem}.lb-entry.lb-first .lb-name{font-weight:700}.lb-rank{width:18px;text-align:right;color:var(--text-light);font-weight:700;flex-shrink:0}.lb-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.lb-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--board-bg);color:#fff;font-size:.75rem;font-weight:700}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-weight:700;flex-shrink:0}.lb-tile{flex-shrink:0;padding:2px 6px;border-radius:4px;font-size:.72rem;font-weight:800;background:var(--board-bg);color:#fff}.lb-crown{font-size:.75rem;flex-shrink:0;color:#edcf72}.tile-2048{background:#edc22e}.tile-1024{background:#edc53f}.tile-512{background:#edc850}.tile-256{background:#edcc61}.tile-128{background:#edcf72}.hint{margin-top:10px;font-size:.78rem;color:var(--text-light);text-align:center}.btn-icon{background:none;border:1.5px solid var(--text-light);color:var(--text-light);border-radius:6px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;transition:color .15s,border-color .15s}.btn-icon:hover{color:var(--text);border-color:var(--text)}.btn-icon .icon{width:18px;height:18px}.game-meta{display:flex;gap:12px;align-items:center;margin-left:4px}.meta-item{display:flex;align-items:center;gap:4px;font-size:.82rem;font-weight:600;color:var(--text-light)}.meta-item .icon{width:13px;height:13px}@keyframes score-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.score-pop{animation:score-pop .35s ease}@keyframes best-flash{0%,to{color:var(--text-light)}50%{color:#f65e3b;transform:scale(1.15)}}.best-flash{animation:best-flash .6s ease}#achievement-toast{position:fixed;top:20px;right:20px;background:#23272a;color:#fff;padding:12px 18px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:14px;box-shadow:0 8px 32px #0000004d;opacity:0;transform:translate(120%);transition:opacity .3s,transform .3s;z-index:9997;pointer-events:none;min-width:220px}#achievement-toast.show{opacity:1;transform:translate(0)}.ach-icon{display:flex;align-items:center;flex-shrink:0}.ach-text{display:flex;flex-direction:column}.ach-text strong{font-size:15px;font-weight:700}.ach-text span{font-size:12px;opacity:.7;margin-top:2px}#combo-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-family:Arial Black,Arial,sans-serif;font-size:48px;font-weight:900;color:#f65e3b;text-shadow:0 4px 20px rgba(246,94,59,.6);pointer-events:none;z-index:9996;opacity:0}@keyframes combo-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}30%{transform:translate(-50%,-50%) scale(1.2);opacity:1}70%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}#combo-indicator.pop{animation:combo-pop .9s ease forwards}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:fadein .2s ease}.modal-box{background:#fff;border-radius:16px;padding:28px 28px 24px;max-width:560px;width:100%;position:relative;box-shadow:0 8px 48px #00000040;max-height:90vh;overflow-y:auto}.modal-box--sm{max-width:360px}.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.4rem;cursor:pointer;color:#999;line-height:1}.modal-close:hover{color:#333}.modal-header{text-align:center;margin-bottom:20px}.modal-header h2{font-size:1.6rem;margin-bottom:4px}.modal-sub{color:#999;font-size:.9rem}.modal-note{text-align:center;font-size:.75rem;color:#bbb;margin-top:16px}.product-list{display:flex;gap:16px;flex-wrap:wrap}.product-card{flex:1 1 200px;border:2px solid #eee;border-radius:12px;padding:18px;position:relative;transition:border-color .15s}.product-card:hover{border-color:var(--accent)}#card-premium{border-color:#edcf72}.product-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#c8a020,#edcf72,#fff8c0,#edcf72,#c8a020);background-size:300% 100%;color:#5a3a00;font-size:.65rem;font-weight:800;letter-spacing:1.5px;padding:3px 10px;border-radius:20px;white-space:nowrap;animation:badge-shimmer 2.4s linear infinite,badge-glow 1.8s ease-in-out infinite alternate;box-shadow:0 0 8px 2px #edcf72aa,0 0 18px 4px #edcf7255}@keyframes badge-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes badge-glow{0%{box-shadow:0 0 6px 2px #edcf72aa,0 0 14px 3px #edcf7240}to{box-shadow:0 0 14px 4px #edcf72ee,0 0 30px 8px #edcf7288}}.product-card h3{font-size:1.1rem;margin-bottom:6px}.product-price{font-size:1.5rem;font-weight:800;color:var(--accent)}.product-price span{font-size:.85rem;font-weight:400;color:#999}.product-features{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:5px;font-size:.85rem;color:#555}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-item{background:var(--bg);border-radius:var(--radius);padding:8px 10px;text-align:center}.stat-val{display:block;font-size:1.3rem;font-weight:800;color:var(--accent)}.stat-lbl{display:block;font-size:.68rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.overlay-stats{font-size:.85rem;color:#999;margin-bottom:12px}.tournament-info{background:#f8f8f8;border-radius:8px;padding:12px 16px;margin:16px 0}.t-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:4px 0}.t-info-row span{color:#999}.form-group{margin-bottom:14px}.form-label{display:block;font-size:.8rem;font-weight:700;color:#666;margin-bottom:5px}.form-optional{font-weight:400;color:#bbb}.form-input{width:100%;padding:9px 12px;border:2px solid #eee;border-radius:var(--radius);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.duration-picker{display:flex;gap:6px}.dur-btn{flex:1;padding:8px;border:2px solid #eee;background:transparent;border-radius:var(--radius);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .12s;font-family:inherit}.dur-btn:hover{border-color:var(--accent)}.dur-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.t-history{margin-top:20px;border-top:1px solid #eee;padding-top:14px}.t-history h4{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#aaa;margin-bottom:8px}.t-history-list{list-style:none;display:flex;flex-direction:column;gap:6px}.t-history-item{display:flex;justify-content:space-between;align-items:center;font-size:.83rem;background:#f8f8f8;border-radius:6px;padding:6px 10px}.t-history-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.t-history-winner{color:#edcf72;font-size:.75rem}.password-error{color:#e55;font-size:.85rem;margin-top:8px;text-align:center}@media(max-width:600px){.main-area{flex-direction:column}.lb-col{width:100%}:root{--cell-size: min( calc((100vw - 48px)/4) , calc((100vh - 260px)/4) )}.logo{font-size:2rem}.product-list{flex-direction:column}}@media(max-width:380px){:root{--gap: 8px;--cell-size: calc((100vw - 40px)/4) }#app{padding:8px 10px 16px}}@media(max-height:700px){:root{--cell-size: min( calc((100vw - 360px)/4) , calc((100vh - 190px)/4) , 92px)}#app{padding:8px 16px 16px}.header,.controls{margin-bottom:6px}.theme-row{margin-bottom:8px}.logo{font-size:2.2rem}.lb-panel{padding:10px 12px;margin-bottom:10px}}@media(max-height:560px){:root{--gap: 8px;--cell-size: min( calc((100vw - 360px)/4) , calc((100vh - 160px)/4) , 80px)}.logo{font-size:1.8rem}.theme-row,.hint{display:none}}@media(min-width:601px)and (max-height:700px){.main-area{align-items:flex-start}.lb-col{max-height:calc(100vh - 170px);overflow-y:auto}}