/* A dedicated play surface: characters, requests, and the full nine-row board. */
:root{color-scheme:only light}
.merge-mode{background:linear-gradient(#83d6d6 0%,#c6f3df 26%,#77518d 27%,#634277 100%)!important}
.merge-mode::before{background:repeating-linear-gradient(90deg,transparent 0 24%,#36758755 24% 26%,transparent 26% 49%);opacity:1;filter:none;height:30%}
.merge-mode::after{display:none}
.merge-mode .hud{height:49px;flex-basis:49px;background:transparent;border:0;box-shadow:none;padding:5px 7px;gap:5px}
.merge-mode .avatar{width:39px;height:39px;flex-basis:39px;border:2px solid #eafaff}
.merge-mode .resources{gap:5px}.merge-mode .res{background:#fff5df;color:#565078;border:2px solid #a884bf;border-radius:18px;padding:3px 6px;font-size:13px;box-shadow:0 2px 0 #5b477966}
.merge-mode .res .ico{font-size:19px}.merge-mode .res .plus{width:23px;height:23px;background:#64c83c;color:white;border-radius:8px}
.merge-mode .topbtn{width:32px;height:32px;font-size:21px}
#mergeView>.logo,.merge-mode .customer-objective{display:none}
.merge-mode .game{gap:4px;padding:0 7px 55px;min-height:0}
.merge-mode .orders-strip{height:clamp(112px,18svh,175px);flex:0 0 clamp(112px,18svh,175px);gap:5px;margin:0;overflow:visible;align-items:end}
.merge-mode .order{height:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;opacity:1;overflow:visible;position:relative;display:flex;flex-direction:column;justify-content:end}
.customer-art{position:absolute;inset:0 0 39px;background:url('assets/customer-busts.webp') no-repeat;background-size:300% 100%;pointer-events:none;filter:drop-shadow(0 3px 1px #274a6655)}
.customer-art-0{background-position:0 0}.customer-art-1{background-position:50% 0}.customer-art-2{background-position:100% 0}
.merge-mode .order .head{z-index:1;position:absolute;left:4px;top:0;background:#ffffffdb;border-radius:7px;padding:2px 5px;max-width:95%}
.merge-mode .order .client{font-size:10px;max-width:110px;color:#514366}
.merge-mode .order .need{height:36px;min-height:36px;margin:0;padding:2px 6px;justify-content:flex-start;gap:2px;background:linear-gradient(#fff,#dfedf1);border:2px solid #fff;border-radius:9px;box-shadow:0 3px 0 #9d79ad;z-index:1}
.merge-mode .mini{height:31px;width:31px;background:none;border:0;border-radius:0}
.merge-mode .order .reward{top:auto;bottom:25px;right:3px;z-index:2;font-size:10px;color:#605076;background:#fff5d6;border-radius:6px;padding:1px 3px}
.merge-mode .order button{z-index:2;height:19px;min-height:19px;margin:2px 7px 0;border:0;border-radius:8px;font-size:10px;padding:0;color:white;background:#7b589c;box-shadow:none}
.merge-mode .order button:disabled{background:#e8ecf1;color:#777286;opacity:1}.merge-mode .order.ready button{background:#50ad3d}
.merge-mode .stage{min-height:0;flex:1;overflow:hidden;margin:0;align-items:center}
.merge-mode .board-shell{padding:2px;border:2px solid #b4e0d2;border-radius:3px;background:#428f96;box-shadow:0 3px 0 #3f667c;max-width:100%;align-self:center}
.merge-mode .board{gap:0;background:#438f95}
.merge-mode .cell,.merge-mode .cell:nth-child(2n){background:#65b8b4;border:1px solid #4ba5a6;border-radius:0;box-shadow:inset 0 1px #ffffff12;overflow:visible}
.merge-mode .cell.selected{outline:3px solid #9affff;outline-offset:-3px;box-shadow:inset 0 0 12px #daffff88;z-index:2}
.sprite{background-image:url('assets/merge-items.webp');mix-blend-mode:normal!important;display:block;filter:drop-shadow(0 2px 1px #274b5540)}
.merge-mode .cell .lvl{right:1px;bottom:1px;width:12px;height:12px;font-size:8px;background:#8356ac;border:1px solid #e4d4fb;opacity:.85}
.merge-mode .rail{display:none}
.merge-mode .detail{flex:0 0 49px;height:49px;min-height:49px;background:#f2f7ff;border:2px solid #c7b4e3;box-shadow:0 2px 0 #50356e;border-radius:12px;padding:3px 5px;gap:6px}
.merge-mode .detail .preview{width:40px;height:40px;background:#d3eeeb;border:0;border-radius:9px}
.merge-mode .detail .copy strong{font-size:12px;color:#5d4c80}.merge-mode .detail .copy span{display:block;font-size:10px;line-height:1.2;color:#78658c}
.merge-mode .detail .action{min-width:68px;height:38px;font-size:11px;border-radius:10px;border:2px solid #daf2ff;background:linear-gradient(#a077d5,#7352b1);color:white;padding:0 5px}
.merge-mode .toolbar{height:29px;flex:0 0 29px;overflow-x:auto;justify-content:flex-start;gap:4px;scrollbar-width:none;align-items:center}
.merge-mode .toolbar button{flex:0 0 auto;min-height:27px;height:27px;border:1px solid #bda0d0;padding:3px 8px;font-size:10px;display:flex;align-items:center;gap:3px;background:#79559a;color:#fff;white-space:nowrap;border-radius:8px}
.merge-mode .toolbar .ri{display:inline;font-size:13px}.merge-mode .toolbar small{display:none}.merge-mode .toolbar .ref-dog-icon{display:inline-block;width:18px;height:18px}
.merge-mode .nav{height:50px;background:linear-gradient(#a479bc,#704b8d);border-top:2px solid #bc9bce;box-shadow:none;padding:3px 5px}
.merge-mode .nav button{color:#f7eafa;font-size:9px;gap:0}.merge-mode .nav button .ni{font-size:19px}.merge-mode .nav button.active{background:#9e6ab9;box-shadow:inset 0 0 0 2px #e3c4e8}
@media(max-height:620px){.merge-mode .orders-strip{height:94px;flex-basis:94px}.merge-mode .hud{height:42px;flex-basis:42px}.merge-mode .detail{height:44px;min-height:44px;flex-basis:44px}}
.merge-mode .order button{position:static;flex:0 0 19px}
.merge-mode .customer-art{bottom:54px}
.merge-mode #detailPreview:empty{background-image:url('assets/merge-items.webp');background-size:400% 200%;background-position:100% 100%}
.merge-mode .orders-strip{height:clamp(135px,22svh,205px);flex-basis:clamp(135px,22svh,205px)}
.merge-mode .customer-art{left:50%;right:auto;width:auto;aspect-ratio:2/3;transform:translateX(-50%)}
@media(max-height:620px){.merge-mode .orders-strip{height:112px;flex-basis:112px}}