.playfield{display:flex;flex-direction:column;background:#20342e}#game{position:relative;inset:auto;flex:1 1 0;min-height:0;height:0;width:100%;min-width:0}.control-dock{position:relative;flex:0 0 calc(150px + env(safe-area-inset-bottom));background:#20342e;border-top:1px solid #50684f;padding-bottom:env(safe-area-inset-bottom);overflow:hidden}.control-dock .map-tag{display:none}.control-dock .touch{left:max(12px,env(safe-area-inset-left));bottom:calc(9px + env(safe-area-inset-bottom));opacity:1}.control-dock .touch button{width:60px;height:58px;margin:3px}.control-dock .minimap-wrap{top:8px;right:max(12px,env(safe-area-inset-right));bottom:auto;width:112px;box-shadow:none}.control-dock .minimap-wrap span{font-size:7px;letter-spacing:0;padding:3px}.control-dock #overview{height:44px;width:112px;right:max(12px,env(safe-area-inset-right));bottom:calc(7px + env(safe-area-inset-bottom));padding:8px 3px;font-size:10px}#toast{position:fixed;top:calc(55px + env(safe-area-inset-top));bottom:auto;left:50%;transform:translateX(-50%);z-index:12;padding:10px 14px;max-width:90%;font-size:12px;box-shadow:0 3px 12px #10271d33}.unlock-card{background:linear-gradient(135deg,#e8f4d9,#f7f5e6);border:2px solid #69a744;border-radius:13px;padding:14px;margin:14px 0;text-align:center}.unlock-card[hidden]{display:none}.unlock-card .unlock-label{font-size:10px;font-weight:800;letter-spacing:1px;color:#39762d;margin:0 0 6px}.unlock-card h3{font:800 27px 'Barlow Condensed',sans-serif;color:#284529;margin:0 0 3px}.unlock-card p{font-size:12px;color:#51664b;margin:4px 0 10px}.unlock-art{position:relative;width:160px;margin:0 auto 5px}.unlock-art svg{width:160px;height:77px}.unlock-art img{position:absolute;width:27px;height:27px;left:39px;top:18px}.unlock-card button{border:0;border-radius:8px;background:#3e8734;color:#fff;font-weight:700;width:100%;min-height:44px;padding:10px}.modal.has-unlock .modal-logo{display:none}.modal.has-unlock h2{font-size:29px}.modal.has-unlock #modalText{margin:6px 0}.modal.has-unlock #modalHint{font-size:10px}.modal.has-unlock .primary{margin:4px 0 12px}.modal.has-unlock .secondary{margin-bottom:6px}@media(min-width:740px){.playfield{flex-direction:row}#game{width:0;height:100%;flex:1 1 0}.control-dock{flex:0 0 calc(212px + env(safe-area-inset-right));height:100%;border-top:0;border-left:1px solid #50684f}.control-dock .minimap-wrap{width:180px;left:15px;right:auto;top:16px}.control-dock .touch{left:7px;bottom:max(14px,env(safe-area-inset-bottom))}.control-dock #overview{top:164px;bottom:auto;left:15px;right:auto;width:180px}.control-dock .touch button{width:60px;height:58px}}@media(max-width:359px){.control-dock .touch{left:5px}.control-dock .touch button{width:54px;height:56px;margin:2px}.control-dock .minimap-wrap,.control-dock #overview{right:7px;width:106px}}@media(max-height:500px) and (min-width:600px){.playfield{flex-direction:row}#game{width:0;height:100%;flex:1 1 0}.control-dock{flex:0 0 calc(190px + env(safe-area-inset-right));height:100%;border-top:0;border-left:1px solid #50684f}.control-dock .minimap-wrap{width:104px;top:7px;left:8px;right:auto}.control-dock .minimap-wrap span{display:none}.control-dock #overview{top:9px;left:auto;right:7px;width:62px;height:64px;padding:5px;font-size:10px}.control-dock .touch{left:7px;bottom:max(7px,env(safe-area-inset-bottom))}.control-dock .touch button{width:54px;height:46px;margin:2px}#toast{top:43px}.unlock-card{padding:10px;margin:8px 0}.unlock-art{display:none}.unlock-card h3{font-size:23px}.modal.has-unlock h2{font-size:25px}}

.control-dock .touch .lane-control{font-size:10px;background:#c9dfbb;color:#24472d;font-weight:800}