@charset "UTF-8";
:root{color-scheme:light;font-family:"PingFang SC",sans-serif;background:#fff7fa;color:#915775}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:center}
#stage{position:relative;width:min(100%,1000px);height:100%;min-height:0;max-height:1100px;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;outline:none}
#stage:active{cursor:grabbing}
#stage:focus-visible{outline:1px solid #d8a7bc;outline-offset:-8px;border-radius:20px}
#stage canvas{display:block;width:100%;height:100%}
#loading{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;white-space:pre-wrap;font-size:13px;letter-spacing:2px}

#flip{margin:0 0 max(24px,env(safe-area-inset-bottom));min-height:44px;padding:10px 24px;border:1px solid #d8a7bc;border-radius:24px;background:#fff0f6;color:#914568;font:inherit;font-size:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
#flip:hover{background:#fbe1ed;border-color:#bf7c9b}
#flip:focus-visible{outline:2px solid #b8668b;outline-offset:4px}
#flip:disabled{opacity:.5;cursor:wait}
@media(max-height:500px){#flip{margin-bottom:max(10px,env(safe-area-inset-bottom))}}