*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;min-height:100dvh;background:#000;overflow:hidden;font-family:SimSun,Songti SC,"Noto Serif SC",serif}body{display:flex;justify-content:center;align-items:center}#wrap{position:relative;width:min(100vw,calc(100dvh * 30 / 19));height:min(100dvh,calc(100vw * 19 / 30));aspect-ratio:30 / 19;border:1px solid #2a2a2a}canvas{display:block;width:100%;height:100%;background:#0a0a0a;cursor:crosshair}#hint{position:absolute;bottom:4px;left:8px;color:#888;font-size:11px;pointer-events:none;letter-spacing:1px}#bootLoader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:#050403;transition:opacity .4s ease}#bootLoader .boot-inner{text-align:center}#bootLoader .boot-kicker{color:#d2a55c99;font-size:12px;letter-spacing:.34em}#bootLoader .boot-title{margin:14px 0 26px;color:#f6e2b9f0;font-size:40px;letter-spacing:.34em;text-shadow:0 0 22px rgba(212,168,90,.3)}#bootLoader .boot-progress{width:220px;height:2px;margin:0 auto;background:#eedab229;overflow:hidden}#bootProgressFill{width:0;height:100%;background:#d2a55ce6;transition:width .28s ease}#bootLoader .boot-status{margin-top:14px;color:#eedab280;font-size:12px;letter-spacing:.22em}@media (max-width: 720px){#hint{font-size:9px;letter-spacing:.5px}}@media (prefers-reduced-motion: reduce){#bootLoader,#bootProgressFill{transition:none}}
