.phone{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.phone body,.phone canvas{height:100dvh}.phone button,.phone input,.phone select{font:inherit;font-size:16px}.phone button{min-height:44px;border:1px solid #527c70;background:#122a29;color:#e3e8d1;border-radius:8px;padding:10px 14px;touch-action:none}.phone button:active,.phone button.active{background:#416f5c;border-color:#beedbd}.phone input,.phone select{width:100%;min-height:48px;margin:7px 0 18px;padding:10px;background:#0c1c23;color:#eef5e5;border:1px solid #6e9a88;border-radius:6px;user-select:text;touch-action:manipulation}.phone label{display:block;text-align:left;margin-top:16px}.phone small{display:block;color:#96b4ad}.phone h2{font-size:23px;font-weight:normal}.phone p{line-height:1.5}.phone [hidden]{display:none!important}
.phone button:disabled{opacity:.45}#phone-panel{display:grid;gap:10px}#calendar-live-clock{font-size:42px;font-variant-numeric:tabular-nums;color:#bfe5c2}.phone-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.phone-calendar span,.phone-calendar b{padding:9px 2px}.phone-calendar .today{background:#47715b;border-radius:6px}.phone-inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.phone-inventory button{overflow-wrap:anywhere;font-size:13px}
.phone img[data-icon]{image-rendering:pixelated;object-fit:contain;display:block;margin:auto}#touch-hotbar img{width:27px;height:27px}#touch-info{position:absolute;top:55px;left:18px;right:18px;font-size:11px;color:#d6edcd;text-shadow:0 1px 3px black;line-height:1.4;max-height:44px;overflow:hidden}#touch-reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#d9eccecc}
#phone-menu{position:fixed;inset:0;background:radial-gradient(ellipse at top,#203633,#08151e 70%);padding:max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-bottom));overflow:auto;touch-action:pan-y;text-align:center;z-index:20}#phone-menu header,#phone-content,#phone-menu footer,#phone-message{max-width:540px;margin-left:auto;margin-right:auto}#phone-menu header span{font-size:11px;letter-spacing:3px;color:#abd0af}#phone-menu h1{font-size:clamp(32px,8vw,48px);letter-spacing:-2px;margin:14px 0 6px}#phone-content{margin-top:24px;display:grid;gap:10px}#phone-menu footer{margin-top:24px;font-size:11px;line-height:1.6;color:#839e98}#phone-message{font-size:12px;color:#f0cc8d}#phone-worlds{display:grid;gap:14px}#phone-worlds article{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;background:#0c2028;padding:16px;border:1px solid #345955;border-radius:9px}#phone-worlds strong,#phone-worlds small{grid-column:1/-1;overflow-wrap:anywhere}.phone .danger{border-color:#a36d62;color:#f4baad}
#touch-game{position:fixed;inset:0;pointer-events:none;z-index:10}#touch-game button,#touch-stick,#touch-look{pointer-events:auto}#touch-top{position:absolute;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:max(6px,env(safe-area-inset-top));display:flex;align-items:center;gap:5px}#touch-top button{font-size:12px;padding:6px 10px;background:#0b2029d9}#phone-clock{flex:1;color:#c9e5c8;font-size:11px;text-shadow:0 1px 3px #000}#touch-look{position:absolute;left:33%;right:0;top:60px;bottom:155px;touch-action:none}#touch-stick{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:152px;width:118px;height:118px;border-radius:50%;border:1px solid #c6efc566;background:#19332e50;touch-action:none;display:grid;place-items:center}#touch-stick i{display:block;width:46px;height:46px;border-radius:50%;border:1px solid #b8deb2;background:#62917880;pointer-events:none}#touch-actions{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:142px;display:grid;grid-template-columns:repeat(2,86px);gap:7px}#touch-actions button{background:#102a2edb;font-size:12px;padding:8px 5px;min-height:46px}#touch-hotbar{position:absolute;bottom:83px;left:8px;right:8px;display:flex;justify-content:center;gap:4px;overflow-x:auto;pointer-events:auto;touch-action:pan-x}#touch-hotbar button{flex:0 0 48px;max-width:68px;height:49px;font-size:9px;padding:4px;overflow:hidden}#touch-more{position:absolute;bottom:max(15px,env(safe-area-inset-bottom));left:8px;right:8px;display:flex;gap:5px;overflow:auto;pointer-events:auto;touch-action:pan-x}#touch-more button{flex:0 0 auto;min-width:64px;font-size:11px;padding:8px;background:#122b2edb}#touch-ui-back{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:12;display:flex;align-items:center;gap:10px;background:#102027e8;padding:6px;border-radius:9px}#touch-ui-back span{flex:1;font-size:11px;color:#b6cdc4}#phone-delete{max-width:calc(100% - 32px);width:460px;background:#10262b;color:#d9e8da;border:1px solid #75927e;border-radius:12px;padding:24px;z-index:30}#phone-delete::backdrop{background:#000b}#phone-delete div{display:flex;gap:12px;justify-content:flex-end}#phone-delete-name{overflow-wrap:anywhere}
@media(max-height:500px){#phone-menu header h1{font-size:29px;margin:5px}#phone-menu header span,#phone-menu footer{display:none}#phone-content{margin-top:12px;max-width:650px}#phone-content>button{min-height:42px;padding:7px}#touch-stick{bottom:94px;width:105px;height:105px}#touch-actions{bottom:88px;grid-template-columns:repeat(3,78px);gap:4px}#touch-actions button{min-height:42px}#touch-look{bottom:114px}#touch-hotbar{bottom:53px;left:130px;right:150px}#touch-hotbar button{height:42px;min-height:42px;flex-basis:42px;font-size:8px}#touch-more{bottom:5px}#touch-more button{min-height:40px}#touch-top button{min-height:36px}#touch-top{top:3px}}