html,body{margin:0;height:100%;overflow:hidden;font-family:Tahoma,Verdana,sans-serif;background:#73b6ff;color:#06224b}button,input{font:inherit}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.screen{position:fixed;inset:0;display:none;place-items:center;background:linear-gradient(#7fc7ff,#d8f5ff);z-index:20}.screen.active{display:grid}.winbox,.panel{background:rgba(231,247,255,.82);border:2px solid #fff;box-shadow:inset 0 0 0 1px #5a9cff,0 10px 40px #164d8470;border-radius:8px;padding:18px;backdrop-filter:blur(9px)}.winbox{width:min(380px,86vw);display:grid;gap:10px}.winbox h1{margin:0;font-size:42px;color:#005bd7;text-shadow:2px 2px #fff}.winbox h2{margin:0 0 8px}.row{display:flex;gap:8px}.row>*{flex:1}input{padding:12px;border:2px solid #2a7de1;border-radius:4px;background:#fff}button{border:2px solid #064bb0;border-radius:4px;padding:10px 12px;background:linear-gradient(#fff,#8fd3ff);color:#06224b;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.06)}#loginError,#toast{color:#a40018;font-weight:700}#hud.hidden,.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud>*{pointer-events:auto}#stats{position:absolute;left:12px;top:10px;background:#e8fbffcc;border:2px solid #fff;border-radius:6px;padding:8px 10px;font-weight:700}#hint{position:absolute;left:12px;bottom:120px;background:#013f8dd6;color:#fff;border:1px solid #9be3ff;border-radius:6px;padding:8px;font-size:13px;line-height:1.45}#menuBtn{position:absolute;right:12px;top:10px;width:44px;height:44px;font-size:24px;padding:0}.panel{position:absolute;color:#061d42}#menu{right:12px;top:62px;width:230px;line-height:1.7}#chat{left:12px;bottom:12px;width:min(390px,45vw);padding:8px}#messages{height:135px;overflow:auto;font-size:13px;color:#001b45;text-shadow:0 1px #fff}#messages div{margin:2px 0}#chatInput{width:100%;box-sizing:border-box;margin-top:6px;padding:8px;display:none}#chatInput.active{display:block}#shop{right:12px;bottom:86px;width:270px}#shop h3{margin:0 0 8px}#shopItems{display:grid;gap:7px}#map{left:50%;top:50%;transform:translate(-50%,-50%)}#mini{background:#b7ee9e;border:2px solid #33833c}#toast{position:absolute;top:64px;left:50%;transform:translateX(-50%);background:#fff;border:2px solid #2a7de1;border-radius:6px;padding:8px 14px;display:none}#mobile{display:none;position:absolute;inset:auto 0 14px 0;padding:0 12px;justify-content:space-between;align-items:end}#joy{width:116px;height:116px;border-radius:50%;background:#ffffff70;border:2px solid #1675d1;position:relative}#joy i{position:absolute;left:38px;top:38px;width:38px;height:38px;border-radius:50%;background:#0b68d8}#mobile button{min-width:58px;height:48px;padding:4px;font-size:12px}#radio{right:12px;bottom:12px;display:flex;gap:6px;padding:8px}#rotate{display:none;position:fixed;inset:0;z-index:50;background:#80cfff;color:#001b45;place-items:center;text-align:center;font-size:26px;font-weight:700}#rotate button{display:block;margin-top:18px}@media (pointer:coarse){#hint{display:none}#mobile{display:flex}#chat{width:46vw;bottom:76px}body.portrait #rotate{display:grid}}@media(max-width:800px){#chat{width:52vw}#shop{width:230px}.winbox h1{font-size:34px}}