/* styles/base.css - page, canvas, hidden attr, paper-icon sizing */
html, body { margin:0; height:100%; background:#f2ead8; overflow:hidden; overscroll-behavior:none; -webkit-text-size-adjust:100%;
  font-family:"Avenir Next","Nunito","Trebuchet MS",sans-serif; color:#4a4238; }
canvas { display:block; width:100vw; height:100vh; cursor:pointer; touch-action:none; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; }
[hidden] { display:none !important; }
.pi { display:inline-block; vertical-align:-0.22em; overflow:visible; filter:drop-shadow(0 1.5px 0 rgba(70,55,30,.28)); }
i[data-icon] { display:inline-block; font-style:normal; line-height:0; vertical-align:-0.22em; }