*{box-sizing:border-box;margin:0;padding:0;font-family:ui-monospace,Menlo,monospace}body,html{height:100%}body{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100dvh;background:#222;color:#fff;overflow:hidden}a{color:inherit}.link-row,.view-toggle{position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;width:max-content;max-width:calc(100% - 32px);font-size:15px;z-index:1}.view-toggle{top:4vh}.link-row{bottom:4vh;gap:0;white-space:pre}.view-toggle .active{text-decoration:underline}.link-row a,.view-toggle a{text-decoration:none;opacity:.7;transition:opacity .15s}.link-row a:hover,.view-toggle a:hover{opacity:1;text-decoration:underline}.card-instructions{position:absolute;top:10vh;left:50%;transform:translateX(-50%);width:100%;opacity:.6;pointer-events:none;transition:opacity 6s ease-out;z-index:1}.card-instructions.fade-out{opacity:0}.mobile-instructions{display:none}.canvas-container,.canvas-container canvas{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.canvas-container{width:100vw!important;height:100dvh!important;cursor:-webkit-grab;cursor:grab}.canvas-container:active{cursor:-webkit-grabbing;cursor:grabbing}@media (max-width:768px){.desktop-instructions{display:none}.mobile-instructions{display:block}}