*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:'Segoe UI',sans-serif;display:flex;flex-direction:column;background:#172b28;color:#e0ece4}.site-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:9px 23px;background:#233e36;border-bottom:1px solid #547161;box-shadow:0 2px 12px #10251e80;z-index:2}.site-strip>span{display:flex;align-items:center;gap:18px}.site-strip b{font-size:11px;letter-spacing:1.4px;color:#e8e3c7}.site-strip small{font-size:8px;letter-spacing:1px;color:#93b2a0}.site-strip>div{display:flex;align-items:center;gap:18px}.site-strip a,.site-strip button{font:600 10px 'Segoe UI',sans-serif;color:#e3e4cd;border:1px solid #607969;border-radius:5px;background:#324c3f;text-decoration:none;padding:6px 10px;cursor:pointer}.live-world{font-size:10px;color:#a6c0aa;white-space:nowrap}.live-world i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9bcf8a;margin-right:6px}.webclient-host{flex:1;min-height:0;width:100%;padding:10px 14px 14px}.webclient-host:fullscreen{padding:0;background:#172b28}.webclient-host iframe{width:100%;height:100%;display:block;border:2px solid #657e66;border-radius:10px;background:#eef3f0;box-shadow:0 5px 35px #07181077}@media(max-width:760px){.site-strip{padding:8px 12px;gap:10px;min-height:42px}.site-strip b{font-size:9px;letter-spacing:.6px}.site-strip small,.live-world{display:none}.site-strip>div{gap:7px}.site-strip a,.site-strip button{font-size:8px;padding:5px 7px}.webclient-host{padding:5px}.webclient-host iframe{border-radius:7px}}

/* The website frame follows the mobile browser's visible viewport, including
   address-bar changes and landscape safe areas. */
html{height:100%}body{height:100dvh;min-height:0}.webclient-host{padding-bottom:max(5px,env(safe-area-inset-bottom))}
@media(max-width:1180px){.site-strip{min-width:0}.site-strip>span,.site-strip>div{min-width:0}.site-strip>span{gap:8px}.site-strip small,.live-world{display:none}.site-strip>div{gap:7px}.site-strip a,.site-strip button{white-space:nowrap}}
@media(max-width:600px){.site-strip{flex-wrap:wrap;justify-content:center;padding:6px 8px;gap:5px}.site-strip>span{width:100%;justify-content:center}.site-strip>div{width:100%;justify-content:center;flex-wrap:wrap}.site-strip a,.site-strip button{font-size:9px;min-height:28px;padding:5px 7px}.webclient-host{padding:3px}.webclient-host iframe{border-width:1px}}
@media(max-height:600px) and (orientation:landscape){.site-strip{min-height:29px;padding:3px max(8px,env(safe-area-inset-right)) 3px max(8px,env(safe-area-inset-left));gap:8px;flex-wrap:nowrap;justify-content:space-between}.site-strip>span{width:auto;flex:none}.site-strip>div{width:auto;justify-content:flex-end}.site-strip b{font-size:8px;letter-spacing:.3px}.site-strip a,.site-strip button{font-size:8px;padding:3px 6px;min-height:23px}.webclient-host{padding:2px}.webclient-host iframe{border-radius:3px}}