*{box-sizing:border-box}html{min-height:100%}html,body{touch-action:pan-y}body{background-image:url(/ui/background.png);background-position:50%;background-size:cover;min-width:280px;min-height:100svh;margin:0}#app{width:min(100%,560px);min-height:100svh;padding:max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;margin-inline:auto;display:flex}h1{margin:0}.heading{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.heading h1{max-width:100%}.title-art{object-fit:contain;width:min(100%,400px);height:96px;display:block}.category{place-items:center;height:40px;display:grid}.category img{object-fit:contain;width:160px;height:48px;display:block}.picture-area{flex:1;align-items:center;width:100%;padding-block:16px;display:grid}#picture{all:unset;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%;display:block;position:relative}#word-art{aspect-ratio:1;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}#picture[aria-disabled=true]{cursor:default}.picture-face{transform-origin:50%;padding:clamp(40px,10vw,52px) clamp(28px,7vw,40px) clamp(56px,15vw,76px);transition:transform .15s cubic-bezier(.2,.8,.3,1);display:block;position:relative}.button-shadow{object-fit:fill;pointer-events:none;opacity:.64;width:100%;height:100%;transition:transform .15s cubic-bezier(.2,.8,.3,1),opacity .15s ease-out;position:absolute;inset:0}#picture[data-pressed=true] .picture-face{transition-duration:90ms;transform:translateY(3px)scale(.976)}#picture[data-pressed=true] .button-shadow{opacity:.36;transition-duration:90ms;transform:translateY(1px)scale(.976,.988)}.focus-art{pointer-events:none;object-fit:contain;width:100%;height:100%;display:none;position:absolute;inset:0}#picture:focus-visible .focus-art{display:block}.feedback{place-items:center;width:100%;height:60px;display:grid}.feedback img{object-fit:contain;width:min(100%,370px);height:60px}.feedback[hidden]{visibility:hidden;display:block}footer{width:100%;height:38px}footer img{object-fit:contain;width:min(100%,340px);height:38px;margin-inline:auto;display:block}.ui-frame{max-width:100%;margin-inline:auto;display:block;position:relative;overflow:hidden}.ui-frame img{object-fit:fill;max-width:none;margin:0;display:block;position:absolute}[hidden]{display:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (height<=700px){#app{padding-top:12px}.title-art{height:72px}.picture-area{padding-block:8px}}@media (orientation:landscape) and (height<=600px){#app{width:min(100%,440px)}}@media (prefers-reduced-motion:reduce){.picture-face,.button-shadow{transition:none}#picture[data-pressed=true] .picture-face,#picture[data-pressed=true] .button-shadow{transform:none}}