:root{color-scheme:dark;font-family:Arial,sans-serif;background:#174a27}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#174a27}body{padding:0}.sicbo-shell{position:relative;width:100%;height:100%;max-width:1600px;margin:auto;border:0;border-radius:0;overflow:hidden;background:#174a27;box-shadow:none}.sicbo-canvas{position:absolute;inset:0}.sicbo-canvas canvas{display:block;width:100%;height:100%}.sicbo-back,.sicbo-sound{position:absolute;z-index:20;top:8px;width:44px;height:44px;border:1px solid #b69254;border-radius:50%;background:#164c2bd9;color:#fff4c2;font-size:24px;text-decoration:none;display:grid;place-items:center;cursor:pointer}.sicbo-back{left:8px}.sicbo-sound{right:8px}.sicbo-loading{position:absolute;z-index:30;inset:0;display:grid;place-items:center;background:#25140d;transition:opacity .3s}.sicbo-loading.done{opacity:0;pointer-events:none}.sicbo-loading i{width:min(70vw,440px);height:18px;border:1px solid #987034;border-radius:10px;overflow:hidden;background:#130a06}.sicbo-loading span{display:block;width:0;height:100%;background:linear-gradient(90deg,#326b48,#d7b351);transition:width .12s}.sicbo-loading b{position:absolute;margin-top:56px;color:#f8e1a0}.sicbo-toast{position:absolute;z-index:40;left:50%;bottom:88px;transform:translate(-50%,18px);opacity:0;background:#160c08e8;border:1px solid #b78941;border-radius:12px;padding:12px 18px;color:#fff;transition:.2s;pointer-events:none}.sicbo-toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:520px){body{padding:0}.sicbo-shell{border:0;border-radius:0}.sicbo-back,.sicbo-sound{width:38px;height:38px;font-size:20px}.sicbo-toast{bottom:108px;max-width:90vw;text-align:center}}