html.fatter-mobile,html.fatter-mobile body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
.fatter-mobile #game,.fatter-mobile #canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.fatter-mobile #game{height:100dvh}
#mobile-safe-area{position:fixed;width:0;height:0;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
/* "Rotate your device": the loading screen's sky with a paper phone and a
   marker arrow (colours and font from shell.css). */
#mobile-rotate{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--shell-sky,#5ebcff);color:var(--marker-ink,#1f1a17);text-align:center;font-family:"Fatter Marker","Comic Sans MS","Chalkboard SE",cursive;font-weight:800;padding:max(30px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));touch-action:none}
#mobile-rotate strong{font-size:27px;line-height:1.2;text-transform:lowercase;padding:0 10px;background:linear-gradient(transparent 52%,var(--marker-swipe,#ffc93c) 52% 92%,transparent 92%)}
#mobile-rotate p{max-width:270px;margin:0;font-size:17px;line-height:1.4}
.mobile-rotate-icon{display:block;width:58px;height:96px;margin:28px 0 8px;border:4px solid var(--marker-ink,#1f1a17);border-radius:14px 11px 13px 10px;background:var(--marker-paper,#fffdf6);box-shadow:4px 5px 0 var(--marker-shadow,#1f1a17);position:relative;transform:rotate(-8deg)}
.mobile-rotate-icon:before{content:"";position:absolute;left:50%;bottom:7px;width:14px;height:4px;margin-left:-7px;border-radius:2px;background:var(--marker-ink,#1f1a17)}
.mobile-rotate-icon:after{content:"↻";position:absolute;left:44px;top:-42px;font:800 52px/1 system-ui,sans-serif;color:var(--marker-ink,#1f1a17);transform:rotate(18deg)}
#mobile-nickname{position:fixed;z-index:8;box-sizing:border-box;margin:0;border:1px solid var(--guide-line,#cddae6);border-radius:10px;background:var(--guide-paper,#f9fcff);color:var(--guide-ink,#25343f);color-scheme:var(--guide-color-scheme,light);font:16px/1.25 system-ui,sans-serif;padding:6px 12px;outline:none;touch-action:manipulation;-webkit-user-select:text;user-select:text}
.fatter-mobile #legal-links{box-sizing:border-box;top:auto;bottom:env(safe-area-inset-bottom,0px);left:max(6px,env(safe-area-inset-left,0px));right:max(6px,env(safe-area-inset-right,0px));height:26px;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;max-width:none;gap:0 8px;padding:1px 8px 2px;font-size:10.5px;border-width:2px 2px 0;border-radius:10px 8px 0 0;box-shadow:none;transform:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch}
.fatter-mobile #legal-links>:first-child{margin-left:auto}
.fatter-mobile #legal-links>:last-child{margin-right:auto}
.fatter-mobile #legal-links a,.fatter-mobile #legal-links button{flex-shrink:0}
.fatter-mobile #legal-links .separator{display:none}
.fatter-mobile-playing #legal-links{display:none}
.fatter-mobile #support-dialog input:not([type=file]),.fatter-mobile #support-dialog select,.fatter-mobile #support-dialog textarea{font-size:16px}